/*@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');*/ /*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');*/ /*@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');*/ /*@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');*/ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); /*@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');*/ /*@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');*/ /*@import url('https://fonts.googleapis.com/css2?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');*/ /*@import url('https://fonts.googleapis.com/css2?family=Agbalumo&display=swap');*/ /* default css================================================== */ h1, h3, h4, h5, h6 { margin: 0; /*font-family: "Varela Round", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;*/ /*font-family: "Courgette", cursive; font-weight: 400; font-style: normal;*/ /* font-family: "Agbalumo", serif;*/ font-family: "Montserrat", sans-serif; font-weight: 400; font-style: normal; /* letter-spacing: 1.3px;*/ letter-spacing: normal; } h2 { margin: 0; /* font-family: "Varela Round", sans-serif;*/ font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; /*font-family: "Courgette", cursive; font-weight: 400; font-style: normal;*/ /*font-family: "Agbalumo", serif;*/ font-weight: 400; font-style: normal; /* letter-spacing: 1.3px;*/ letter-spacing: normal; } html, body { font-weight: 400; font-style: normal; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-style: normal; /* overflow-x: hidden;*/ padding: 0; margin: 0; box-sizing: border-box; scroll-behavior: unset; } :root { --defaultColor: rgba(227, 30, 36, 1); --grayColor: #b5b5c3; --primaryColor: rgba(227, 30, 36, 1); --dangerColor: #c82333; --btnColor: rgba(227, 30, 36, 1); } a:hover { text-decoration: none; outline: none; } a:focus { text-decoration: none; outline: none; } button:hover { text-decoration: none; outline: none; } button:focus { text-decoration: none; outline: none; } p { padding: 0; margin: 0; font-weight: normal; font-size: 16px; } .dis_none { display: none; } img { height: 100%; width: 100%; object-fit: cover; } ul { margin: 0; padding: 0; list-style: none; } a, button { cursor: pointer; outline: none; transition: all 0.3s ease-out !important; } button { text-transform: capitalize; } a:hover, button:hover { cursor: pointer; outline: none; transition: all .3s ease-in-out !important; } .pointer { cursor: pointer; } /* Remove Chrome Input Field's Unwanted Yellow Background Color */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } .none { display: none !important; } /* default css================================================== */ html{ font-size: 10px; } body.light { font-size: 10px; background: #fff; padding-right: 0 !important; font-family: "Montserrat", sans-serif; } body.dark { color: #a4acc4; } .success { color: #4CAF50; } .c_green { color: #00a0e3; } span.out_of_stock { color: tomato; } .btn { outline: none !important; } .btn.focus, .btn:focus { outline: none !important; box-shadow: none !important; } .ml-9 { margin-left: 9px !important; } .alert_msg { padding-top: 3px; } .c_red, .error { color: red !important; } .mt-20 { margin-top: 20px; } .mh-250 { min-height: 250px; } .pt-50 { padding-top: 50px; } .mb-30 { margin-bottom: 30px; } .mr-25 { margin-right: 25%; } .card-pr-5 { padding-right: 5px !important; } .card-pl-5 { padding-left: 5px !important; } .mtb-20 { margin-top: 20px; margin-bottom: 20px; } .section-padding-top { padding-top: 120px; } .section-padding-bottom { padding-bottom: 120px; } .mi-padding-top { padding-top: 80px; } .mi-padding-bottom { padding-bottom: 80px; } .section_wrapper { padding: 0 50px; width: 100%; overflow: hidden; } .row-reverse { flex-direction: row-reverse; ; } .mb-50 { margin-bottom: 50px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .pb-20 { padding-bottom: 20px; } .pt-20 { padding-top: 20px; } .min-height { min-height: 100vh; } .error_content p { color: #fff; margin-top: 5px; } .home_page_navbar .navbar-brand { /*color: #777;*/ width: auto; height: 50px; padding: 0; margin: 0; } #headers .navbar-light .navbar-nav .nav-link { /*color: #fff;text-transform: uppercase;*/ color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 20px; font-size: 18px; } .contentArea.navLeft { padding-left: 300px; } #headers .login_signup { z-index: 9; } .contentArea.navRight { padding-right: 300px; } .navLeft { left: 0; border-right: 1px solid #2e344e; } .navRight { right: 0; border-left: 1px solid #2e344e; } .wrapper { display: flex; justify-content: center; align-items: center; min-height: 100vh; position: relative; z-index: 1; flex-direction: column; } body.dark { background: #191d2b; } .plr { width: 100%; } .homeContent { color: #fff; padding: 50px 80px; } .php-pagination { display: flex; width: 100%; justify-content: center; margin: 40px; } /* gallery filter */ .gallery_sort { display: flex; align-items: center; padding: 0; margin: 0; flex-wrap: wrap; white-space: nowrap; } ul.gallery_sort li { margin: 0 5px 5px; } ul.gallery_sort li button:focus { outline: none; } /*ul.gallery_sort li button.active .mcat, ul.gallery_sort li button:hover .mcat{border:2px solid rgba(227,30,36,1);color: rgba(227,30,36,1);transition: all 0.3s;}*/ ul.gallery_sort li button.active span, ul.gallery_sort li button:hover span { color: #fff; transition: all 0.3s; } ul.gallery_sort li button .mcat { box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%); } ul.gallery_sort li button { display: block; border: none; padding: 5px 15px; font-size: 16px; border-radius: 4px; background-color: #f2f2f2; transition: all 0.3s; } .gallery_top_menu { /*margin-bottom: 14px;*/ } .gallery_sort li button.active { position: relative; } .gallery_sort li button.active::before { left: 0; } .filter { padding: 7px; } /* Create four equal columns that sits next to each other */ .item { background-color: none; display: inline-block; margin: 0; width: 100%; cursor: pointer; } #masonry4 { column-count: 2; column-gap: 0px; } @media(min-width: 30em) { #masonry4 { column-count: 2; column-gap: 0px; } } @media(min-width: 40em) { #masonry4 { column-count: 2; column-gap: 0px; } } @media(min-width: 60em) { #masonry4 { column-count: 3; column-gap: 0px; } } @media(min-width: 75em) { #masonry4 { column-count: 4; column-gap: 0px; } } #masonry3 { column-count: 1; column-gap: 0px; } @media(min-width: 30em) { #masonry3 { column-count: 3; column-gap: 0px; } } @media(min-width: 40em) { #masonry3 { column-count: 3; column-gap: 0px; } } @media(min-width: 60em) { #masonry3 { column-count: 3; column-gap: 0px; } } @media(min-width: 75em) { #masonry3 { column-count: 3; column-gap: 0px; } } /* menu btn================================================== */ .navOpen { display: none; } /* 404 page================================================== */ .error_page { background: #191d2b; margin: 0; padding: 0; height: 100vh; } .error_wrapper { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .error_wrapper h4 { color: #fff; font-size: 30px; } /* fun================================================== */ #myBar { width: 100%; background: #2e344e; height: 6px; position: fixed; z-index: 99; border: 1px solid #191d2b; top: 0; } .scroll-line { height: 2px; background: linear-gradient(to right, #1345e6 0%, #ed239f 51%, #1345e6 100%) !important; width: 0%; position: fixed; transition: .3s; } /* custom css================================================== */ body::-webkit-scrollbar { width: 2px; } body::-webkit-scrollbar-track { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); } body::-webkit-scrollbar-thumb { background-color: rgba(227, 30, 36, 1); border-radius: 15px; } *::-webkit-scrollbar { width: 2px; } *::-webkit-scrollbar-track { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); } *::-webkit-scrollbar-thumb { background-color: rgba(227, 30, 36, 1); border-radius: 15px; } .mb-80 { margin-bottom: 80px; } .pt-80 { padding-top: 80px; } .top_header_area { padding-top: 150px; } .layout_5 { background-attachment: fixed !important; } .on-scroll.bg_color { position: relative; } .left_height_line { width: 7px; background: radial-gradient(circle, #00a8cc, #00afca, #00b5c6, #00bbc0, #00c0b9, #36bf9e, #5bbd81, #7cb865, #aba63e, #d48c39, #ef6d57, #f35588); position: absolute; top: 0; left: 108px; transition: .5s; z-index: 8; } ul.social_icons li a:hover { background: #fff; color: rgba(227, 30, 36, 1); transition: .5s; } .top_btn { display: flex; align-items: center; justify-content: flex-end; } .top_btn a { display: inline-block; background: #194368; color: #fff; padding: 6px 12px; font-size: 14px; border-radius: 3px; height: 30px; white-space: nowrap; padding-top: 0; margin-right: 10px; } .hidden_text { display: inline-block; width: 0; overflow: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: left; line-height: 35px; vertical-align: middle; text-transform: uppercase; font-size: 10px; padding-left: 0; } .top_btn a:hover .hidden_text { width: 111px; padding-left: 5px; } .topMenu_bar { height: 53px; width: 50px; position: fixed; left: 11px; top: 20px; overflow: hidden; z-index: 10; } .topMenu_bar a { color: #fff; background: #191d2b; font-size: 25px; padding: 2px 10px; text-align: center; display: inline-block; line-height: 42px; padding-bottom: 0; } .leftMenu_bar { height: 100vh; width: 250px; position: fixed; background: #191d2b; display: flex; align-items: center; flex-direction: column; left: -260px; z-index: 999; } .hideNav { /*background: rgba(0,0,0,.5);*/ position: absolute; top: 0; left: 198px; width: 50px; height: 50px; color: #fff; text-align: center; font-size: 28px; transition: all .3s ease-in-out; } .hideNav:hover { background: #000; color: #fff; } .leftMenu_name { width: 100%; text-align: center; border: 2px solid #fff; padding: 14px; margin-bottom: 16px; } .leftMenu_name h4 { color: #fff !important; } .menu_area { width: 100%; text-align: center; padding: 10px 0px; } .menu_area ul a { color: #fff; } .menu_area .mainMenu ul a::before, .menu_area .mainMenu ul a::after { display: none; } .menu_area .mainMenu ul a.active, .menu_area .mainMenu ul a:hover { background: #2e344e; } .scroll-top { height: 50px; width: 50px; overflow: hidden; position: fixed; right: 25px; bottom: 45px; background: rgba(227, 30, 36, 1); text-align: center; border-radius: 100%; box-shadow: 0px 8px 16px 0px rgba(56, 196, 252, 0.5); } .scroll-top a { display: block; font-size: 29px; color: #fff; line-height: 42px; } .layout_5 .single-blog.cv.style_1 { box-shadow: 0 0 5px rgba(0, 0, 0, .5); } .back.layout_5 { display: inline-block; color: #a4acc4; padding: 10px 30px; font-size: 20px; position: fixed; z-index: 99; background: #000; top: 16px; left: 0; } .appointment_schedule.layout_5 { margin-top: 20px; } .users_section_area.home { background: #000; overflow: hidden; height: 100vh; } .aboutImage { position: relative; height: 455px; max-width: 392px; } /* Style the search field */ form.example input[type=text] { padding: 6px; font-size: 17px; float: left; width: 80%; background: #f1f1f1; border: 1px solid transparent; outline: none; } /* Style the submit button */ form.example button { float: left; width: 20%; padding: 6px; background: #f1f1f1; color: #777; font-size: 17px; border-left: none; cursor: pointer; border: 1px solid transparent; outline: none; } form.example button:hover { background: #f1f1f1; color: #000; } /* Clear floats */ form.example::after { content: ""; clear: both; display: table; } .right_bar { display: flex; align-items: center; justify-content: space-between; } .search_area { margin-right: 40px; } .custom_menu { width: 100%; display: flex; justify-content: flex-end; gap: 11px; } .custom_menu ul li a{ } /* start empty area================================================== */ .empty_area { width: 100%; height: 250px; display: flex; align-items: center; justify-content: center; text-align: center; } .empty_area code { background: #eee; padding: 1px 7px; box-shadow: 0 0 3px #ddd; margin-top: 13px; display: inline-block; } .empty_area h4 { margin-top: 5px; font-size: calc(17px + .3vw); } /* End empty area================================================== */ /* alert custom css================================================== */ span.reg_msg { text-align: left; } span.reg_msg .alert { border-radius: 0; padding: 5px 15px; position: relative; border: 0; } span.reg_msg .alert::before { position: absolute; content: ""; height: 100%; width: 7px; left: 0; top: 0; } span.reg_msg { display: none; } span.reg_msg .alert.alert-danger::before { background: #fe7171; } span.reg_msg .alert.alert-success::before { background: #2ec1ac; } span.reg_msg .alert.alert-info::before { background: #68b0ab; } .user_login_form, form, .submit_form { position: relative; } .submit_form::before { content: ""; position: absolute; background: rgba(255, 255, 255, .8); top: 0; bottom: 0; left: 0; right: 0; z-index: 99; } span.ajax_submit { margin-top: 30px; border: solid #000 2px; width: 156px; height: 20px; border-radius: 7px; position: absolute; top: 17%; left: 50%; transform: translate(-50%, -50%); z-index: 99; } span.ajax_submit::before { content: ''; position: absolute; width: 146px; height: 12px; top: 2px; left: 2px; background-color: #000; border-radius: 4px; animation: animation7submiting_after 2s linear infinite; } span.ajax_submit::after { content: 'Submiting...'; position: absolute; width: 150px; color: #000; top: -28px; /*font-family: Marvel;*/ font-size: 14pt; text-align: center; animation: animation7submiting 2s linear infinite; left: 0; } @keyframes animation7submiting_after { 0% { width: 0% } 15% { width: 0% } 85% { width: 146px } 100% { width: 146px } } @keyframes animation7submiting { 0% { content: 'Submiting' } 25% { content: 'Submiting.' } 50% { content: 'Submiting..' } 75% { content: 'Submiting...' } 100% { content: 'Submiting...' } } /* searching loader================================================== */ .searching { position: relative; width: 100%; height: 20px; } .searching::after { content: 'Searching...'; position: absolute; color: #000; top: 0; /*font-family: Marvel;*/ font-size: 12pt; text-align: center; animation: animation7searching 2s linear infinite; left: 0; } @keyframes animation7searching { 0% { content: 'Please wait, ' } 15% { content: 'Please wait, Se.' } 30% { content: 'Please wait, Sea..' } 45% { content: 'Please wait, Sear..' } 55% { content: 'Please wait, Searc..' } 75% { content: 'Please wait, Search...' } 85% { content: 'Please wait, Searchi...' } 95% { content: 'Please wait, Searchin...' } 100% { content: 'Please wait, Searching...' } } .facebook { color: rgba(59, 89, 152, 1); transition: ease .5s all; } .instagram { color: rgba(251, 57, 88, 1); transition: ease .5s all; } .whatsapp { color: rgba(79, 206, 93, 1); transition: ease .5s all; } .linkedin { color: rgba(14, 118, 168, 1); transition: ease .5s all; } .phone { color: #16a596; transition: ease .5s all; } .twitter { color: rgba(0, 172, 138, 1); transition: ease .5s all; } .youtube { color: rgba(255, 0, 0, 1); transition: ease .5s all; } .email { /*background-image: radial-gradient(circle, #ee0a50, rgba(251,57,88,1), #16a596, #a0bc00, #16a596);;-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/ transition: ease .5s all; } .facebook:hover { color: rgba(59, 89, 152, .5); } .instagram:hover { color: rgba(251, 57, 88, .5); } .whatsapp:hover { color: rgba(79, 206, 93, .5); } .linkedin:hover { color: rgba(14, 118, 168, .5); } .twitter:hover { color: rgba(0, 172, 138, .5); transition: ease .5s all; } .youtube:hover { color: rgba(255, 0, 0, .5); transition: ease .5s all; } /* seven loader================================================== */ .reg_loader { position: relative; height: 50px; width: 50px; color: #000; } .seven { margin-top: 30px; border: solid #000 2px; width: 150px; height: 20px; border-radius: 7px; } .seven:before { content: ''; position: absolute; width: 146px; height: 16px; top: 2px; left: 2px; background-color: #000; border-radius: 4px; animation: loader7AnimationBefore 2s linear infinite; } .seven:after { content: 'Loading...'; position: absolute; width: 150px; color: #000; top: -28px; /*font-family: Marvel;*/ font-size: 14pt; text-align: center; animation: loader7AnimationAfter 2s linear infinite; } @keyframes loader7AnimationBefore { 0% { width: 0% } 15% { width: 0% } 85% { width: 146px } 100% { width: 146px } } @keyframes loader7AnimationAfter { 0% { content: 'Loading' } 25% { content: 'Loading.' } 50% { content: 'Loading..' } 75% { content: 'Loading...' } 100% { content: 'Loading...' } } /* Start user profile================================================== */ .userMenu_flex { display: flex; align-items: center; justify-content: flex-end; width: 100%; } .userMenu nav ul li a } .sectionDefault { position: relative; min-height: 100vh; width: 100%; } .userMenu { height: 52px; } /*.single_banner img {height: 120px;width: 120px;margin-right: 20px;}*/ section.user_home_banner { /*min-height: 35vh;*/ /* padding: 0.1% 0;*/ background: #eee; display: flex; align-items: center; position: relative; background: #b2b2b2!important; /*margin-bottom: 30px;*/ } section.user_home_banner .single_banner { display: flex; align-items: center; color: #5b5b5b; z-index: 9; position: relative; padding: 30px 0; } section.user_home_banner::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, .6); } .userbanner_top { margin-bottom: 5px; } .home_social.list.style_1 ul { display: flex; align-items: center; } .home_social.list.style_1 ul li a { color: #000; padding: 10px 0; margin-right: 19px; padding-right: 8px; font-size: 17px; } .social_icon_section { margin-top: 5px; } .home_social.list.style_1 ul li a i { font-size: 18px; /*background: #fff;*/ padding: 2px 4px; border-radius: 4px; margin-right: 6px; /*color: var(--defaultColor)!important*/ } /*.userbanner_bottpm a {color: #777;}*/ p.address a { /* font-size: 14px;color: #000;*/ } .gallery_area .portfolio_img { border-radius: 10px; box-shadow: 0 0 13px #ddd; } .portfolio_img { position: relative; overflow: hidden; } .gallery_area .grid-item { width: 49.111%; padding: 0 7.5px 0px; margin-top: 15px; } .style_2 .gallery_area .grid-item { width: 25%; padding: 0 7.5px 0px; margin-top: 15px; } .gallery_area .grid-item a { display: inline; } .portfolio_details h4 i { margin-left: 9px; } .portfolio_details h4 { padding: 5px; display: flex; align-items: center; font-size: 16px; font-weight: 600; padding-left: 11px; background: #fff; } .singleGallery_img { height: 200px; overflow: hidden; position: relative; z-index: 2; width: 100%; transition: all .5s ease-in-out; } .singleGallery_img:hover img { transform: translate(-50%, -50%) scale(1.1); } .singleGallery_img img { z-index: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.0); width: 100%; height: 100%; transition: all .5s ease-in-out; } .singleMenuItem { padding: 10px 10px; width: 100%; padding-top: 0; } .singleMenuItem ul { display: flex; /* align-items: center; */ flex-direction: column; justify-content: center; } .singleMenuItem ul li { display: block; width: 100%; margin-bottom: 8px; box-shadow: 0 0px 0px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%); background: #fff; } .singleMenuItem ul li a { color: #000; padding: 10px; display: flex; align-items: center; justify-content: space-between; } .homeItem_right.singleCatItem p { font-size: 18px; color: #777; font-weight: normal; } .homeSingle_item.singleCatItem { min-height: 149px; } .port_d_flex { display: flex; align-items: center; justify-content: center; margin-top: 2px; } .price_section { margin: 5px 0; } /*.port_d_flex a {padding: 5px 20px;border-radius: 5px;border: 1px solid #f9f9f9;margin: 5px;text-align: center;font-size: 18px;color: #777;}*/ /* cart================================================== */ li.cart { position: relative; } li.cart a { color: #777; } span.total_count { position: absolute; background: red; color: #fff; border-radius: 100%; font-size: 12px; min-width: 20px; min-height: 20px; text-align: center; right: 3px; top: 3px; font-weight: bold; font-family: cursive; } .shopping_cart { position: fixed; height: 100vh; right: -400px; width: 360px; padding: 5px; z-index: 1040 !important; top: 0; transition: all .3s; border-left: 5px solid rgba(255, 255, 255, .6); background: #fff; box-shadow: 0 4px 10px rgb(50 50 93 / 11%), 0 2px 6px rgb(0 0 0 / 8%); } .cart_heading { padding: 10px 5px; display: flex; justify-content: space-between; } .right_cart a { color: red; padding: 5px; } /* cart */ .single_item_cart { display: flex; justify-content: space-between; } .left_cart { display: flex; align-items: center; } .single_item_cart img { height: 80px; width: 80px; margin-right: 10px; flex: 0 0 80px; border-radius: 4px; border: 1px solid #f2f2f2; } .navCart { display: inline-block; } span.extrasTitleCard { font-size: 13px; word-break: break-word; font-weight: 500; font-family: 'FontAwesome'; } .shopping_cart_content ul li { background: #fff; padding: 5px; margin-bottom: 10px; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important; border-radius: 4px; border: 1px solid #f3f5f9; } i.fa.fa-circle.veg_type { font-size: 12px; border: 1px solid; height: 15px; width: 15px; border-radius: 0; text-align: center; line-height: 14px; } .veg_type.c_green { border-color: green; } .veg_type.c_red { border-color: red; } .item_title_area { display: flex; justify-content: space-between; padding: 0 3px 8px 10px; } .item_modal { padding: 0; background: #f4f5f7 !important; border-radius: 11px; } .modal-header { background: #fff !important; } .single_item_details { padding: 10px; } .item_extra_details { /*padding:5px 10px;*/ } .itemComments { padding: 0 10px; } span.left_bold { font-weight: bold; margin-right: 7px; } .item_extra_list { margin-top: 5px; } .capital{ } span.cartItemList { position: relative; height: 48px; width: 48px; } span.cartItemList a { color: #777; } span.cartItemList .total_count { top: -9px; right: 0px; } .cart.CartIcon { position: fixed; right: 30px; bottom: -50px; border-radius: 100%; height: 45px; width: 45px; text-align: center; display: flex; align-items: center; justify-content: center; transition: all .5s ease-in-out; z-index: 999; background: #fff; box-shadow: 0 4px 10px rgb(50 50 93 / 11%), 0 2px 6px rgb(0 0 0 / 8%); } .CartIcon.active { bottom: 120px; } .cart.CartIcon a { color: #000; text-align: center; } .cart.CartIcon a i { font-size: 28px; position: absolute; left: 50%; top: 63%; transform: translate(-50%, -50%); } .top_cart_order { display: flex; align-items: center; flex-direction: column; justify-content: space-between; height: 82vh; } .top_cart_order ul { width: 100%; overflow: auto; padding-bottom: 62px; } .bottom_cart_order { width: 100%; position: absolute; padding-bottom: 17px; clear: both; left: 0; right: 0; bottom: -7px; background: #f3f5f9; padding: 15px 0; box-shadow: 0 0 5px #ddd; } .order-btn { display: block; border-radius: 0; color: #ff4646 !important; } .bottom_cart_order a { border-radius: 15px; } .sub_total_list h4 { display: flex; justify-content: space-around; } .single_cart_item_details h4 { font-size: calc(14px + .1vw); margin-bottom: 5px; font-weight: 500; } .sub_total_list { text-align: center; padding: 5px 0 10px 0; } .sub_total_list h4 { font-size: calc(14px + .1vw); color: #333; text-transform: capitalize; } .total_sum { padding: 5px 0 17px 0; /* border-top: 1px dashed #e3e9f0;*/ } .successMsg { text-align: center; min-height: 160px; display: flex; align-items: center; justify-content: center; flex-direction: column; } /*.confirmMsgArea {margin-bottom: 13px;}*/ .custom_btn { padding: 8px 37px; text-transform: uppercase; } /* incress / decress================================================== */ span.in_stock { color: #4CAF50; } .value-button { border: 1px solid #f00; font-size: 12px; cursor: pointer; display: inline-block; width: 20px; height: 20px; border-radius: 10px; background: transparent; text-align: center; color: red; line-height: 17px; } span.cart_qty_field input { width: 36px; height: 24px; border: 1px solid #ddd; border-right-color: transparent; border-left-color: transparent; text-align: center; background: #e5e7f7; } span.cart_qty_field input[type=number]::-webkit-inner-spin-button, span.cart_qty_field input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .value-button { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input.qty:focus { border-color: transparent; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .order_qty { display: flex; align-items: center; margin: 3px 0; } .order_qty>span { margin-right: 10px; } .order_list img { height: 75px; width: 120px; background: #fff; flex: 0 2 120px; border-radius: 5px; } .single_item_cart.order_list { margin-bottom: 15px; } .order_input_area input, .order_input_area select { height: 45px !important; border-radius: 0; } .upperSum { margin-bottom: 5px; border-bottom: 1px dashed #e3e9f0; padding-bottom: 5px; display: block; text-transform: capitalize; } .show_price.defaultshipping { text-transform: capitalize; } /* incress / decress================================================== */ .singlePackage_img { width: 150px; height: 80px; margin-right: 12px; } .single_package_items { display: flex; margin-bottom: 16px; } .singleItemDetails h4 { font-size: 12px; font-weight: 500; color: #212121; } .accordion_content.item { background: #ffffff; color: #4b566b; padding: 10px 15px 10px; border: 0px solid #dae1e7; font-size: 14px; display: none; overflow: hidden; border-radius: 0 0 6px 6px; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important; } span.price_discount { color: #fe696a; text-decoration: line-through; margin-left: 15px; } h4.package_price { font-size: 13px; color: #4e54c8; font-weight: 600; } h4.package_price span.bg-round { background: #f3f3f3; display: inline-block; border-radius: 4px; padding: 5px 10px; margin-right: 10px; font-weight: 500; } .package_header_left { display: flex; align-items: center; font-weight: 400; } .package_header_right.text-center a { background: transparent; color: #000; border-radius: 0; transition: all .3s ease-in-out; } .package_header_right.text-center a:hover { color: #fff; } .accordion_content.item.block { display: block; } .packageSection { padding-bottom: 30px; } .homeSingle_item { display: flex; flex-direction: row; align-items: center; } .homeSingleImg { width: 150px; height: 117px; } .singleCategoryHeader { padding: 10px 0; border-bottom: 1px solid #ddd; margin-bottom: 11px; background: #f8f8ff; padding: 8px 10px; background: transparent; } .homeView .homeSingle_item { margin:5px 0; } .homeSingleImg { margin-right: 20px; } .port_d_flex.home_view a { padding: 6px 12px; border-radius: 5px; border: 1px solid rgb(41 199 172 / 50%); margin: 4px; text-align: center; font-size: 12px; color: rgba(227, 30, 36, 1); transition: all .3s ease-in-out; box-shadow: none; text-transform: capitalize; font-weight: 600; } .port_d_flex.home_view a:hover { background: rgba(227, 30, 36, 1); color: #fff; border-color: transparent; } @media (max-width:600px) { .port_d_flex.home_view a { padding: 5px 6px; } } .homeView { /*margin-bottom: 30px;*/ } .homeSingleImg img { object-position: top center; } .homeItemDetails.list_view { display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; } .defaultHeading { padding: 3% 0 1% 0; color: #000; position: relative; } .defaultHeading h1 { position: relative; display: inline-block; padding-bottom: 13px; text-transform: capitalize; font-size: 24px; /*margin-left:15px;*/ } .defaultHeading h1::before { content: ""; position: absolute; background: rgb(0 208 255 / 30%); width: 100%; height: 1px !important; bottom: 1px !important; border-radius: 15px; } .defaultHeading h1::after { content: ""; position: absolute; background: #00a0e3; width: 40%; height: 3px !important; bottom: 0; left: 0; border-radius: 15px; } .defaultHeading h4 { position: relative; display: inline-block; padding-bottom: 13px; text-transform: uppercase; font-size: calc(12px + .3vw); } .defaultHeading h4::before { content: ""; position: absolute; background: rgb(255 3 3 / 30%) !important; width: 100%; height: 1px !important; bottom: 1px !important; border-radius: 15px; } .defaultHeading h4::after { content: ""; position: absolute; background: #ff4646; width: 40%; height: 3px !important; bottom: 0; left: 0; border-radius: 15px; } .homeItemPcakage { background: #f3f5f9 !important; /*padding-bottom: 70px;*/ } .text-center.seeMore_btn a { border: 1px solid #ddd; border-radius: 0; padding: 7px 25px; display: inline-block; transition: all .5s ease-in-out !important; } .text-center.seeMore_btn a:hover { background: rgba(227, 30, 36, 1); color: #fff; } .datepicker { z-index: 1151 !important; } /*.homeSingle_item { background: #fff; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important; padding: 15px; min-height: 185px; border-radius: 6px;}*/ .theme_2 .homeSingle_item { min-height: 200px; } .menu-img { margin-right: 20px; width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; flex: 0 0 70px; } .img { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .singleHome_item { /*padding-bottom: 50px;*/ } .homeItemDetails.list_view { display: flex; flex-direction: row; justify-content: space-between; width: 100%; } .homeItem_right p { font-size: 14px; color: #4e54c8; font-weight: 600; margin-top: 1px; } .homeItem_left { display: flex; flex-direction: column; justify-content: space-between; } .topTitle h4 { font-size: calc(13px + .2vw); font-weight: 500; display: flex; align-items: center; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-family: "Montserrat", sans-serif; letter-spacing: normal; } span.tit{ font-family: "Montserrat", sans-serif; letter-spacing: normal; } .topTitle h4 i { margin-left: 10px; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .w-50 .img, .w-50 .text { width: 50%; padding: 5% 4% 8px; } .homeSinglePackage { display: flex; width: 100% !important; /* height:208px;*/ cursor: pointer; } .homeSinglePackage p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0; } .w-50 .text { background: #fff; border-radius: 6px 0px 0px 6px; } .homeItemPcakage.Packages { background: #eee; } .package_heading { color: #212121; text-align: center; font-size: 16px; font-weight: 600; position: relative; display: inline-block; text-align: center; text-transform: uppercase; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .text.order-first p { /*font-size: 14px;padding: 5px 0;*/ text-align: center; } .homeSingle_packages { display: flex; padding: 8px 0; margin-bottom: 8px; } .singleItemDetails.homePackages { display: flex; flex-direction: column; width: 100%; padding-right: 10px; } .topPackageItem { display: flex; align-items: center; justify-content: space-between; width: 100%; /*padding-top: 10px;*/ } .singlePackage_wrapper { background: #fff; margin-bottom: 20px; } .homePackage_details { border: 0px solid #eee; padding: 10px; border-top: 0; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important; border-radius: 6px; } .package_title { padding: 10px; background: #fff; box-shadow: none; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f3f5f9; border-radius: 6px 6px 0px 0px; } .package_title h4 { font-size: 16px; color: #212121; font-weight: 600; } span.home_package_price { font-size: calc(13px + .15vw); color: #4e54c8; font-weight: 600; } .lineTitle { position: relative; } .lineTitle::after { content: ""; display: block; position: absolute; left: 0; top: 68%; width: 100%; height: 1px; background-color: #777; transform: translateY(28%); } .topPackageItem.lineTitle h4 { font-size: calc(15px + .2vw); background: #fff; z-index: 1; padding-right: 11px; font-weight: 400; } .topPackageItem.lineTitle p { background: #fff; z-index: 1; padding-left: 11px; color: #4e54c8; font-weight: 600; } .homeBanner_Service ul { display: flex; text-align: center; width: 100%; justify-content: space-between; } .homeBanner_btn { margin-top: 11px; } .homeBanner_Service ul li i { display: block; font-size: 40px; color: rgba(227, 30, 36, 1); margin: 0 auto; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; background-color: #fff; } .homeItemPcakage { padding-bottom: 70px; } .homeBanner_Service ul li p { font-size: 16px; /*font-family: 'Montserrat';*/ font-weight: 400; color: #fff; } .homeBanner_Service ul li { display: block; width: 100%; border-right: 1px solid #ddd; padding-bottom: 12px; } .homeBanner_Service ul li:nth-child(3) { border: 0; } .userHomeBanner { position: relative; } .userHomeBanner, .homeBanner_left { min-height: 50vh; } .username { font-family: inherit; font-size: 18px; font-weight: 600; text-transform: uppercase; } .homeBanner_left { background: rgba(255, 255, 255, .8); padding-left: 21%; display: flex; align-items: center; flex-direction: column; width: 100%; text-align: center; justify-content: space-evenly; } .homeBanner_Service { width: 100%; margin-top: 25px; } .homeBanner_left h1 { text-align: left; font-size: calc(18px + 1.2vw); } .home-book-btn { display: inline-block; background-color: #e22104; color: #fff; font-size: 14px; font-weight: 600; border-radius: 15px; padding: 9px 25px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .btn-shadow { box-shadow: -5px 8px 20px 0 rgb(229 16 2 / 15%); } .home-book-btn:hover { background-color: red; color: #fff; } a.btn.watch_video { color: #fff; } .watch_video_i { font-size: 22px; margin-right: 10px; } .userHome_social { position: fixed; top: 18%; right: 1px; z-index: 9999; /*display: none;*/ } .userHome_social ul { display: flex; flex-direction: column; align-items: center; } .userHome_social ul li a { display: block; padding: 10px; font-size: 25px; color: #777; transition: all .5s ease-in-out; } .userHome_social ul li a:hover { color: rgba(227, 30, 36, 1); } .userHome_social ul li a i { background-color: #fff !important; padding: 2px 4px; border-radius: 4px; } .itemPrice_area { display: flex; align-items: center; margin: 5px 0; flex-wrap: wrap; } .itemPrice { display: inline-block; border: 1px solid rgba(227, 30, 36, 1); margin-right: 3px; } p.smallItem_size { background: rgba(227, 30, 36, 1); color: #fff; border-bottom: 1px solid #ddd; } .itemPrice p { padding: 4px 10px; text-align: center; font-size: 13px; } .topTitle { padding-bottom: 2px; } .details_price { display: flex; align-items: center; flex-wrap: wrap; } .desp-details p{ letter-spacing: normal; } label.btn.btn-sizes { border: 1px solid rgba(227, 30, 36, 1); padding: 4px 26px; transition: all .3s ease-in-out; margin: 3px; margin-bottom: 5px; border-radius: 4px; font-size: 1.5rem; } label.btn.btn-sizes:hover, label.btn.btn-sizes.active { background: rgba(227, 30, 36, 1); color: #fff; } p.capital.allergen { font-size: 16px !important; } h5.priceTag { padding-top: 8px; padding-bottom: 5px; color: #4e54c8; font-size: 19px; font-weight: 600; } .btn.hidden { display: none !important; } .total_sum h4 { font-weight: 600; /*font-family: 'Open Sans';*/ font-size: 19px; margin-bottom: 7px; } .itemPrice_area.i_small p.smallItem_size { background: rgba(78, 84, 200, .1) !important; border: 0px solid #dae1e7; border-radius: 4px; color: #4e54c8 !important; padding: 6px 5px; font-size: 11px; margin-bottom: 4px; } .itemPrice_area.i_small .itemPrice { border-color: transparent; } .ci-shadow { box-shadow: 0 4px 10px rgb(50 50 93 / 11%), 0 2px 6px rgb(0 0 0 / 8%); } h5.priceTag.hidden { display: none; } .hidden { display: none; } .homePriceTag p.smallItem_size { background: rgba(41, 199, 172, .15) !important; color: rgba(227, 30, 36, 1) !important; box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%); } .single_items_img img { max-height: 320px; } .pickup_up h4 { font-size: 14px; } .cartNofify { display: flex; background: #f4f5f7; align-items: center; justify-content: space-between; padding: 5px 30px; padding-right: 4px; border-radius: 7px; box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%); } .leftNotify { display: flex; } .cartNotify_wrapper { display: flex; position: fixed; left: 50%; bottom: -200px; z-index: 999; align-items: center; justify-content: space-between; transform: translateX(-50%); opacity: 1; background: #fff; border-radius: 7px; } .leftNotify p { font-size: 15px; } .rightNotify a { display: block; padding: 14px 6px; margin-left: 20px; color: red; } .leftNotify a { margin-left: 10px; font-size: 14px; line-height: 25px; color: tomato; } .UserMobileMenu { display: none; } .bg-gray { background: #f4f5f7 !important; } .track_form input { height: 47px; border-radius: 0; background: #fff; } .track_order_section { min-height: 94vh; display: flex; align-items: center; justify-content: center; /*background: url(../images/rest2.webp);*/ /*mix-blend-mode:multiply;*/ /*color: #4b566b;*/ /* border-top: 1px solid #f3f5f9; */ /* background: url(../images/bg-footer.jpg);*/ background-blend-mode: overlay; background-color: #fffffff6; background-size: contain; } .sweet-alert h2 { text-transform: capitalize; } .status-badge { font-weight: normal; padding: 5px; } .status-badge i { font-size: 16px; font-weight: bold; margin-right: 1px; } img.order-img { height: 50px; width: 50px; } .fw_normal { font-weight: normal; } a.viewItems { color: brown; font-size: 14px; } a.viewItems:hover { color: #000; } .d_flex_h { min-height: 80vh; display: flex; align-items: center; justify-content: center; } .pp-5 { padding: 5px !important; } .back_icon { font-size: 25px; color: #222; } .single_track_page { /*margin-top: 50px;*/ } .show_menu_details { display: none; } ul.row_ul li a span { min-width: 91px; display: inline-block; text-align: left; } .userbanner_right * { /*text-shadow: 0 0 5px rgb(0 0 0 / 70%);*/ } .userbanner_right i { text-shadow: none; } span.timeFormat { text-transform: lowercase; } /* contacts================================================== */ .contacts_area input.form-control { /*height: 45px;*/ font-size: 1.7rem; border-radius: 7px; /* text-transform: capitalize;*/ } .contacts_area .form-control { border-radius: 0; } .form_fields{ display: flex; justify-content: space-between; } .form_fields .form-group { width: 49.2%; display: inline-block; } .contact_top { display: flex; align-items: center; justify-content: space-around; margin-bottom: 20px; } .single_contact_wizard { border: 1px solid #eee; text-align: center; min-height: 111px; max-height: 120px; display: flex; align-items: center; box-shadow: 0 0 5px #ddd; overflow: hidden; transition: all .5s ease; width: 100%; text-align: center; justify-content: center; margin: 0; } .single_contact_wizard a { color: #000; } .single_contact_wizard:hover i { color: #2ec1ac; } .single_contact_wizard:hover { box-shadow: 0 0 5px #2ec1ac; } .all_social_sites_icon ul.circle a { border-color: #2ec1ac; color: #2ec1ac; transition: all .5s ease; } .all_social_sites_icon ul.circle a:hover { border-color: #2ec1ac; background: #2ec1ac; color: #fff; } .contacts_area textarea.form-control { /*min-height:85px;*/ font-size: 1.7rem; border-radius: 7px; /* text-transform: capitalize;*/ } .second_media ul { display: flex; flex-direction: column; width: 100%; padding: 0; margin: 0; } .second_media ul li { width: 100%; } .second_media ul li a { display: flex; text-align: left; padding: 7px 15px; align-items: center; color: #000; } .second_media { margin-top: 30px; } .contact-page-head { width: 70%; text-align: center; margin: 0 auto } .contact-page-head h1 {} .second_media ul li a i { font-size: 20px; height: 35px; width: 35px; border: 1px solid #ddd; text-align: center; margin-right: 11px; line-height: 33px; background: #2ec1ac; color: #fff; } .theme_5 .single_contact_wizard { border: 0; box-shadow: none; max-height: inherit; min-height: auto; } .theme_5 .single_contact_top i { height: 50px; width: 50px; flex: 0 0 50px; background: #e8f9ff; color: #00a0e3; text-align: center; font-size: 25px; line-height: 50px; border-radius: 100%; transition: all .5s ease-in-out; } form#home_contact { padding: 3% 5%; background: #fff; border: 1px solid #f2f2f2; border-radius: 12px; } .theme_5 .single_contact_wizard a { width: 100%; } .theme_5 .contact_top_content { width: 100%; } .theme_5 .contact_top { background-color: #fff; border-radius: 12px; flex-direction: column; padding: 5% 5%; gap: 25px; border: 1px solid #f2f2f2; } .theme_5 .contact_top_content .single_contact_top { display: flex; align-items: center; width: 100%; grid-gap: 20px; } .theme_5 .single_contact_wizard:hover { box-shadow: none !important; } form.defaultForm input.form-control, form.defaultForm select.form-control { height: 45px !important; border-radius: 0; } form.defaultForm textarea.form-control { min-height: 55px; border-radius: 0; } /* end contacts================================================== */ /* reservation ================================================== */ .appointment_dates li { display: block; padding: 7px 10px; font-size: 16px; } .appointment_dates li i { font-size: 18px; height: 30px; width: 30px; border: 1px solid transparent; text-align: center; line-height: 28px; border-radius: 100%; margin-right: 11px; color: #fff; } .ap_info { color: #777 !important; padding-left: 18px; } .available i { background: green; } .not_available i { background: red; } .appointment_schedule_area { padding-left: 30px; } .limit_msg { text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; color: #777; } .limit_msg h4 { font-size: calc(18px + .2vw); font-weight: 400; } .qr_link { width: 60%; margin: 10px auto 25px auto; display: block; position: relative; } a.qrDownloadBtn { position: absolute; bottom: -18px; right: 0; background: #fff; padding: 1px 7px; display: block; color: green; font-size: 20px; left: 0; } span.downloadMsg { left: 5px; bottom: -17px; font-size: 14px; color: green; font-weight: normal; display: flex; align-items: center; background: #fff; padding: 1px 6px; } span.downloadMsg i { font-size: 18px; margin-right: 3px; } .not_found_page { height: 100vh; display: flex; align-items: center; justify-content: center; } .invalid_text img { height: 80px; width: 80px; margin: 0 auto; text-align: center; display: block; margin-bottom: 14px; } .invalid_text { text-align: center; } .invalid_text h4 { font-size: calc(15px + .4vw); font-family: cursive; margin-bottom: 7px; } .invalid_text p { font-size: 17px; font-family: sans-serif; } .invalid_text a { font-size: 17px; background: rgba(227, 30, 36, 1); color: #fff; display: inline-block; padding: 10px 30px; margin-top: 12px; text-decoration: none; font-family: sans-serif; } .reg_msg.block { display: block !important; } .left_create_admin { display: flex; align-items: center; justify-content: center; height: 100vh; } .price_section p { font-size: 13px; } .defaultHeading p { margin-top: 10px; margin-bottom: 10px; } .section_items, .sectionDefault { /*padding-bottom: 120px;*/ } .qrCode1 h4 { display: inline-block; float: right; width: 25%; margin-left: 20px; } .qrCode1 img { width: 200px; /* border: 1px solid ;*/ border-radius: 4px; /*margin-bottom: 5px;float: right; */ } label.paymentItem input { margin-right: 5px; height: 32px !important; padding: 0; } .payment_method { display: flex; align-items: center; } label.paymentItem { display: flex; align-items: center; justify-content: center; margin-right: 11px; cursor: pointer; background: red; padding: 0 23px; color: #fff; border-radius: 7px; } /* payment================================================== */ .payment_area { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; width: 100%; } .payment_icon { height: 100px; width: 100px; margin-bottom: 9px; } .payment_icon.payment { margin: 0 auto; } .payment_icon img { height: 100%; width: 100%; border-radius: 100%; object-fit: cover; } .payment_details { padding: 10px 0; margin-bottom: 10px; } .payment_text { margin: 2px 0 0 0; font-size: 14px; } .payment_text i { color: #3b7bbf; margin-left: 6px; } .pay_now { padding: 10px 34px; } .pay_now i { color: green; margin-left: 10px; font-size: 19px; } .layout_style { width: 100%; } .payment_card .card-header { padding: 0; } .payment_nav li.nav-item.active::before { content: ""; position: absolute; top: 0; left: 0; background: rgba(227, 30, 36, 1); width: 6px; bottom: 7px; border-radius: 5px 0 0 5px; } li.nav-item.active { position: relative; } li.nav-item { /*padding: 10px;*/ z-index: 10; } .payment_nav li a { padding: 13px; border-radius: 5px; color: #000; font-weight: bold; height: 70px; min-width: 160px; display: flex; align-items: center; justify-content: space-around; background: #fff; margin-bottom: 7px; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%); border: 0 !important; width: 175px; word-break: break-all; font-size: 14px; } .payment_nav li a.active { color: rgba(227, 30, 36, 1) !important; } .payment_content.text-center { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 450px; } .stripeForm { width: 100%; } .payment_icon { height: 100px; width: 100px; margin-bottom: 9px; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; } span.payout_img { height: 50px; width: 50px; position: relative; flex: 0 0 50px; background-size: cover !important; border-radius: 100%; border: 1px solid #eee; margin-right: 8px; } .payment_nav { display: flex; align-items: center; flex-wrap: wrap; border: 0; background: #f3f5f9; margin-bottom: 10px; flex-direction: column; margin-right: 10px; } .payment_card .card-header { border: 0; } .card.payment_card { border: 0; flex-direction: row; } .payment_nav li a.active { border: 0; } .payment_card .card-header { background: #f3f5f9; } /* appointment================================================== */ .appointment_area { width: 100%; padding: 50px; } .appointment_area textarea.form-control { height: 120px; } .appointment_schedule_area { width: 100%; } .appointment_dates {} .appointment_dates li { display: block; padding: 7px 10px; font-size: 16px; } .appointment_dates li i { font-size: 18px; height: 30px; width: 30px; border: 1px solid transparent; text-align: center; line-height: 28px; border-radius: 100%; margin-right: 11px; color: #fff; } .ap_info { color: #777 !important; } .available i { background: green; } .not_available i { background: red; } span.required { color: red; padding-left: 5px; } .offline_payment { color: #000; margin-top: 12px; font-size: 14px; } .contact_with_email { padding: 0 0 10px 0; display: inline-block; } .contact_with_email h3 a { color: #777; } .userInfo { padding-bottom: 8px; } .payment_card_img { width: 274px; margin: 0 auto 20px; } .stripeForm input { border-radius: 0; height: 45px; } .stripeForm label { text-align: left; display: block; } .payment_warper { padding-bottom: 50px; background: #f3f5f9 !important; min-height: 580px; } .stripeForm .card-footer { background: transparent; border: 0; } ul.paymentUl {width: 100%; display: flex; align-items: center; flex-direction: column; margin-top: 50px; } ul.paymentUl li { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-bottom: 5px; } ul.paymentSummary{ display: flex; /* align-items: center; */ justify-content: space-between; flex-direction: column; border-top: 1px dashed #ddd; padding: 7px 0; } ul.paymentSummary li { display: flex; align-items: center; justify-content: space-between; width: 100%; } .bb-top { border-top: 1px dashed #ddd; } .pickup_area_list { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; } .pickup_area_list label { display: block; padding: 2px; background: #eee; margin: 2px 5px; padding: 3px 8px; font-size: 14px; border-radius: 5px; margin-bottom: 5px; cursor: pointer; } .pickup_point_map { position: fixed; height: 100vh; width: 90%; right: -110%; top: 0; transition: all .3s ease-in-out; } .pickup_point_map.active { position: fixed; height: 100vh; width: 60%; right: 0; top: 0; z-index: 9999; transition: all .3s ease-in-out; } .single_pickup_area.active { background: rgba(227, 30, 36, 1); color: #fff; transition: all .3s ease-in-out; } a.selectPoint { display: block; text-align: center; font-size: 15px; padding: 2px; font-weight: bold; color: rgba(227, 30, 36, 1); margin-top: 5px; transition: all .3s ease-in-out; } a.checkmap { color: rgba(227, 30, 36, 1); text-decoration: underline; font-size: 14px; margin-left: 13px; line-height: 26px; transition: all .3s ease-in-out; } a.closeMap { position: absolute; left: 24px; color: red; top: 12px; text-shadow: 0 0 5px #000; transition: all .3s ease-in-out; } .modalTime { font-size: 40px; } .d_flex_center { display: flex; align-items: center; justify-content: center; } ul.extraUl { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; text-align: left; } ul.extraUl li { width: 48%; margin-bottom: 10px; } ul.extraUl input { margin-right: 4px; } ul.extraUl li label { cursor: pointer; display: flex; align-items: center; justify-content: space-between; font-size: 14px; } .extrasHeading { color: #777; font-size: 18px; margin-bottom: 8px; font-weight: 550; } a.btn.custom-btn.seemomre { padding: 9px 27px; border-radius: 7px; } .fw_bold { font-weight: bold; } .package_title.sinlgeOrder { padding: 10px; background: #f9f9f9; box-shadow: 0 4px 5px rgb(50 50 93 / 11%), 0 2px 3px rgb(0 0 0 / 8%); display: flex; align-items: center; justify-content: space-between; padding: 15px; } .add_to_order { color: #fff; } .flex_btn { display: flex; align-items: center; } /*----------------------------------------------pagination----------------------------------------------*/ .ci-pagination-link { display: inline-block; align-items: center; justify-content: center; margin-top: 20px; } .ci-paginationArea { width: 100%; } ul.ci-pagination { display: flex; flex-wrap: wrap; background: #fff; padding: 10px; border-radius: 50px; box-shadow: 0px 10px 15px rgb(0 0 0 / 10%); align-items: center; } ul.ci-pagination li a { color: #000; } ul.ci-pagination li { color: #20B2AA; list-style: none; line-height: 34px; border-radius: 50%; text-align: center; font-size: 18px; font-weight: 500; cursor: pointer; user-select: none; transition: all 0.3s ease; } ul.ci-pagination li.page-num a { list-style: none; height: 35px; width: 35px; margin: 0 3px; line-height: 34px; border-radius: 50%; display: block; } ul.ci-pagination li.prev a { margin: 0px 3px 0 -5px; padding: 0 10px; border-radius: 100%; height: 35px; width: 35px; display: block; } ul.ci-pagination li.next a { margin: 0px -5px 0 3px; padding: 0 10px; border-radius: 100%; height: 35px; width: 35px; display: block; } ul.ci-pagination li.dots { font-size: 22px; cursor: default; } ul.ci-pagination li.btn { padding: 0 20px; border-radius: 50px; } ul.ci-pagination li.active a { color: #fff; } ul.ci-pagination li.active a, ul.ci-pagination li.page-num:hover a, ul.ci-pagination li:first-child:hover a, ul.ci-pagination li:last-child:hover a { color: #fff; background: #20B2AA; } ul.ci-pagination li.active a, ul.ci-pagination li.page-num:hover a, ul.ci-pagination li:first-child:hover a, ul.ci-pagination li:last-child:hover a { color: #fff !important; } ul.ci-pagination li.page-first a, ul.ci-pagination li.page-last a, ul.ci-pagination li.next a, ul.ci-pagination li.prev a { height: 35px; width: 35px; display: block; border-radius: 50%; } /*----------------------------------------------Pagination----------------------------------------------*/ .categorySection { margin: 0px 0 19px; background: #fff; border-radius: 12px; /* border: 1px solid #f2f2f2;*/ /*box-shadow: 0px 0px 0 #d6d6d6, 0px 1px 8px #d4d4d4;*/ } .categorySection.mb-20{ padding: 10px; } /*----------------------------------------------Search----------------------------------------------*/ .search-box { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; transform: translate(-50%, -50%); padding: 10px; border-radius: 40px; height: 40px; background: #fff; } .search-txt-2::-ms-input-placeholder { color: red; } .search-box-2 { /*position: absolute;top: 50%;left: 50%;*/ width: 65%; display: flex; align-items: center; /*transform: translate(-50%, -50%);*/ padding: 10px; border-radius: 5px; height: 47px; background: #fff; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important; } .searchBar-2 { width: 100%; position: relative; margin: 3% 0 2% 0; display: flex; justify-content: flex-end; margin: 3% 0 1% 0; } .search-txt-2 { border: none; background: none; outline: none; padding: 0; color: #000; transition: 0.5s; font-size: 1rem; width: 250px; } .search-box:hover .search-txt { width: 180px; padding: 0 6px; } .search-box:hover .search-btn { background: #fff; } .search-txt { border: none; background: none; outline: none; padding: 0; color: #000; transition: 0.5s; font-size: 1rem; width: 0px; } .search-btn { /* color: #1abc9c;*/ width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: 0.5s; background: transparent; border: 0; text-decoration: none; } .searchLi { background: transparent !important; box-shadow: none !important; } .searchBar { width: 100%; position: relative; height: 50px; } /*----------------------------------------------Search----------------------------------------------*/ .not-found { height: 250px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .not-found i { font-size: 36px; margin-bottom: 10px; } .singleCategoryHeader { display: flex; align-items: center; justify-content: space-between; } a.seeMore_link { font-size: 14px; transition: all .5s ease-in-out; /*padding-right: 10px;*/ } a.seeMore_link i { transition: all .5s ease-in-out; } a.seeMore_link:hover { margin-right: -5px; } /*----------------------------------------------1.8----------------------------------------------*/ .modal-header { border-top-left-radius: calc(.6rem - 1px); border-top-right-radius: calc(.6rem - 1px); background: #fff !important; border-bottom: 1px solid #f3f5f9; padding: 8px 15px; } .form-control { border: 1px solid #e3e9ef; /*text-transform: capitalize;*/ } .order_input_area input, .order_input_area select { border-radius: 4px !important; } .order_input_area input, .order_input_area select { height: 45px !important; } .btn { outline: none !important; } .footer_area { background-blend-mode: overlay; background-color:#363636; background-size: contain; min-height: 100%; background:url(/assets/frontend/images/footer-bg-2.webp) rgba(0, 37,52,1); background-size: cover; background-blend-mode: multiply; } .footer_bottom { background: #00a0e3; /* border-top: 1px solid #8080807d;*/ color: #f2f2f2; /* box-shadow: 0 0 4px #1a1a1a;*/ } .footer_bottom a { color: #303030; } .footer_bottom a:hover { color: #fff; } /*.left_footer ul li a { color: #4b566b;}*/ .itemPrice.i_small.menuSize p { padding: 4px 9px; min-height: 26px; min-width: 26px; } .item_title_area { flex-direction: column; } .port_d_flex a { padding: 5px 20px; border-radius: 5px; border: 1px solid rgb(41 199 172 / 50%); margin: 5px; text-align: center; font-size: 18px; color: rgba(227, 30, 36, 1); box-shadow: none; background: rgb(41 199 172 / 10%); } .gallery_area .portfolio_img { border-radius: 6px; box-shadow: 0 0 13px #ddd; } .portfolio_details { background: #fff; } .page_accordion_header { background: #fff; box-shadow: none; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f3f5f9; border-radius: 6px 6px 0px 0px; } .closeShop { text-align: center; } .closeShop i { font-size: 50px; } .loginSection .iti, .login_form .iti { position: relative; display: block; } .tab-pane { padding-top: 18px; } .iti__flag { width: 20px; transform: scale(1.3); } /*----------------------------------------------customer profile----------------------------------------------*/ .topCustomerProfile { background: #ddd; padding: 162px; position: relative; } .customer_profile { margin-top: -100px; } .topImg img { height: 100px; width: 100px; margin: 0 auto; display: block; border-radius: 100%; } .leftSidebar, .serviceRightSide { background: #fff; border-radius: 10px; box-shadow: 0 0 5px #eee; padding: 10px 0 25px 0; } .topInfo { padding: 20px; text-align: center; } .leftDetails { padding-top: 16px; } .leftDetails h4 { padding-bottom: 1px; } .leftSideDetails ul { display: flex; flex-direction: column; } .leftSideDetails ul li { display: block; } .leftSideDetails ul li a { display: block; padding: 10px 20px; color: #000; font-size: 14px; border-left: 5px solid transparent; } .leftSideDetails ul li a i { margin-right: 5px; } .leftSideDetails ul li a:hover, .leftSideDetails ul li.active a { background: rgba(74, 71, 163, .2); border-left: 5px solid #4A47A3; color: #4A47A3; transition: all .3s ease-in-out; } .serviceRightSide { color: #000; min-height: 65vh; } .input-group { display: flex; align-items: center; } span.input-group-addon { background: #ddd; padding: 8px; } .profleForm .form-control { height: 40px; border-radius: 4px; } .profleForm form { padding: 20px; } h4.header { border-bottom: 1px solid #eee; padding: 12px 20px 18px 20px; margin-bottom: 17px; } .label-success { background: rgba(22, 199, 154, .3); color: rgba(22, 199, 154, 1); } label.label { font-size: 14px; display: inline-block; padding: 4px 8px; border-radius: 5px; } .table.customTable th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .topCustomerProfile { text-align: center; } .topCustomerProfile h4 { margin-top: -51px; } .actionBtn a { margin: 2px; } .container.container-xll { max-width: 1320px; } .priceTag { /* color: #cb5624;*/ font-size: 22px; font-weight: 500; } .package_price .priceTag { font-size: 16px; } .home_package_price.priceTag { font-size: 16px; } tr th } table.customTable { font-size: 14px; } table.customTable th { font-size: 14px; } table.customTable tr { vertical-align: middle; } table.customTable tr td { vertical-align: middle; } .badge { padding: 5px 6px; border-radius: 4px; } .orderTag { font-weight: 600; color: tomato; } .d-flex-center-center { display: flex; align-items: center; justify-content: center; } /*----------------------------------------------END CUSTOMER PROFILE----------------------------------------------*/ .page-tools { display: flex; align-items: center; justify-content: flex-end; padding: 20px; margin-top: 4em; } .action-buttons a { padding: 10px 21px; box-shadow: 0 0 5px #ddd; } .customerInfo h3 { font-size: 18px; } .customerInfo h2 { text-align: left; font-size: 19px; } .extars ul { list-style: inside; color: #777; } .extars ul li { font-size: 13px; } .sizeTag { background: rgba(22, 199, 154, .1); color: rgba(22, 199, 154, 1); border-radius: 4px; padding: 5px 6px; font-size: 13px; font-weight: normal; } .bg-green { background: rgba(22, 199, 154, .1); color: rgba(22, 199, 154, 1); } .text-green { color: rgba(22, 199, 154, 1); font-weight: normal; padding: 5px 6px; font-size: 13px; } .b-top { border-top: 1px dashed #777; padding: 2px; margin-top: 2px; } .user_profile_img label { height: 180px; width: 180px; margin-bottom: 20px; border-radius: 100%; border: 3px solid #eee; overflow: hidden; text-align: center; cursor: pointer; position: relative; } /*----------------------------------------------DELIVERY ORDER AREA----------------------------------------------*/ .singleOrder { background: #fff; margin-bottom: 10px; border-radius: 4px; } .single_orderTop { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; box-shadow: 0px 2px 4px #f9f9f9; padding: 9px 11px; padding-top: 0; } .single_orderTop h4 { font-size: 15px; } .orderLists { margin: 10px; } .single_orderDetails { padding: 7px 11px; } p.timeAgo { font-size: 13px; color: #777; padding: 3px 11px 0; } .delivery-guy { background: #f3f5f9 !important; } .delivery-guy h4.header { border-bottom: 1px solid #ddd; padding: 5px 20px 9px 20px; margin-bottom: 17px; } .singleOrder>a { color: #333; } /*----------------------------------------------DELIVERY GUY ORDER DETAILS----------------------------------------------*/ .d_single_order_area { background: #E1E5EA; margin: 10px 0; border-radius: 6px; box-shadow: 0 0 #eee; position: relative; } .d_single_order_header { display: flex; align-items: center; padding: 10px; box-shadow: 0 0 5px #eee; } .d_single_order_header>a { color: #777; padding: 0px 10px; } .d_single_order_header>a i { font-size: 28px; margin-right: 15px; } .d_single_order_header i { font-size: 28px; margin-right: 10px; } .d_single_order_header>h4 { font-size: 18px; } .delivery-panel { background: #fff; padding: 10px; margin: 15px; border-radius: 6px; box-shadow: 0 0 5px #ddd; margin-bottom: 10px; } .shopArea ul { display: flex; flex-direction: column; position: relative; } .shopArea ul>li { display: flex; align-items: end; margin-bottom: 25px; z-index: 2; } .shopArea ul>li>i { height: 40px; width: 40px; text-align: center; border-radius: 34%; font-size: 25px; line-height: 39px; margin-right: 10px; } .shopDetails h4 { font-size: 16px; } .shopDetails p { font-size: 14px; } .shopDetails a { font-size: 14px; display: inline-block; background: rgba(22, 199, 154, 1); color: #fff; padding: 3px 10px; border-radius: 12px; margin-top: 10px; transition: all .5s ease-in-out; } .shopDetails a:hover { background: rgba(22, 199, 154, .1); color: rgba(22, 199, 154, 1); } .orderItemList ul { display: flex; flex-direction: column; padding: 5px; } .orderItemList ul>li { border-bottom: 1px dotted #ddd; } .d_orderDetails h5 { font-size: 14px; /*font-family: 'Montserrat';*/ } .d_orderDetails { padding: 10px 0; } .extars ul li { border: 0; } .extars ul { list-style: disc; display: block; width: 100%; padding-left: 28px; } .shopArea ul::before { position: absolute; top: 0; left: 19px; bottom: 0; display: block; width: 2px; content: ""; z-index: 1; background-image: linear-gradient(rgba(22, 199, 154, .5) 33%, rgba(22, 199, 154, .1) 0%); background-position: right; background-size: 1px 10px; background-repeat: repeat-y; } .topd_Order { display: flex; align-items: center; justify-content: space-between; } .topd_Order h4 { font-size: 16px; } .bt-1-dashed { border-top: 1px dashed #ddda; } .deliver-footer { position: relative; bottom: 0; width: 100%; height: 19px; padding-bottom: 30px; margin-bottom: 20px; } .deliver-footer a { bottom: 5px; max-width: 540px; border-radius: 0; } ul.orderMenu { display: flex; align-items: center; padding: 5px 10px; box-shadow: 0 3px 5px #ddd; padding-top: 0; } ul.orderMenu li { display: block; } ul.orderMenu li a { padding: 10px; display: block; font-size: 14px; color: #222; margin: 0 2px; } ul.orderMenu li a i { font-size: 15px; margin-right: 1px; } ul.orderMenu li a:hover, ul.orderMenu li a.active { color: rgba(22, 199, 154, 1); } .single_orderDetails p { font-size: 15px; /*font-family: 'Ubuntu';*/ color: #777; } .singleTab { background: #fff; display: flex; align-items: center; justify-content: space-between; min-height: 120px; padding: 15px; margin-bottom: 10px; } .singleTab i { font-size: 46px; } .accountArea { padding: 0 10px; } .leftTab p { font-size: 16px; padding-top: 11px; /*font-family: 'Ubuntu';*/ } .success-light { background: rgba(40, 167, 69, .15); color: #28a745; transition: all .3s ease-in-out; border-color: rgba(40, 167, 69, .1); } .bg-danger-soft { background: rgba(220, 53, 69, .1) !important; color: #dc3545 !important; } .default-light { background: rgba(106, 116, 123, .15); color: #6a747b; transition: all .3s ease-in-out; border-color: #777; } .pnt-8 { padding: 0 8px !important; } .singleOrdrebtn { text-align: center; padding: 7px 6px 15px; display: flex; flex-wrap: wrap; } .singleOrdrebtn a { margin-right: 6px; margin-bottom: 5px; } .orderDetailsBody { display: flex; flex-direction: column; justify-content: center; min-height: 153px; } .singleOrder { min-height: 206px; } .singleOrdrebtn a { background: rgba(40, 167, 69, 1); color: #fff; font-size: 14px; padding: 5px 10px; border-radius: 6px; } .ongoing { background: #dc3545 !important; } .orderBtn { background: rgba(22, 199, 154, 1); color: #fff; } .track_bullet ul li>i { height: 45px; width: 45px; border: 1px solid rgba(22, 199, 154, .2); border-radius: 100%; text-align: center; line-height: 44px; font-size: 32px; background: #fff; color: rgba(22, 199, 154, 1); z-index: 5; flex: 0 0 45px; } .track_bullet ul li.active>i { background: rgba(22, 199, 154, 1); color: #fff; } .track_bullet ul li.dactive>i { background: #dc3545; color: #fff; } .track_bullet ul li h4 { font-size: 15px; padding: 8px 0 0; } .track_bullet ul { display: flex; flex-direction: column; position: relative; } .track_bullet ul li { display: flex; align-items: center; margin-bottom: 25px; position: relative; } .single_track { margin-left: 15px; } small {} .track_bullet ul::before { position: absolute; top: 0; left: 20px; bottom: 0; display: block; width: 2px; content: ""; z-index: 1; background-image: linear-gradient(rgba(22, 199, 154, .4) 33%, rgba(22, 199, 154, .1) 0%); background-position: right; background-size: 1px 9px; background-repeat: repeat-y; } .track_bullet ul li.active i::after { content: ""; position: absolute; min-height: 150px; width: 3px; background: rgba(22, 199, 154, 1); left: 20px; top: 2px; z-index: -1; } .track_bullet ul li.dactive>i::after { content: ""; position: absolute; min-height: 150px; width: 3px; background: #dc3545; left: 20px; top: 2px; z-index: -1; } .track_bullet ul li.active:last-child i::after { display: none; } .track_bullet ul li.dactive:last-child i::after { display: none; } .single_track p { font-size: 15px; } .d_single_order_header.track_back { padding-top: 10px; margin-top: 10px; background: #fff; } .card.track-card { border-top-left-radius: 0; border-top-right-radius: 0; } .flip-x { transform: scaleX(-1); } div#datetimepicker2 .input-group-append { height: 45px; } .show_address textarea.form-control { height: 47px; } .single_orderDetails label { font-weight: normal; } .info-light { background: rgba(0, 192, 239, .2); color: rgba(0, 192, 239, 1); transition: all .3s ease-in-out; border-color: rgba(0, 192, 239, .1); } .input-group-append { margin-left: -1px; height: 45px; } /*----------------------------------------------V1.9----------------------------------------------*/ .flex { display: flex; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .flex-column { flex-direction: column; } .bb_1_dashed { border-bottom: 1px dashed #eee; } .bt_1_dashed { border-top: 1px dashed #eee; } .w_100 { width: 100%; } .ModalCustomerInfo h4 { font-size: 17px; padding-bottom: 10px; } .ModalCustomerInfo { margin-bottom: 20px; border-bottom: 1px dashed #eee; padding-bottom: 15px; } .flex-between { display: flex; justify-content: space-between; } ul.paymentSummary .pleft { font-size: 14px; } ul.paymentSummary .pright { font-size: 14px; font-weight: bold; } li.pt-7.bb-top div { font-size: 17px; } ul.paymentUl li { font-size: 15px; } .dropdown-menu.languageDropdown a { padding: 5px 10px !important; } /*----------------------------------------------style 2 menu----------------------------------------------*/ .business-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .business-container { max-width: 540px; } } @media (min-width: 768px) { .business-container { max-width: 720px; margin: 0 auto; } } @media (min-width: 992px) { .business-container { max-width: 960px; } } @media (min-width: 1200px) { .business-container { max-width: 1200px; } } @media (min-width: 1300px) { .business-container { max-width: 1300px; } } .style_2 .homeSingle_item { flex-direction: column; padding: 0; } .style_2 .homeSingleImg.menu-img.img { height: 100%; width: 100%; border-radius: 0; flex: inherit; } .style_2 .homeItemDetails.list_view { padding: 15px; min-height: 185px; } .style_2 .topTitle h4 { /* display: flex; */ align-items: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .theme_3 .topTitle h4 { /* display: flex; */ align-items: center; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 23px; } .top___title { display: flex; align-items: center; justify-content: space-between; width: 100%; } p.details.not_is_size { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .style_2 .port_d_flex.home_view { justify-content: center; } .style_2 .w-50 .text { background: #fff; border-radius: 6px 0px 0px 6px; /* height: 261px;*/ display: flex; justify-content: center; flex-direction: column; } .style_2 h4.package_price { text-align: center; } .homeSingle_item:hover .menu-img { transform: scale(1.1); transition: all .3s ease-in-out; } .style_2 .homeSingle_item, .menu-img { overflow: hidden; transition: all .3s ease-in-out; position: relative; } .style_2 .item_images { height: 200px; overflow: hidden; width: 100%; cursor: pointer; } .style_2 i.fa.fa-circle.veg_type { font-size: 8px; border: 1px solid; height: 15px; width: 15px; flex: 0 0 15px; border-radius: 100%; text-align: center; line-height: 13px; text-align: center; margin-left: 5px; } .style_2 .single__cat__header { display: flex; align-items: center; } .style_2 .cat__btn { background: #fff; border-radius: 5px; font-size: 18px; height: 47px; padding: 5px 25px; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important; margin-bottom: 0; } .style_2 .single__cat__header .dropdown-menu { box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%); border: 0; width: 99%; } .style_2 .single__cat__header .dropdown-menu a { display: block; padding: 8px 21px; } .style_2 .incress_area { background: #fff; border-radius: 10px; border: 0; /*flex-direction: row;justify-content: flex-start;width: 100%;*/ /* border: 1px solid #f2f2f2;*/ /* flex: 0 0 30px; */ margin-right: 8px; margin-bottom: 7px; } .style_2 span.cart_qty_field input { width: 25px; height: auto; border: 0; border-right-color: transparent; border-left-color: transparent; text-align: center; background: transparent; } .style_2 .incress_area span { /* background: transparent;border: 0;padding: 4px;width: 40px;text-align: center;*/ font-size: 1.4rem; } .style_2 .incress_area i { font-size: 12px; /*color: #fff !important;background-color: red!important;border-radius: 50%;*/ } .style_2 .incress_area input { background: transparent; border: 0; } .style_2.shopping_cart { width: 380px; } .style_2 .single_cart_item_details { width: 100%; } .style_2 .single_cart_item_details p { text-transform: capitalize; } .style_2 .right_cart { flex: 0 0 20px; } .style_2 .left_cart { width: 100%; } .row.grid-item.seemore { width: 100% !important; position: absolute; bottom: -57px; top: auto !important; } .style_2 .homeItem_left { width: 100%; } .style_2 .homeItemDetails.list_view { width: 100%; } .style_2 .topTitle { display: flex; align-items: center; justify-content: space-between; width: 100%; } .style_2 .homeItem_right { flex: 0 0 67px; text-align: left; } .style_2 .homeItem_right s{ display: none; } /*----------------------------------------------4.2----------------------------------------------*/ .singlePage.style_2 ul { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; } .singlePage .single_cart_item_details h4 { font-size: 16px; text-transform: capitalize; } .singlePage.style_2 ul li { margin-right: 4px; background: #fff; padding: 5px; border-radius: 5px; width: 49.111%; margin-bottom: 10px; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%); } .singlePage .style_2 .incress_area { flex: 0 0 20px; width: 20px; } .singlePage .single_cart_item_details p { font-size: 15px; text-transform: capitalize; } .singlePage .single_item_cart img { height: 80px; width: 80px; margin-right: 10px; flex: 0 0 80px; border: 1px solid #eee; object-fit: cover; } .singlePage.style_2 .incress_area { margin-bottom: 7px; } .singlePageLogin { background: #fff; padding: 10px; border-radius: 5px; margin-bottom: 11px; margin-top: 10px; } .order_page { background: #fff; padding: 10px 15px; border-radius: 5px; margin-bottom: 10px; /*box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%);*/ text-align: center; } .singlePage.style_2 .upperSum span { font-weight: bold; } .singlePage.style_2 .upperSum { font-size: 15px; } .successMsgArea.single__page__order { min-height: 60vh; display: flex; align-items: center; justify-content: center; } .singleSuccessPage { background: #fff; border-radius: 5px; padding: 15px; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%); } i.successIcon { height: 30px; width: 30px; border-radius: 100%; display: block; text-align: center; margin: 0 auto; font-size: 30px; line-height: 30px; } .trackLink a { text-decoration: underline; text-transform: capitalize; } .confirm_btn:hover, .add_to_cart_form:hover { /* color: #fff!important;*/ } .home-book-btn { color: #fff !important; } /*----------------------------------------------PICKUP SLOTS----------------------------------------------*/ .slots_area { display: flex; align-items: center; flex-wrap: wrap; } label.single_slots { display: flex; align-items: center; justify-content: center; padding: 4px 8px; margin: 5px 6px; cursor: pointer; border-radius: 5px; font-size: 15px; position: relative; background: rgba(40, 167, 69, .15); color: rgba(40, 167, 69, 1); transition: all .3s ease-in-out; } label.single_slots:hover, label.single_slots.active { background: rgba(40, 167, 69, 1); color: #fff; transition: all .3s ease-in-out; } label.single_slots input { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 0; } label.single_slots:hover:before, label.single_slots.active::before { opacity: 1; visibility: visible; transition: all .3s ease-in-out; } label.single_slots::before { content: '\eed6'; font-family: 'IcoFont'; color: green; position: absolute; right: -7px; top: -9px; font-size: 14px; border: 2px solid #fff; height: 20px; width: 20px; text-align: center; line-height: 17px; border-radius: 50%; background: rgba(40, 167, 69, 1); color: #fff; opacity: 0; visibility: hidden; transition: all .3s ease-in-out; } /*----------------------------------------------PICKUP SLOTS----------------------------------------------*/ /*----------------------------------------------FPX STRIPE PAYMENT----------------------------------------------*/ .fpxArea { text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; } .form-row { margin-bottom: 35px; width: 100%; } .fpxArea form { width: 320px; } /*----------------------------------------------Rating Star Widgets Style ----------------------------------------------*/ .rating-stars ul { list-style-type: none; padding: 0; -moz-user-select: none; -webkit-user-select: none; } .rating-stars ul>li.star { display: inline-block; cursor: pointer; } /* Idle State of the stars */ .rating-stars ul>li.star>i.fa { font-size: 2.5em; /* Change the size of the stars */ color: #ccc; /* Color on idle state */ } /* Hover state of the stars */ .rating-stars ul>li.star.hover>i.fa { color: #FFCC36; } /* Selected state of the stars */ .rating-stars ul>li.star.selected>i.fa { color: #FF912C; } .h_auto { height: auto; } .h-47 { height: 47px !important; } .startRating { display: flex; align-items: center; justify-content: center; } .startRating i { color: #EB5E0B; font-size: 13px; padding: 1px; } .ModalCustomerInfo { display: flex; align-items: center; justify-content: space-between; } .customerEdit a { color: #777; font-size: 17px; padding: 10px; } .ModalCustomerInfo.dis_none { display: none; } .priceCheck { padding: 5px 0 15px; color: #dc3545; } .priceCheck h4 { font-size: 16px; } /*.searchSection.welcomeSearch .searchBar-2, .searchSection.welcomeSearch .search-txt-2 {width: 390px;}*/ .searchSection.welcomeSearch { margin: 25px auto 10px auto; text-align: center; display: flex; align-items: center; justify-content: center; } #showCatItem .homeSingle_item.singleCatItem { min-height: 185px; margin-bottom: 15px; } #showCatItem .ci-paginationArea { display: none; } .bg_loader { background-position: center center !important; background-repeat: no-repeat !important; } .confirmMsgArea.payInCash { box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%); border-radius: 5px; padding: 15px; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .selectPaymentMsg { display: flex; align-items: center; justify-content: center; min-height: 193px; flex-direction: column; } .selectPaymentMsg h4 { text-transform: inherit; font-size: 19px; color: #555; } .selectPaymentMsg i { font-size: 38px; color: #555; } .payment_card .tab-pane { padding-top: 0; } .goog-logo-link { display: none !important; } .goog-te-gadget { color: transparent !important; } .goog-te-gadget .goog-te-combo { height: 32px; padding: 5px; } div#google_translate_element { margin-top: 0px; position: absolute; top: 9px; } .left_create_admin .reg_msg.block { display: block !important; width: 100%; } div#showCatItem .homeSingle_item { margin-bottom: 15px; } /*----------------------------------------------VERSION 2.0----------------------------------------------*/ .item__slider { height: 350px; width: 100%; padding: 0; } .item__slider img { height: 100%; width: 100%; object-fit: cover; } .itemSlider ul.slick-dots li button { border: 1px solid #ddd; border-radius: 100%; height: 10px; width: 10px; margin: 2px; background: #f8f8f8; font-size: 12px; outline: none; color: #fff; } ul.slick-dots { display: flex; align-items: center; justify-content: center; margin-top: -58px; z-index: 9; position: relative; } .itemSlider ul.slick-dots li button { border: 0; border-radius: 0; height: 4px; width: 5px; margin: 2px; background: rgba(232, 8, 142, .5); font-size: 0; outline: none; color: #fff; flex: 0 0 5px; } .itemSlider ul.slick-dots li.slick-active button { background: rgba(232, 8, 142, 1); } .opacity_height_0 { height: 350px; opacity: 0; } .modal-dialog.load { min-height: 550px; z-index: 999; position: relative; } .b-gray { background: #f4f5f7; } .defaultForm .form-control { border-radius: 5px; height: 47px; } li.callwaiter a { background: rgba(84, 91, 98, .8); color: #fff; border-radius: 5px; display: none; } .reg_msg .alert-dismissible .close { position: absolute; top: -9px; right: -20px; padding: .75rem 1.25rem; color: inherit; } .homeBanner_serviceImg img { height: 50px; width: 50px; object-fit: cover; } .homeBanner_serviceImg { height: 50px; } /*img.logo {max-height: 50px;}*/ .space-between { justify-content: space-between; } .bg-light-purple-soft { background-color: rgba(114, 57, 234, .15) !important; color: rgba(114, 57, 234, 1) !important; } .bg-warning-soft { background: rgba(255, 193, 7, .1) !important; color: rgba(255, 193, 7, 1) !important; } .bg-primary-soft { background: rgba(40, 110, 251, .1) !important; color: #286efb !important; } .bg-success-soft { background: rgba(40, 167, 69, .1) !important; color: #28a745 !important; } .bg-danger-soft { background: rgba(220, 53, 69, .1) !important; color: #dc3545 !important; } .bg-info-soft { background: rgba(0, 192, 239, .1) !important; color: rgba(0, 192, 239, 1) !important; } span.sizeText { font-size: 11px; font-weight: normal; border-radius: 4px; } .pay_size_top { margin-bottom: 6px; } .navbar-toggler { border-radius: 0; } .allow-sm { display: none; } ul {} .rightMenu ul { display: flex; align-items: center; margin-bottom: 0; gap: 10px; } .rightMenu ul li { position: relative; } .dropdownArea.dropdownList { position: absolute; z-index: 99; background: #f3f5f9; } .dropdownArea.dropdownList ul { display: flex; flex-direction: column; min-width: 168px; } .dropdownArea.dropdownList ul li { display: block; width: 100%; text-align: center; } .dropdownArea.dropdownList ul li a { display: inline-block; padding: 5px; color: #777; } .dropdownMenu.sm-drop>a { color: #777; border: 1px solid #ddd; margin: 0 8px; border-radius: 5px; } .dropdownArea.dropdownList { position: absolute; z-index: 99; background: #f3f5f9; top: 48px; } .moreMenuBtn { display: none; } .dropdownMenu a { color: #777; } li.dropdownMenu.moreMenuBtn a { display: flex; align-items: center; padding: 0; justify-content: space-between; } .show_menu_details .dropdownArea.dropdownList { width: 100%; background: #ddd; } img.shopLogo { max-height: 50px; /*margin:0 10px; */ } .pickupCheckDate { display: flex; align-items: center; } .pickupCheckDate label { display: flex; align-items: center; cursor: pointer; font-size: 14px; } .custom-radio-2 { display: inline-flex; align-items: center; padding-left: 0; margin: 0; cursor: pointer; transition: 0.25s ease; } .custom-radio-2 input[type=radio] { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-radio-2 input[type=radio] { border: 0; background-color: #eee; height: 1.2rem !important; width: 1.2rem !important; margin: 0; float: none; flex-shrink: 0; margin-right: 10px; border-radius: 50%; transition: 0.25s ease; } .navbar-nav { text-transform: capitalize; } .custom-radio-2 input[type=radio]:checked { background-color: var(--defaultColor) !important; transition: 0.25s ease; } p.address i { margin-top: 8px; /*color:#fff;*/ } .custom-radio-2 input[type=radio]:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e"); background-repeat: no-repeat !important; background-position: center center !important; transition: 0.25s ease; } .custom-radio-2 input:focus-visible, .custom-radio-2 input:focus-visible { outline: 0 !important; border-color: transparent; } .custom-radio-2 input, .custom-checkbox input { outline: 0 !important; border-color: transparent; } .custom-radio-2 input[type=radio].error { border: 1px solid red; } /*----------------------------------------------Custom checkbox ----------------------------------------------*/ .custom-checkbox { display: inline-flex; align-items: center; padding-left: 0; margin: 0; cursor: pointer; } .custom-checkbox input[type=checkbox] { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-checkbox input[type=checkbox] { border: 0; background-color: #ddd; height: 1.0rem !important; width: 1.0rem !important; background-size: 60% 60%; margin: 0; float: none; flex-shrink: 0; margin-right: 10px; border-radius: 3px; } .custom-checkbox input[type=checkbox]:checked { background-color: var(--defaultColor) !important; ; border-color: var(--defaultColor) !important; ; } .custom-checkbox input[type=checkbox]:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e"); background-repeat: no-repeat !important; background-size: 60% 60% !important; background-position: center center !important; } label.custom-checkbox p { display: flex; align-items: center; justify-content: center; } .add-to-area { position: fixed; top: 40%; background: #f8f8f8; width: auto; text-align: center; padding: 10px 53px 10px 10px; box-shadow: 0 0 5px #ddd; left: 50%; transform: translate(-50%, -50%); z-index: 98524; justify-content: space-between; display: flex; align-items: center; margin: 0 15px; } .add-to-area .pt-15 { padding-bottom: 20px; } .add-to-area button.btn { margin-top: .9rem; } body.visible { overscroll-behavior: contain; height: 100vh; overflow: hidden; } /*----------------------------------------------coupon----------------------------------------------*/ .couponInput-group { display: flex; align-items: center; justify-content: center; } .couponInput-group input { flex: 1; margin-right: 6px; } .couponField { margin-top: 4px; margin-bottom: 5px; } a.couponBtn { display: block; margin-left: 7px; } .couponList { text-align: center; padding: 24px 0 10px 0px; margin-bottom: 15px; } .couponList h4 { font-size: 17px; } .couponCode { font-weight: bold; font-size: 16px; } .user_content { min-height: 150px; text-align: center; display: flex; align-items: center; justify-content: center; } .frown { font-size: 40px; color: #222; } .contact_us_alert { margin-top: 20px; } .catDetails { display: flex; flex-direction: row; align-items: center; padding-bottom: 25px; } .catDetails img { width: 80px; height: 80px; margin-right: 18px; } p.details.is_size { display: none; } .packageImg.img.menu-img { height: 80px; width: 80px; flex: 1 0 80px; } .qr_area img { border: 1px solid; } .qr_area { margin: 10px auto; } .loc i { display: inline-block; } .loc p { display: inline-block; } a.profile_btn { font-family: inherit; } .single_users:hover { background: #f8f8f8; transition: all .3s ease-in-out; } .topCategory { display: flex; flex-wrap: wrap; } a.items { width:11.8%; } .topCategory1 { display: flex; flex-wrap: wrap; gap: 4px; } .topCategory1 a.items { /* width:120px;*/ margin: 0 5px 0 0 ; } .catTop { height: 112px; width: 100%; /* flex: 0 0 80px;*/ object-fit: cover; /*border-radius: 100%;margin-bottom: 10px;*/ border-radius: 4px; /* box-shadow: 0 0.3rem 1rem 0rem rgb(161 161 161 / 51%) !important*/ } .img-cat .catTop { height: 100%; width: 100%; } .img-cat { width: 170px; height: 120px; margin: 0 auto; } .singleCatItem h4 { font-size: 15px; color: #000; font-weight: 100; overflow: hidden; padding: 0 10px; width: 100%; text-align: center; text-transform: capitalize; margin-top: 7px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .singleCatItem { margin: 3%; /*background:#f8f9fd;*/ padding: 8px; min-height: 120px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 5px; border: 1px solid #f2f2f2; transition: all .3s ease-in-out; } .pwaContent { display: flex; flex-direction: row; justify-content: center; text-align: left; } .pwaContent img { width: 100px; height: 100px; margin-right: 10px; } .pwaContent h4 { font-size: 17px; letter-spacing: normal; } a.pwaClose { position: absolute; top: 2px; right: 6px; color: red; font-size: 1.8rem; } .veg_type.style2 { position: absolute; right: 50%; bottom: 10px; transform: translateX(50%); text-shadow: 0 0 5px #fff; } .arrowsection a { color: #777; font-size: 18px; margin: 6px 2px; padding: 2px 7px; box-shadow: 0 0 5px #eee; } .arrowsection { display: flex; justify-content: flex-end; } /*.topCategory::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 2px #fff;background-color: #777!important;cursor: pointer;}.topCategory::-webkit-scrollbar {width: 2px;background-color: #fff;height: 5px;cursor: pointer;}.topCategory::-webkit-scrollbar-thumb {background: #f9f9f9;cursor: pointer;}*/ .topCategory::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px #eee; background-color: #F5F5F5; } .topCategory::-webkit-scrollbar { height: 6px; background-color: #F5F5F5; cursor: pointer; } .topCategory::-webkit-scrollbar-thumb { background-color: #ddd; } .itemPrice_area.i_small::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px #eee; background-color: #F5F5F5; } .itemPrice_area.i_small::-webkit-scrollbar { height: 6px; background-color: #F5F5F5; cursor: pointer; } .itemPrice_area.i_small::-webkit-scrollbar-thumb { background-color: #ddd; } .gmapLink { display: flex; align-items: center; position: relative; } .gmapLink i { font-size: 23px; position: absolute; right: 0; cursor: pointer; padding: 10px; color: #777; } .couponArea { display: block; padding: 11px 10px; border: 1px solid #f9f9f9; width: 100%; /*margin-bottom: 9px;*/ } .couponArea>a { font-size: 16px; font-weight: bold; } .loading::before { content: "\f110"; font-family: FontAwesome; position: absolute; n: load8 1.1s infinite linear; right: 9px; font-size: 21px; top: 6px; z-index: 99; color: red; -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .showNotfoundMsg { min-height: 100px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: red; } p.tax_status { color: #777; font-size: 11px !important; } h4.change-amount { font-size: 15px; color: tomato; } .newPriceLayout { display: flex; flex-flow: row wrap; align-items: stretch; } .card-body.NewPricCard { display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .pricing_3 .card, .pricing_3 .princing-item { width: 23%; margin: 7px; } .princing-item { width: 31%; margin: 10px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; border-radius: 20px; margin-bottom: 30px; } .priceTopCard { width: 100%; } .priceCardFooter { width: 100%; padding: 0 20px 20px; } .pickupTimeSlots.null { min-height: 108px; display: flex; align-items: center; justify-content: center; color: green; } .callWaiterButton.sm { display: none; } .callWaiterButton { position: absolute; top: 7px; right: 20px; height: 50px; width: 50px; background: #fff; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0 0 5px #ddd; font-size: 22px; z-index: 99; } .callWaiterButton i { color: #000; } @media only screen and (max-width: 600px) { .callWaiterButton.sm { display: inherit; } .cRLSYG { bottom: 42px !important; } } /*----------------------------------------------loader Green----------------------------------------------*/ @keyframes ldio-mp4zm9ojapo { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } .loader_green .ldio-mp4zm9ojapo div { border: 8px solid #77D970; border-top-color: transparent; } .loader_gray .ldio-mp4zm9ojapo div { border: 8px solid #777; border-top-color: transparent; } .ldio-mp4zm9ojapo div { position: absolute; width: 38px; height: 38px; border: 8px solid #18ff65; border-top-color: transparent; border-radius: 50%; } .ldio-mp4zm9ojapo div { animation: ldio-mp4zm9ojapo 0.78125s linear infinite; top: 50px; left: 50px } .loadingio-spinner-rolling-bmobyy7r0gw { width: 44px; height: 44px; display: inline-block; overflow: hidden; background: none; } .ldio-mp4zm9ojapo { width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(0.44); backface-visibility: hidden; transform-origin: 0 0; /* see note above */ } .ldio-mp4zm9ojapo div { box-sizing: content-box; } .pickupMsg { font-size: 14px; font-weight: normal; color: blueviolet; text-transform: inherit; } .null { min-height: 80px; display: flex; align-items: center; justify-content: center; margin-top: 40px; } .roomNumbers { margin-top: 19px; } .roomNumbers label.single_slots { padding: 5px 19px; } div.eapps-widget { position: absolute !important; overflow: hidden; } .newBanner { position: relative; } .userHomebanner_wrapper { width: 100%; } .homeBanner_left { padding: 0; background-color: rgba(0, 0, 0, 0.3); } .homeBanner_Service { width: 30%; } .recentDetails ul { display: flex; flex-direction: column; } .recentDetails ul li span:last-child { font-weight: bold; margin-right: 14px; } .mergeArealist { background: #f8f8f8; margin-top: 10px; padding: 10px; } .previousOrderDetails { margin-left: 26px; } .startRating.orderlistRating { justify-content: flex-start; } .digitalPaymentText { font-size: .85rem; color: rgba(22, 199, 154, 1); padding: 1px 10px; border-radius: .21rem; box-shadow: 0 0 5px #eee; } .custom_fields { display: flex; align-items: center; flex-direction: row; } .searchArea { display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; margin-bottom: 5px; } .custom_fields select { width: 7rem; } .custom_fields select:first-child { margin-right: 5px; } .gmapLink i { color: rgba(22, 199, 154, 1); } .couponFields { display: flex; width: 100%; position: relative; } a.text-danger.couponClose { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); padding: 5px; } .guestLoginArea { border: 1px solid #f9f9f9; padding: .5rem; margin-bottom: 1rem; background: #f9f9f9; } .or { display: flex; align-items: center; justify-content: center; margin: 1rem 0; position: relative; gap: 8px; font-weight: bold; font-style: italic; } .or::before { content: ""; height: 3px; width: 50%; left: 0; background: #eee !important; } .or::after { content: ""; height: 3px; width: 50%; right: 0; background: #eee !important; } .pointerEvent { pointer-events: none; appearance: none; } /*----------------------------------------------tips----------------------------------------------*/ .tipsArea { display: flex; flex-direction: column; width: 100%; background: rgba(255, 255, 255, .5); } .tipsHeader ul { display: flex; width: 100%; justify-content: space-evenly; align-items: center; padding: 0; margin: 0; border: 1px solid #ddd; border-radius: .4rem; flex-wrap: nowrap; overflow-x: auto; } .tipsHeader ul li { width: 100%; border-right: 1px solid #ddd; text-align: center; } .tipsHeader ul li:last-child { border: 0; } .tipsHeader * { font-size: .91rem; } .tipsHeader button { padding: 2px .5rem; background: rgba(106, 116, 123, .7) !important; color: #fff; } .tipsHeader button:hover { color: #fff; background: rgba(106, 116, 123, 1) !important; } .tipsfields { display: flex; margin-top: 9px; } .tipsfields input { border-radius: 5px 0 0 5px !important; flex: 1; } .tipsfields button { border-radius: 0 5px 5px 0; } .tipsHeader ul li span { font-size: 1rem; font-weight: 500; } .tipsHeader ul li p { padding: 0; margin: 0; font-size: 0.85rem; } .tipsHeader ul li label [type="radio"] { display: none; } .tipsHeader ul li label { display: block; width: 100%; height: 100%; margin: 0; cursor: pointer; padding: 0.4rem; } .tipsSection { margin: 1rem 0; } .tipsArea>p { margin-left: 5px; margin-bottom: 6px; font-weight: 500; } .tipsHeader ul li label:hover { background: rgba(106, 116, 123, .2); transition: all .3s ease-in-out; } .left_footer p.address { display: flex; /* align-items: center;*/ justify-content: center; padding: 0; margin: 0; } .left_footer p.address a { padding: 0; margin: 0; color: #777; text-transform: capitalize; } .checkoutBtnList { display: flex; flex-direction: column; align-items: normal; width: 100%; } .checkoutBtnList>label { display: flex; align-items: center; margin-bottom: 15px; font-weight: 500; flex-wrap: wrap; } .checkoutBtnList>label>a { margin: 0 5px; } .checkIcon { transition: all .3s ease-in-out; } .add-to-2:before, .add-to:before { content: ""; position: absolute; width: 100%; top: 0px; left: 0; height: 100%; z-index: 10000; backdrop-filter: brightness(90%) contrast(50%) grayscale(10%) blur(5px); overflow-y: hidden; background-attachment: fixed; } .prevent-image .itemDetailsLeft { padding-left: 10px; } .singleCatItem.prevent-image { height: 70px; min-height: auto; padding: 0; } .packgeImages { width: 47%; aspect-ratio: 16/9; object-fit: scale-down; margin: 0 auto; margin-bottom: 24px; box-shadow: 0 0 5px; } .conflictArea { display: flex; flex-direction: column; align-items: center; justify-content: center; } .conflictArea h4 { font-size: 20px; margin-bottom: 12px; } .gt_switcher_wrapper { position: absolute !important; margin-right: 5px; top: -18px !important; } .gt_container--hich1m .gt_switcher a img { height: 28px !important; width: 28px !important; } .gt_container--hich1m .gt_switcher a { font-size: 11pt !important; } .gt_container--hich1m .gt_switcher .gt_selected a { width: 125px !important; } .gt_container--hich1m .gt_switcher { width: 140px !important; } .price_section p.details { font-weight: normal; } .cartFloatingIcon.menuStyle1 .navCart { display: none; } .cartFloatingIcon.menuStyle1 .navCart.active { display: inherit; } /*.slider { background: linear-gradient(0deg, rgba(33, 33, 33, 0.3), rgba(33, 33, 33, 0.4)), url(https://thedevs.tech/demo/foodmob/uploads/system/banner.jpg) no-repeat; background-size: cover; min-height:500px;}.slider-title_box { text-align: center;}.slider-content_wrap{ width: 70%; margin: 0 auto;}.slider-content_wrap h1 { font-size: 60px; color: #fff; font-weight: 300; text-transform: capitalize;}.slider-content_wrap h1 span{ font-family: 'Great Vibes', cursive;}.slider-content_wrap h5 { color: #fff;}.slider .btn-group { width: 100%; justify-content: center;}.slider .btn-group1 { width: 73%;}.slider .btn-group1 { padding:15px; width: 40%; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border: none;}.slider .btn-form { font-weight: 400; font-size: 18px; padding:10px; width: 15%; background: rgba(227,30,36,1); color: #ffffff; border: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}.search-icon { font-size: 15px; padding-right: 10px;}.slider-link { color: #fff;}.slider-link { color: #909090; margin: 45px 0 0; font-size: 19px;}*/ .main-block { padding: 60px 0; } .light-bg { background: #f3f4f7; } .styled-heading { text-align: center; margin: 0 0 34px; } .styled-heading h3 { position: relative; padding: 0 0 23px; } .styled-heading h3:after { position: absolute; content: ""; width: 60px; height: 3px; background: #00a0e3; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .featured-place-wrap { background: #fff; margin: 0 0 30px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 20px; overflow: hidden; position: relative; border: 1px solid rgb(239 240 246); transition: all 0.3s; } .featured-place-wrap a { display: inline; text-decoration: none; color: #000; } .featured-place-wrap img { width: 100%; } .featured-rating-green { background: #fff !important; -webkit-box-shadow: 0px 0px 10px 0px rgba(225, 225, 225, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(225, 225, 225, 0.75); box-shadow: 0px 0px 10px 0px rgba(225, 225, 225, 0.75); } .featured-rating, .featured-rating-orange, .featured-rating-green { position: absolute; right: 10px; width: 90px; height: 90px; text-align: center; margin: -70px 10px 0 0; /*font-size: 23px;*/ background: #ff7474; color: #fff; padding: 3px; border-radius: 50%; overflow: hidden; } .featured-rating-green img { width: 100%; height: 100%; object-fit: contain; } .featured-place-wrap a { display: inline; text-decoration: none; color: #000; } .featured-title-box { padding: 22px 20px; position: relative; } .featured-title-box h6 { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 5px; width: 75%; } .featured-title-box p { /* color: #9fa9b9;*/ display: inline; margin: 0; } .featured-title-box span { color: #9fa9b9; padding: 0 10px; } .featured-title-box p { /*color: #9fa9b9;*/ display: inline; /*margin: 0;*/ font-size: 14px; } .featured-title-box p span { color: #ffb006; padding: 0; } .featured-title-box ul { padding: 0; margin: 10px 0 0; } .featured-title-box ul li { list-style: none; /* color: #737882;*/ line-height: 18px; /*margin-bottom:10px;*/ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .featured-place-wrap:hover { --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .featured-title-box ul li span { padding: 7px 8px 0 0; } .icon-location-pin:before { content: "\e096"; } .featured-title-box ul li p { margin: 0; } .icon-screen-smartphone:before { content: "\e010"; } .icon-link:before { content: "\e08d"; } .bottom-icons { padding: 15px 0 0; line-height: 1; display: flex; justify-content: space-between; } .open-now { color: #46cd38; font-size: 13px; display: block; font-weight: 400; display: inline-block; } .featured-btn-wrap { text-align: center; } .category-block { margin: 0 auto; text-align: center; border: 1px solid #e5e7ef; padding: 10px 8px; /* margin: 0 0 30px;*/ border-radius: 4px; } .category-wrap:hover .category-block { background: #fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-color: rgba(227, 30, 36, 1); color: rgba(227, 30, 36, 1); } .category-wrap:hover .category-block {} /*.category-img {width: 64px;height: 64px;}*/ .category-block h6 { color: #3e434b; margin: 6px 0 4px; font-size: 14px; } .category-wrap:hover .category-block h6 { color: rgba(227, 30, 36, 1); text-decoration: none; } .left_head { width: 49%; display: inline-block; } .right_head { width: 49%; display: inline-block; } .singleCategoryHeader h4 { font-size: calc(14px + .3vw); font-weight: 500; } .style_2 .item_images { /* box-shadow: 0 0.3rem 1rem -0.375rem rgb(0 0 0 / 51%) !important;*/ height: 100px !important; width: 120px !important; flex: 0 0 100px; margin-right: 10px; margin: 10px; border-radius: 4px; } .single_items_img img { max-height: 320px; padding: 0; border-radius: 4px; margin: 3%; border: 1px solid darkred; width: 94%; } /* Hide scrollbar for Chrome, Safari and Opera */ .topCategory::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .topCategory { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .homeBanner_btn { display: none; } .review-btn { display: none; } .top_footer { display: block; padding: 3% 0; } .order_page h4 { text-transform: uppercase; } @media only screen and (max-width: 991px) { .social-btns1 a { /* border: 1px solid #f2f2f2;*/ } .categorySection { border: none!important; padding: 0!important } #our_products { padding: 0!important; border: none!important; } .pack-social { border: none!important; padding: 0!important } section#main_cat .social-btns1 { padding: 0 !important } .addIcon { padding: 4px 8px !important; margin-right: -2px !important } .single-breadcrumb { border-radius: 0 !important } .business-container { width: 100%; padding: 0; margin: 0 auto; } .theme_5 .contact_top { gap: 10px !important; } .theme_5 .contact_top_content .single_contact_top { grid-gap: 10px !important; } .blog-grid .blogcard-header img { height: 100px !important; border-radius: 12px; } .blogcard h4 { font-size: 14px !important; line-height: 18px !important; font-weight: 600 !important; } .blog-grid .blogcard-body { gap: 5px !important; } .blog-grid .col-md-4 { width: 50%; } .blog-grid .tag { /*margin-bottom: 4px!important*/ } .col-lg-6.main-text { order: 2; margin-top: 30px; } .theme_5 .single_contact_top i { max-width: 30px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; } .bottom_down h4 { font-size: 12px !important } .featured-title-box span { padding: 0 3px !important } div#contact-page { margin-top: 0 !important } .order_page h4 { font-size: 20px !important; } .shop-add { width: 100% !important; font-size: 14px !important } div#showCheckoutData { padding-top: 51px !important } .footer_bottom { padding: 5px 15px !important } .single-breadcrumb h3 { padding: 20px 0 !important } .theme_5 .contact_top .defaultHeading p { line-height: 16px !important } section#contacts { margin: 0px 0 15px !important; } .choosy-button .checkmark { width: 12px !important; height: 12px !important; } .choosy-button .radio-button-container { padding-left: 14px; line-height: 12px; margin-bottom: 5px; margin-left: 0px; margin-right: 5px; cursor: pointer; font-size: 12px; } .radio-button-container .checkmark:after { top: 1px !important; left: 1px !important; width: 6px !important; height: 6px !important; } /*.menu-div{margin-top: 25px!important}*/ .defaultHeading h1 { font-size: 16px !important } ul.gallery_sort li button { font-size: 14px !important; } .top_footer { /* display: none!important;*/ } .single__cat__header { flex-direction: row !important; display: flex; justify-content: space-between; } .style_2 .single__cat__header .btn-group { width: 45% !important; display: inline-block !important; } .style_2 .single__cat__header .defaultHeading.single__cat__header .searchSection { width: 45% !important; display: inline-block !important; } .style_2 .single__cat__header .searchBar-2 { min-width: 100px !important; } .row.gutters-15.grp-btn { /*justify-content: space-between;*/ } .review-btn { display: flex; width: 100%; align-items: center; /*border-top: 1px dashed #5b5b5b;*/ margin-top: 5px; /*padding-top: 10px;*/ } .review-btn a { margin: 0 auto; text-align: center; /*width: 50%;*/ } .review-btn a.rev { border: 1px solid; width: 100%; padding: 4px 0px; border-radius: 5px; font-size: 12px; } /* .review-btn .enq img{width:75%;}.review-btn .rev img{width: 60%;}*/ .btn-section .btn { display: flex; align-items: center; justify-content: center; border: none; color: #FFF; font-size: 16px; float: left; width: 23%; margin: 1%; padding: 0px 20px; } .btn-section .btn .btn-gradient { position: relative; left: -20px; width: 20%; background: rgba(0, 0, 0, 0.15); box-shadow: 2px 0px 0px 0px rgba(78, 72, 72, 0.4); border-top-right-radius: 60px; padding: 5px; } .btn-section .btn .btn-gradient i { font-size: 20px; display: flex; align-items: center; justify-content: center; } a.btn.btn-green:hover { background-color: rgba(227, 30, 36, 1); color: #fff; border: 1px solid #fff; } .btn-section .btn.btn-green { background-color: transparent; width: 100%; color: rgba(227, 30, 36, 1); border: 1px solid; } .btn-section .btn-text { width: 80%; } .btn-section.btn-radius .btn, .btn-section.btn-radius .btn-gradient { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } /* .review-btn a{background-color: rgba(227,30,36,1);color: #fff;width: 100%;text-align: center;margin: 10px 0;border-radius:4px;display: block;padding: 4px;}.review-btn a:hover{background-color: #5b5b5b;color: #fff;}*/ #about-section { display: none; } a.opened-now { font-size: 12px !important; } .adsbanner .slideshow .slide .caption { width: 100% !important } .adsbanner .btn { padding: 6px !important; font: 10px/1.2 "Oswald", sans-serif !important; letter-spacing: 0.1rem !important; } .adsbanner .slideshow .pagination { display: none !important } .adsbanner .slideshow { height: 90px !important } .adsbanner .slideshow .slide .title { font: 300 16px/1.2 "Oswald", sans-serif !important; margin: 0 auto 5px !important; } .adsbanner .slideshow .pagination { left: 25% !important; } .adsbanner .slideshow .arrows .arrow { padding: 10px !important; } .adsbanner .slideshow .arrows .prev { left: 5px !important; } .adsbanner .slideshow .arrows .next { right: 5px !important; } .adsbanner .slideshow .slide .caption { padding: 0 50px !important } section.user_home_banner { display: none; } /*.single-listing-share2{display: none!important;}*/ .profile_btn { margin: 0 !important } .menu-btn { float: none !important; } .menu-btn a { display: block !important; } .open-now a { display: inline-block !important; } .open-now, .menu-btn { width: 100% !important; margin: 5px 0 !important; } .bottom-icons { padding: 0 !important; } .qr_area { width: 100%; height: 100%; margin: 0 auto; } .single_special .col-lg-6.col-sm-6 { width: 50% !important } .watch_video_i { font-size: 15px !important; margin-right: 4px !important; } .col-md-4.featured-responsive { width: 50% !important; } .business-img img { height: 100% !important; object-fit: cover !important } .homeBanner_btn a { font-size: 13px !important; padding: 4px 10px !important } .userMenu { /*display: block!important;height: 50px;*/ } .homeBanner_btn { flex-direction: row !important } /*.searchSection.welcomeSearch .searchBar-2, .searchSection.welcomeSearch .search-txt-2{width: 340px!important}*/ .address { padding: 8px 0 0 1px !important } .item-user { padding: 5px !important } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .entry-meta { margin-bottom: 0 !important } .media-body p { font-size: 12px !important } p { font-size: 12px !important } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .review-title { font-size: 14px !important; margin-bottom: 5px !important } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .reviewer-name { font-size: 12px !important } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .entry-meta li { width: 44% !important; margin-right: 2px !important } .userHomeBanner, .homeBanner_left { min-height: 42vh !important; } .userHome_social ul li a { padding: 4px !important; font-size: 15px !important; } /*.shopLogo { height: 50px !important; }*/ .searchSection.welcomeSearch { margin: 15px auto 0 auto !important } /*.defaultHeading {padding: 10px 5px 10px 0!important;margin-top: 23px;}*/ .style_2 .item_images { max-height: 80px !important; width: 80px !important; flex: 0 0 80px !important; } .homeView { margin-bottom: 15px !important } .homeItemPcakage.specialties .col-lg-6.col-sm-6 { width: 50% !important; } .text.order-first p { font-size: 12px !important } /*.style_2 .w-50 .text{height: 190px!important}*/ .text.order-last p { font-size: 12px !important } .mt-30 { margin-top: 15px !important } .homeItemPcakage { padding-bottom: 20px !important } .package_title, .homeSingle_packages { display: flex !important } .package_title h4 { font-size: calc(11px + 0.3vw) !important } span.home_package_price { font-size: calc(11px + 0.3vw) !important } .topPackageItem.lineTitle h4 { font-size: calc(12px + .2vw) !important } .packageImg.img.menu-img { width: 50px !important; height: 50px !important; flex: 1 0 50px !important; box-shadow: 0 0.3rem 1rem -0.375rem rgb(0 0 0 / 51%) !important; border-radius: 8px !important; margin-right: 10px !important } .homeSingle_packages { margin: 0 !important } .singleItemDetails { font-size: 12px !important } .single_item_details h4.itemTitle { font-size: 14px !important } .modal-title { font-size: 14px !important } .left_footer { padding: 10px 0 !important } ul.row_ul li a span { min-width: 110px !important } .appointment_schedule_area { padding-left: 0 !important } .sction_title { margin-bottom: 25px !important } } .open-now a { background: #979796; color: #fff; padding: 3px 10px; border-radius: 4px; text-transform: uppercase; border: 1px solid transparent; font-size: 13px; } .open-now a:hover { background: transparent; color: #979796; border: 1px solid #979796; } .menu-btn { display: inline; float: right; } .menu-btn a { background: rgba(234, 117, 19, 1); color: #fff; padding: 3px 10px; font-size: 13px; border-radius: 4px; text-transform: uppercase; border: 1px solid transparent; } .menu-btn a:hover { background: rgba(234, 117, 19, 0.1); color: rgba(234, 117, 19, 1); border: 1px solid rgba(234, 117, 19, 1); } .theme_3 .topTitle h4 {} .price_section p.details { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .contact-info { background: #fff; padding: 15px; margin: 15px 0; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important; border-radius: 5px; } #map { height: 260px; } .address { color: #737882; /*padding: 18px 0 0 16px;*/ } .follow { background: #fff; /* padding: 15px;*/ margin: 15px 0; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important; border-radius: 5px; font-weight: 400; } .address>span { font-size: 18px; float: left; margin: 4px 0 0; } .address p { margin: 0 0 0 34px; } .follow-img { text-align: center; padding: 15px 16px; color: #ffffff; background: #ff4646; } .business-schedule { padding: 20px; } .business-schedule table tr { padding: 5px; border: 1px solid #f5f5f5; } .business-schedule table tr .business-day-schedule { border-right: 1px solid #f5f5f5; padding: 12px 4px; } .business-schedule .w-50 { width: auto !important; } .footer_area .left_footer .facebook, .footer_area .left_footer .instagram, .footer_area .left_footer .whatsapp { color: inherit; } .listingpage .search-box-2 { position: relative; transform: 0; } .listingpage .searchBar-2 { margin-left: 0; } .item-user .item-user-icons a { display: inline-block; width: 1.5rem; height: 1.5rem; text-align: center; border-radius: 100px; line-height: 1.5rem; font-size: 14px; /* margin-top: 0.3rem;*/ margin-right: 10px; } .item-user .item-user-icons a:hover { color: #fff; } .facebook-bg { background: #3b5998; color: #fff; } .twitter-bg { background: #0c85d0; color: #fff; } .whatsapp-bg { background: #4fce5d; color: #fff; } .insta-bg { background: #c63224; color: #fff; } .item-user { padding: 3px 4px; } .single-listing-box-layout1 .listing-details-info .video-info .play-btn i { margin-left: 5px; } .single-listing-box-layout1 .listing-details-info .video-info .play-btn:hover { opacity: 1; } .single-listing-box-layout1 .listing-details-review { position: relative; background: #fff; padding: 15px; /*margin: 15px 0;*/ box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important; border-radius: 5px; } .single-listing-box-layout1 .listing-details-review .total-review { font-size: 18px; position: absolute; top: 15px; right: 30px; } .single-listing-box-layout1 .listing-details-review .total-review span { color: #111111; } .single-listing-box-layout1 .listing-details-review ul.review-items { max-height: 440px; overflow-y: scroll; padding-top: 20px; } .single-listing-box-layout1 .listing-details-review ul.review-items>li { display: block; border-bottom: 1px solid #dddddd; padding-bottom: 30px; margin-bottom: 30px; } .single-listing-box-layout1 .listing-details-review ul.review-items>li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } @media only screen and (max-width: 767px) { .single-listing-box-layout1 .listing-details-review ul.review-items>li .media { display: block; } } @media only screen and (max-width: 767px) { .single-listing-box-layout1 .listing-details-review ul.review-items>li .media figure { margin-bottom: 20px; } } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media figure img { border-radius: 50%; } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body { position: relative; padding-right: 30px; padding-left: 30px; } @media only screen and (max-width: 767px) { .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body { margin-left: 0; padding-right: 0; } } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .review-title { margin-bottom: 10px; display: block; font-style: italic; font-size: 17px; } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .reviewer-name { font-size: 16px; color: #111111; font-weight: 600; margin-bottom: 10px; } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .reviewer-name .review-date { font-size: 14px; position: relative; padding-left: 15px; color: #646464; font-weight: 400; } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .reviewer-name .review-date:after { position: absolute; left: 5px; top: 3px; content: "/"; font-size: 12px; } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body { position: relative; padding-right: 30px; } @media only screen and (max-width: 767px) { .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .entry-meta { margin-bottom: 10px; } } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .entry-meta li { display: inline-block; margin-right: 20px; margin-bottom: 10px; font-size: 14px; font-weight: 600; } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .entry-meta li a { color: #646464; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .entry-meta li a span { color: #111111; display: inline-block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .entry-meta li a i { margin-right: 10px; color: #ffffff; background-color: #cccccc; height: 30px; width: 30px; border-radius: 50%; text-align: center; line-height: 30px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .entry-meta li a:hover { color: #ff4a52; } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .entry-meta li a:hover span { color: #ff4a52; } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .entry-meta li a:hover i { background-color: #ff4a52; } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .item-rating { position: absolute; z-index: 5; right: 30px; top: 0; } @media only screen and (max-width: 767px) { .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .item-rating { position: inherit; right: 0; } } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .item-rating li { display: inline-block; } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .item-rating li>i { font-size: 14px; color: #ffb300; } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .item-rating li span { color: #a09f9f; } .single-listing-box-layout1 .listing-details-review ul.review-items .post-no-two .media .media-body .item-rating .star-five i { color: #c3c3c3; } .single-listing-box-layout1 .listing-details-review ul.review-items::-webkit-scrollbar-thumb { border-radius: 0; border: 0; background-color: #ff4a52; } .single-listing-box-layout1 .listing-details-review ul.review-items::-webkit-scrollbar { -webkit-appearance: none; width: 10px; height: 14px; background-color: #f2f2f2; } .single-listing-box-layout1 .listing-details-leave-review .rate-wrapper { display: inline-block; margin-bottom: 30px; } .single-listing-box-layout1 .listing-details-leave-review .rate { float: left; color: #c9c9c9; cursor: pointer; } .single-listing-box-layout1 .listing-details-leave-review .rate:hover, .single-listing-box-layout1 .listing-details-leave-review .rate.selected { color: #fdc800; } .single-listing-box-layout1 .listing-details-leave-review .rate-label { margin-bottom: 10px; font-weight: 700; } .single-listing-box-layout1 .listing-details-leave-review .rate-item { float: left; cursor: pointer; margin: 0px 5px 0px 5px; } .single-listing-box-layout1 .listing-details-leave-review .rate-item:hover~.rate-item, .single-listing-box-layout1 .listing-details-leave-review .rate-item.active~.rate-item { color: #c9c9c9; } .single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group { margin-bottom: 15px; } .single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group label { color: #111111; } .single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group input { height: 45px; } .single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group .form-control { font-size: 17px; padding: 10px 20px; color: #000000; border: 1px solid #dadada; } .single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group .form-control:focus { outline: none; box-shadow: none; } .single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group .item-btn { margin-top: 20px; border: none; border-color: #ff4a52; background-color: #ff4a52; color: #ffffff; font-weight: 500; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 15px 30px; font-size: 18px; text-align: center; cursor: pointer; display: inline-block; box-shadow: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group .item-btn:hover { background-color: #111111; } .single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group .item-btn:focus { outline: none; box-shadow: none; } .single-listing-box-layout1 .listing-details-leave-review .contact-form-box .alert.alert-danger, .single-listing-box-layout1 .listing-details-leave-review .contact-form-box .alert.alert-info, .single-listing-box-layout1 .listing-details-leave-review .contact-form-box .alert.alert-success { margin-top: 10px; margin-bottom: 0; } .single-listing-box-layout1 .listing-details-leave-review .contact-form-box .alert.alert-danger p, .single-listing-box-layout1 .listing-details-leave-review .contact-form-box .alert.alert-info p, .single-listing-box-layout1 .listing-details-leave-review .contact-form-box .alert.alert-success p { margin-bottom: 0; } .single-listing-box-layout1 .listing-details-leave-review .contact-form-box input.form-control::-webkit-input-placeholder, .single-listing-box-layout1 .listing-details-leave-review .contact-form-box textarea.form-control::-webkit-input-placeholder { color: #646464; } .single-listing-box-layout1 .listing-details-leave-review .contact-form-box input.form-control::-moz-placeholder, .single-listing-box-layout1 .listing-details-leave-review .contact-form-box textarea.form-control::-moz-placeholder { color: #646464; } .single-listing-box-layout1 .listing-details-leave-review .contact-form-box input.form-control:-moz-placeholder, .single-listing-box-layout1 .listing-details-leave-review .contact-form-box textarea.form-control:-moz-placeholder { color: #646464; } .single-listing-box-layout1 .listing-details-leave-review .contact-form-box input.form-control:-ms-input-placeholder, .single-listing-box-layout1 .listing-details-leave-review .contact-form-box textarea.form-control:-ms-input-placeholder { color: #646464; } figure { margin: 0 0 1rem; } .single-listing-summary2 .media figure { width: 100px; border: 1px solid #f2f2f2; border-radius: 5px; position: relative; z-index: 90; padding: 4px; margin-bottom: 7px; } .single-listing-summary2 .media figure img { /*border-radius: 50%;*/ padding:0px; } .single-listing-summary2 .media .badge { display: none; } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; /*margin-bottom:10px;*/ } .listygo-text-box { padding: 30px; background-color: #ffffff; border-radius: 4px; } .media-body.space-md p { width: 90%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .inner-item-heading { position: relative; padding-bottom: 15px; margin-bottom: 25px; font-weight: 600; font-size: 24px; } .single-listing-box-layout1 .listing-details-leave-review .rate-wrapper { display: inline-block; margin-bottom: 30px; } .single-listing-box-layout1 .listing-details-leave-review .rate-label { margin-bottom: 10px; } .single-listing-box-layout1 .listing-details-leave-review .rate { float: left; color: #c9c9c9; cursor: pointer; } .single-listing-box-layout1 .listing-details-leave-review .rate-item { float: left; cursor: pointer; margin: 0px 5px 0px 5px; } .single-listing-box-layout1 .listing-details-leave-review .contact-form-box .form-group { margin-bottom: 15px; } .single-listing-box-layout1 .related-listing { position: relative; padding: 20px 30px; background-color: #ffffff; border-radius: 4px; margin-bottom: 30px; -webkit-box-shadow: 0px 1px 0px 0px rgba(217, 217, 217, 0.7); -moz-box-shadow: 0px 1px 0px 0px rgba(217, 217, 217, 0.7); box-shadow: 0 1px 0px 0px rgba(217, 217, 217, 0.7); } .single-listing-box-layout1 .related-listing .related-title { font-size: 22px; color: #111111; font-weight: 600; margin-bottom: 0; } .listygo-text-box.listing-details-leave-review { position: relative; background: #fff; padding: 15px; /*margin: 15px 0;*/ box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important; border-radius: 5px; /* margin-bottom: 40px;*/ } #gallery { padding-top: 40px; position: relative; background: #fff; padding: 15px; /* margin: 15px 0; */ box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important; border-radius: 5px; } .img-wrapper { position: relative; margin-top: 15px; } .img-wrapper img { width: 100%; } .img-overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0; } .img-overlay i { color: #fff; font-size: 3em; } #overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; margin-top: 35px; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #overlay img { margin: 0; width: 80%; height: auto; -o-object-fit: contain; object-fit: contain; padding: 5%; } @media screen and (min-width: 768px) { #overlay img { width: 60%; } } @media screen and (min-width: 1200px) { #overlay img { width: 50%; } } #nextButton { color: #fff; font-size: 2em; transition: opacity 0.8s; } #nextButton:hover { opacity: 0.7; } @media screen and (min-width: 768px) { #nextButton { font-size: 3em; } } #prevButton { color: #fff; font-size: 2em; transition: opacity 0.8s; } #prevButton:hover { opacity: 0.7; } @media screen and (min-width: 768px) { #prevButton { font-size: 3em; } } #exitButton { color: #fff; font-size: 2em; transition: opacity 0.8s; position: absolute; top: 15px; right: 15px; } #exitButton:hover { opacity: 0.7; } @media screen and (min-width: 768px) { #exitButton { font-size: 3em; } } #gallery .container { margin: 0; } .bg--accent { background-color: #f2f2f2; } .single-listing-summary-wrap2 { background-color: #ffffff; padding: 20px 0 0; margin-bottom: 30px; } .single-listing-summary2 { margin-bottom: 20px; } .single-listing-summary2 .entry-meta-rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; } .single-listing-summary2 .entry-meta-rating li i { margin-right: 5px; font-size: 14px; color: #ffb300; } @media only screen and (max-width: 480px) { .single-listing-summary-wrap2 { padding: 4rem 0 3rem; } } @media only screen and (max-width: 991px) { .social-head { margin-bottom: 10px; } .home_package_price .priceTag { font-size: 16px !important } .item_images { margin: 10px !important; } .modal-footer .btn { font-size: 12px !important; /* padding: 10px 0 !important */ } .custom_btn { font-size: 11px !important; } .search-box-2 { height: 30px !important } .search-btn { width: 20px !important; height: 20px !important; font-size: 12px !important } .single-listing-summary2 { margin-bottom: 0; } .package_heading { font-size: 12px; font-weight: 500; text-transform: capitalize; } .slider-content_wrap { width: 100% !important } .user_right_btn_area .form-control, .user_right_btn_area .c_btn { margin-right: 0 !important; width: 100% !important } .custom-col { width: 100% !important } .slider-title_box { padding: 40px 20px 0 20px; } } @media only screen and (max-width: 480px) { .single-listing-summary2 .media { display: block; } } @media only screen and (max-width: 480px) { .single-listing-summary2 .media .media-body { margin-left: 0; } } .single-listing-summary2 .media .media-body .item-title { color: #5b5b5b; font-weight: 500; font-size: 30px; /*margin-bottom: 10px;*/ display: inline-block; } #rev .single-listing-summary2 .media .media-body .loc { color: #5b5b5b; font-weight: 500; font-size: 12px; /*margin-bottom: 10px;*/ display: inline-block; line-height: 18px; font-family: "Montserrat", sans-serif; letter-spacing: normal; } @media only screen and (max-width: 767px) { .single-listing-summary2 .media .media-body .item-title { font-size: 28px; } } @media only screen and (max-width: 575px) { .single-listing-summary2 .media .media-body .item-title { font-size: 26px; } } @media only screen and (max-width: 480px) { .single-listing-summary2 .media .media-body .item-title { font-size: 20px; } } .single-listing-summary2 .entry-meta-date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; } @media only screen and (max-width: 1199px) { .single-listing-summary2 .entry-meta-date { display: block; margin-bottom: 10px; } } .single-listing-summary2 .entry-meta-date i { line-height: 1.5; margin-right: 10px; color: #ff4a52; } .single-listing-summary2 .entry-meta-location { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; } @media only screen and (max-width: 1199px) { .single-listing-summary2 .entry-meta-location { display: block; margin-bottom: 10px; } } .single-listing-summary2 .entry-meta-location i { line-height: 1.5; margin-right: 10px; color: #ff4a52; } .single-listing-summary2 .entry-meta-rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; } @media only screen and (max-width: 1199px) { .single-listing-summary2 .entry-meta-rating { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .single-listing-summary2 .entry-meta-rating li i { margin-right: 5px; font-size: 14px; color: #ffb300; } .single-listing-summary2 .entry-meta-rating li span { font-size: 18px; color: #111111; } .single-listing-summary2 .entry-meta-rating li span span { color: #d1d1d1; font-size: 14px; } .single-listing-summary2 .entry-meta-rating li:last-child { line-height: 1.3; margin-left: 5px; } .single-listing-summary2 .item-status { color: #ffffff; margin-top: 15px; /*background-position: center;background-repeat: no-repeat;background-size: cover;top: 18px;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);position: absolute;z-index: 6;*/ } .single-listing-summary2 .item-status>div:first-child { margin-bottom: 2px; } .single-listing-summary2 .item-status .status-save { -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 15% 50%, 0 0); clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 15% 50%, 0 0); background-color: #ff9800; padding: 5px 5px 5px 25px; text-align: center; margin-bottom: 2px; } .single-listing-summary2 .item-status .status-service { -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 15% 50%, 0 0); clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 15% 50%, 0 0); background-color: blue; padding: 5px 5px 5px 25px; text-align: center; } .single-listing-summary2 .item-status .status-open { -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 15% 50%, 0 0); clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 15% 50%, 0 0); /* background-color: #a62491;*/ background-color: #5abf65; padding: 5px 5px 5px 25px; text-align: center; border-color: #a62491; color: #fff; margin-bottom: 2px; } .status-close { webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 15% 50%, 0 0); clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 15% 50%, 0 0); background-color: #ff0000b8; padding: 5px 5px 5px 25px; text-align: center; border-color: #a62491; color: #fff; } .single-listing-summary2 .item-status .status-service { /*border-color:#ff4646;background: #ff4646;*/ background: #007bffd1; color: #fff; } .single-listing-share2 { display: -ms-grid; display: grid; /* -webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;*/ height: 100%; } /*.single-listing-share2 .row {margin-bottom: 45px;}*/ @media only screen and (max-width: 480px) { /* .single-listing-share2 .row {margin-bottom: 20px;}*/ } .single-listing-share2 .item-btn { text-align: center; border-radius: 4px; color: #111111; padding: 7px 5px; width: 100%; display: block; border: 1px solid #636363; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin-top: 14px; transition: 0.5s !important; } .grp-btn .item-btn { text-align: center; border-radius: 4px; color: #777; padding: 3px 7px; width: 100%; font-size: 14px; display: block; border: 1px solid #777; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin-top: 10px; transition: 0.5s !important; font-weight: 500; } .grp-btn .item-btn i { margin-right: 6px; } /*.grp-btn .item-btn:hover {background-color: #ff4a52;border: 1px solid #ff4a52;color: #ffffff;}*/ .row.gutters-15.grp-btn { width: 90%; } .single-listing-share2 .item-btn i { margin-right: 10px; } .single-listing-share2 .item-btn:hover { background-color: #ff4a52; border: 1px solid #ff4a52; color: #ffffff; } @media only screen and (max-width: 480px) { .single-listing-share2 .item-btn { display: grid; padding: 8px 5px 3px; } .single-listing-share2 .item-btn i { margin-bottom: 5px; margin-right: 0; } } .container-fluid { padding-left: 60px; padding-right: 60px; } .single-listing-share2 .enq { margin-top: 0; } .media-body.space-md { margin-left: 15px; } @media only screen and (max-width: 991px) { .featured-rating, .featured-rating-orange, .featured-rating-green { width: 40px !important; height: 40px !important; margin: -40px 10px 0 0 !important; } .single-listing-summary2 .entry-meta-rating li i { font-size: 12px; } .col-md-2.category-responsive { max-width: 33.33% !important } .col-md-3.featured-responsive { max-width: 50% !important; } .username { font-size: 15px !important; width: auto; } .container-fluid { padding: 0 15px !important } .style_2 .homeSingle_item, .menu-img { margin-left: 0!important; } a.items { width: 31% !important; padding: 1%; border-radius: 6px!important; margin: 1% !important; border:1px solid #f2f2f2!important; } #menu-page a.items{ border: none !important; } .singleCatItem h4 { font-size: 12px !important; text-overflow: all !important; white-space: pre-wrap !important; } #image-gallery .col-lg-3.col-md-6.col-sm-6.col-xs-12.image { width: 50% !important; } #overlay { margin-top: 0 !important } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media { display: flex !important } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media figure { width: 20% !important; display: inline-block !important; margin-right: 10px; } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body { width: 70% !important; display: inline-block !important; padding: 0px } .single-listing-summary2 .media { display: flex !important; /*margin-bottom: 15px;*/ align-items: start; } .single-listing-summary2 .media figure { width: 20% !important; display: inline-block !important; margin-right: 10px; } .single-listing-summary2 .media .media-body { width: 70% !important; display: inline-block !important; } .single-listing-summary-wrap2 { padding: 1rem 0 1rem !important; margin-bottom: 0 !important; } /*img.logo {max-height: 25px!important;}*/ .slider-content_wrap h1 { font-size: 28px !important } .slider-content_wrap h5 { font-size: 20px; font-weight: 400; } .slider .btn-form { width: 25% !important; font-size: 12px !important; padding: 0 !important } .slider .btn-group1 { width: 60% !important } .main-block { padding: 0px 0 1px !important } } @media (max-width:767px) { .singleCatItem { width: auto !important; background: transparent !important; margin: 0 !important; padding: 0 !important; min-height: 110px !important } } .business-img img { /* height: 200px;*/ overflow: hidden; width: 100%; background-color: #e5e5e5; object-fit: scale-down; height: 100%; } .mt-40 { margin-top: 40px; } .package_name { position: absolute; top: 10px; left: 10px; display: none; } .card-block { height: 250px; background-color: #fff; border: none; background: linear-gradient(to left bottom, rgba(255, 64, 87, 0.8), #333366 90%), url("https://source.unsplash.com/1024x1024?mountains"); background-position: center; background-size: cover; box-shadow: 0 20px 50px rgba(58, 58, 146, 0.35); transition: all 0.2s ease-in-out !important; } .card-block:hover { transform: translateY(-5px); box-shadow: 0 30px 70px rgba(58, 58, 146, 0.5); } .category-wrap:hover .category-block {} .post-btn { margin: 30px 0; text-align: right; } .post-btn a { background: #ff4646; color: #fff; border-radius: 5px; padding: 10px; } .post-btn a:hover { background: #5b5b5b; color: #fff; border-radius: 5px; } .shopLogo img { object-fit: contain; } /*style for review modal form*/ .modal-cont, .modal-info, .modal-enquire { position: fixed; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.47); top: 0; left: 0; overflow: auto; z-index: 10000; } .modal-box { width: 40%; margin: 30px auto; background-color: white; position: relative; /* text-align: ; padding:; */ } .modal-box .closed, .modal-info .closedd, .modal-enquire .closeded { position: absolute; right: 16px; top: 5px; font-size: 25px; font-weight: bolder; cursor: pointer } .modal-box .closed:hover, .modal-box .closed:focus, .modal-info .closedd:hover, .modal-info .closedd:focus, .modal-enquire .closeded:hover, .modal-enquire .closeded:focus { color: #c6c6c6 } /*.modal-box img{width: 30%;border-radius: 50%;display: block;margin:auto;padding: 14px;margin-bottom: 30px;min-width: 150px;max-width: 230px}*/ input[type=text], input[type=password] { width: 100%; display: block; padding: 8px; /* margin: 5px 0;*/ } .modal-box .login-button { padding: 10px; font-size: 15px; display: block; color: white; background-color: #29a6d4; } input[type=checkbox] { margin-right: 2px; vertical-align: baseline; /*no effect for baseline*/ } .modal-box label, .modal-box input, .modal-box textarea { display: block; } .modal-box label { font-weight: 500; margin: 5px 0 2px 0; } .modal-box .login-button { border: none; cursor: pointer; } input[type=checkbox] { display: inline-block; width: auto; margin-left: 16px } .modal-box .close-forgot { width: 100%; display: flex; justify-content: end; align-items: baseline; } .modal-box .close-forgot button { margin-left: 15px; border: none; border-radius: 5px; padding: 10px 15px; } .modal-box .cancel, .modal-info .canceld, .modal-enquire .cancelded { font-size: 15px; cursor: pointer; background: rgb(84 91 98 / 80%) !important; } .modal-box a { color: #1483be; font-weight: 500; text-decoration: underline } .modal-cont, .modal-info, .modal-enquire { display: none } .modal-box { animation-name: zoom; animation-duration: .7s; animation-fill-mode: forwards; animation-timing-function: ease; border: 1px solid #b7b7b7; border-radius: 4px; box-shadow: 1px 1px 8px rgba(35, 120, 204, 0.8); } @keyframes zoom { from { transform: scale(0); } to { transform: scale(1); } } @media (max-width:600px) { .modal-box { width: 90%; } } .UserMobileMenu label { font-size: 12px; display: block; margin-top: 0; color: #999; /* color: #f2f2f2;*/ white-space: nowrap; text-transform: capitalize; line-height: 1; } /*.UserMobileMenu .menu { line-height: 2; }*/ @media (max-width:600px) { .single_items_img img { max-height: 200px; } .single_item_details h4 { font-size: 16px; } /* .searchBar-2 {min-width: 280px;}*/ .modal-box .form-group { margin-bottom: 0 !important; } .single-listing-box-layout1 .listing-details-leave-review .rate-wrapper { margin-bottom: 15px; } .modal-box .close-forgot { padding-top: 10px; } .modal-box .close-forgot button { padding: 6px 15px; } } .itemSearch-2 { width: 100%; } .item-btn.btn-primary { background: #ff4646 !important; } .order-btn { text-transform: uppercase; } .order-btn:hover { color: #fff !important; } .defaultHeading.single__cat__header .searchSection { width: 200px; } .defaultHeading.single__cat__header .search-box-2 { width: 100%; } @media(max-width:600px) { .defaultHeading.single__cat__header .searchSection { width: 100%; } .homeSinglePackage { height: auto; } .media { align-items: start; } .media-body.space-md p { width: auto; } } .main-block .row.justify-content-center.browse { flex-wrap: wrap; } .single-listing-share2 { display: block; } @media (max-width: 991px) { .single-listing-share2 { display: none !important; } a.business-img { height: 100px !important } .main-block .browse.row.justify-content-center { overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; justify-content: start !important; } .main-block .browse::-webkit-scrollbar { display: none; } .main-block .browse { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .category-block { /*height:176px;*/ padding: 10px; } .styled-heading { margin: 0 0 -3px !important; } .category-block h6 { font-size: 10px !important; } .catTop { margin-bottom: 0 !important; width: 100%; flex: 0 0 80px; } } #rev .single-listing-summary2 .media { align-items: start; } .review-app .single-breadcrumb h3 { padding: 1rem 0 16rem 0 !important; font-weight: 700; text-transform: capitalize; letter-spacing: normal; } .text-body { word-break: break-all; } .contact-form-wrapper { /*padding: 100px 0;*/ } .contact-form { padding: 20px 15px; background-color: #ffffff; border-radius: 12px; /*max-width: 400px;*/ } .contact-form textarea { resize: none; } .contact-form .form-input, .form-text-area { background-color: #f7f7f7; height: 50px; padding-left: 16px; } .contact-form .form-text-area { background-color: #f7f7f7; height: auto; padding-left: 16px; } .contact-form .form-control::placeholder { color: #aeb4b9; font-weight: 500; opacity: 1; } .contact-form .form-control:-ms-input-placeholder { color: #aeb4b9; font-weight: 500; } .contact-form .form-control::-ms-input-placeholder { color: #aeb4b9; font-weight: 500; } .contact-form .form-control:focus { /*border-color: #f33fb0;*/ /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 8px #f33fb0;*/ } .contact-form .title { text-align: center; font-size: 24px; font-weight: 500; } .contact-form .description { color: #aeb4b9; font-size: 14px; text-align: center; } .contact-form .submit-button-wrapper { text-align: center; } .contact-form .submit-button-wrapper input { border: none; border-radius: 4px; background-color: rgba(255, 70, 70, 1); color: white; text-transform: uppercase; padding: 10px 60px; font-weight: 500; letter-spacing: 2px; margin-top: 5px; width: 100%; } .contact-form .submit-button-wrapper input:hover { background-color: #5b5b5b; } .submit-button-wrapper {} .adsbanner .btn { display: inline-block; padding: 13px 20px; color: #fff; text-decoration: none; position: relative; background: transparent; /* border: 1px solid #e1e1e1;*/ font: 12px/1.2 "Oswald", sans-serif; letter-spacing: 0.4em; text-align: center; text-indent: 2px; text-transform: uppercase; transition: color 0.1s linear 0.05s; } .adsbanner .btn::before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; /* background: #e1e1e1;*/ z-index: 1; opacity: 0; transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0.2s; } .adsbanner .btn::after { transition: border 0.1s linear 0.05s; } .adsbanner .btn .btn-inner { position: relative; z-index: 2; } .adsbanner .btn:hover { color: #373737; transition: color 0.1s linear 0s; } .adsbanner .btn:hover::before { top: 0; height: 100%; opacity: 1; transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0s; } .adsbanner .btn:hover::after { border-color: #373737; transition: border 0.1s linear 0s; } .adsbanner .slideshow { overflow: hidden; position: relative; width: 100%; height: 350px; z-index: 1; } .adsbanner .slideshow .slideshow-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .adsbanner .slideshow .slides { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .adsbanner .slideshow .slide { display: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; transition: opacity 0.3s ease; } .adsbanner .slideshow .slide.is-active { display: block; } .adsbanner .slideshow .slide.is-loaded { opacity: 1; } .adsbanner .slideshow .slide .caption { padding: 0 100px; width: 70%; } .adsbanner .slideshow .slide .image-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; z-index: 1; background-size: cover; image-rendering: optimizeQuality; } .adsbanner .slideshow .slide .image-container::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background: rgba(0, 0, 0, 0.5);*/ } .adsbanner .slideshow .slide .image { width: 100%; width: 100%; object-fit: cover; height: 100%; } .adsbanner .slideshow .slide-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; color: #fff; text-align: left; display: flex; justify-content: flex-start; align-items: center; } .adsbanner .slideshow .slide .title { /* margin: 0 auto 15px;*/ margin-bottom: 15px; max-width: 1000px; font: 300 38px/1.2 "Oswald", sans-serif; letter-spacing: 0.2em; text-transform: uppercase; } .adsbanner .slideshow .slide .text { /* margin: 0 auto;*/ max-width: 1000px; font-size: 18px; line-height: 1.4; } .adsbanner .slideshow .slide .btn { margin: 15px 0 0; /* border-color: #fff;*/ } .adsbanner .slideshow .slide .btn::before { /* background: #fff;*/ } .adsbanner .slideshow .pagination { position: absolute; bottom: 35px; left: 47%; width: 100%; height: 12px; cursor: default; z-index: 2; text-align: center; } .adsbanner .slideshow .pagination .item { display: inline-block; padding: 15px 5px; position: relative; width: 46px; height: 32px; cursor: pointer; text-indent: -999em; z-index: 1; } .adsbanner .slideshow .pagination .item+.page { margin-left: -2px; } .adsbanner .slideshow .pagination .item::before { content: ""; display: block; position: absolute; top: 15px; left: 5px; width: 36px; height: 2px; background: rgba(255, 255, 255, 0.5); transition: background 0.2s ease; } .adsbanner .slideshow .pagination .item::after { width: 0; background: #fff; z-index: 2; transition: width 0.2s ease; } .adsbanner .slideshow .pagination .item:hover::before, .adsbanner .slideshow .pagination .item.is-active::before { background-color: #fff; } .adsbanner .slideshow .arrows .arrow { margin: -33px 0 0; padding: 20px; position: absolute; top: 50%; cursor: pointer; z-index: 3; } .adsbanner .slideshow .arrows .prev { left: 30px; } .adsbanner .slideshow .arrows .prev:hover .svg { left: -10px; } .adsbanner .slideshow .arrows .next { right: 30px; } .adsbanner .slideshow .arrows .next:hover .svg { left: 10px; } .adsbanner .slideshow .arrows .svg { position: relative; left: 0; width: 14px; height: 26px; fill: #fff; transition: left 0.2s ease; } #signin .modal-dialog { max-width: 1000px; } #signin .container { display: grid; place-items: center; height: 100vh; } #signin button.close { position: absolute; top: 0; right: 0; z-index: 99999; background: #000; padding: 5px 10px; color: white; border-top-right-radius: 15px; } #signin .box { position: relative; display: flex; align-items: center; /*width: 90%;*/ max-width: 1000px; padding: 220px 20px 20px; overflow: hidden; background-color: white; border-radius: 5px; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3); } @media (min-width: 768px) { #signin .box { min-height: 400px; padding: 120px 20px; } #signin .box__toggle:checked+.box__image { left: 500px; } } @media (max-width: 767px) { #signin .box__toggle:checked~.form--register { width: 100%; height: auto; opacity: 1; } #signin .box__toggle:checked~.form--login { width: 0; height: 0; opacity: 0; } } #signin .box__image { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 200px; object-fit: cover; object-position: 0 bottom; transition: 0.4s ease-in-out; border-bottom-left-radius: 15px; border-top-left-radius: 15px; } @media (min-width: 768px) { #signin .box__image { width: 500px; height: 100%; object-position: 0 0; } } #signin .form { width: 100%; overflow: hidden; text-align: left; transition: 0.3s; } @media (min-width: 768px) { #signin .form { width: 500px; padding: 0 20px; } } #signin .form__title { margin-bottom: 20px; /*font-family: "Montserrat", sans-serif;*/ font-size: 1.8rem; font-weight: 700; } #signin .form--login { opacity: 1; transition: opacity 0.5s ease; } #signin .form--register { width: 0; height: 0; opacity: 0; transition: opacity 0.5s ease; } @media (min-width: 768px) { #signin .form--register { width: 500px; height: auto; opacity: 1; } } #signin .form__helper { position: relative; margin-bottom: 15px; } #signin .form__helper:last-of-type { margin-bottom: 0; } #signin .form__label { position: absolute; bottom: 10px; left: 0; color: black; font-size: 14px; transition: 0.3s; } #signin .form__input { position: relative; width: 100%; padding: 5px 0; color: black; background-color: transparent; border-width: 0; border-bottom: 1px solid black; outline: none; font-size: 16px; } #signin .form__input::placeholder { opacity: 0; } #signin .form__input:not(:placeholder-shown)+.form__label { bottom: 25px; color: #2E8E79; font-size: 14px; } #signin .form__input:focus { border-bottom-color: #2E8E79; } #signin .form__input:focus+.form__label { bottom: 25px; color: #2E8E79; font-size: 14px; } #signin .form__button { display: block; width: 100%; margin-top: 20px; padding: 10px; color: white; background-color: #2E8E79; border: 0; cursor: pointer; font-size: 14px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; } #signin .form__text { margin-top: 10px; font-size: 14px; } #signin .form__link { color: #2E8E79; cursor: pointer; } #about-section { padding: 2% 0 !important; } #about-section h3 { font-size: 30px; font-weight: 700; } #about-section .about-bullet h4 { font-size: 20px; font-weight: 500; } #about-section h6 { font-size: 16px; } #about-section p { font-size: 16px; line-height: 26px; color: #838383; font-weight: normal; } #about-section a { color: #ffde00; -webkit-transition: all 0.3s; transition: all 0.3s; } #about-section a:hover, #about-section a:focus, #about-section a:visited { text-decoration: none; outline: none; outline-offset: 0; } #about-section a:hover { color: rgba(227, 30, 36, 1); } #about-section i { vertical-align: middle; } #about-section ul { padding: 0 !important; } #about-section li { list-style: none; } #about-section .color-base { color: rgba(227, 30, 36, 1); } #about-section .bg-one-dark { background: #043f3a !important; } #about-section .p-100 { padding-top: 100px; padding-bottom: 100px; } #about-section .mt-50 { margin-top: 50px; } #about-section .btn { text-transform: uppercase; } #about-section .btn:focus { box-shadow: none; } #about-section .btn:hover { color: #fff; } #about-section .btn-medium { background: transparent; color: rgba(227, 30, 36, 1); font-weight: 600; font-size: 16px; padding: 14px 45px; border-radius: 4px; border: 1px solid rgba(227, 30, 36, 1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #about-section .btn-medium:hover { background: rgba(227, 30, 36, 1); color: #222; -webkit-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1); box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1); transform: translateY(-3px); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); } #about-section .btn-fill { background: rgba(227, 30, 36, 1) !important; color: #fff !important; } #about-section .btn-fill:hover { background: #ffb400; border-color: #ffb400; } #about-section .about-info { border: 2px solid rgba(255, 255, 255, 0.2); } #about-section img { position: relative; z-index: 1; } #about-section .inline-social ul li { display: inline-block; margin-right: 10px; } #about-section .bullet-check li { position: relative; padding-left: 30px; padding-bottom: 10px; color: #838383; } #about-section .bullet-check li:last-child { padding-bottom: 0; } #about-section .bullet-check li:before { position: absolute; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 15px; left: 0; color: #150f91; } /*! responsive */ @media (max-width: 480px) { #about-section .about-info-wrap { padding: 10px !important; margin-top: 30px; } #about-section .about-info { padding: 30px !important; } } @media (max-width: 767px) { #about-section h2 { font-size: 32px; } #about-section .wrap-button img { margin-top: 20px; } #about-section .about-info-wrap { padding: 10px !important; margin-top: 30px; } #about-section .about-info { padding: 30px !important; } } @media (min-width: 768px) and (max-width: 991px) { #about-section h2 { font-size: 30px; } #about-section .wrap-button img { margin-top: 20px; } #about-section .about-bullet { max-width: 100%; flex: 100%; } #about-section .about-info-wrap { padding: 10px !important; margin-top: 30px; } #about-section .about-info { padding: 30px !important; } } @media (min-width: 992px) and (max-width: 1199px) { #about-section .about-bullet { max-width: 100%; flex: 100%; } } .img-box6 { display: -webkit-box; display: -ms-flexbox; display: flex; /*margin-left: -100px;*/ } .img-box6 .img1 { margin-right: -200px; -webkit-animation: movingX 8s linear infinite; animation: movingX 8s linear infinite; z-index: 1; padding: 5px; } /*.img-box6 .img1 img {padding-left: 5px;}*/ .service-grid { background: #fcfcfc; padding: 5% 0 !important } .service-title h4 { position: relative; display: inline-block; } .service-icon { position: relative; } .service-title p { padding: 0 190px; margin-bottom: 10px; } .about-info-text h2 { margin-bottom: 23px; text-transform: capitalize; font-weight: 700; line-height: 0.9; } .about-info-text p { padding: 0 100px; font-size: 18px; margin-bottom: 26px; position: relative; } .about-content p { margin-bottom: 0; } .about-info-text a { margin-bottom: 20px; position: relative; } .service-icon i { font-size: 40px; color: rgba(227, 30, 36, 1); margin-bottom: 20px; display: inline-block; } .service-wrap { border: 1px solid #e6e6e6; padding: 50px 30px; position: relative; } .service-wrap p { position: relative; } .service-wrap:hover { background-image: url(https://quickqrscan.com/assets/frontend/images/sl2.webp); mix-blend-mode: darken; background-size: cover; background-position: center center; background-attachment: local; transition: all 0.5s; } .service-wrap:hover:before { background: rgba(0, 0, 0, 0.2901960784313726); position: absolute; height: 100%; width: 100%; left: 0px; content: ""; top: 0; opacity: 1; } .service-wrap:hover h4, .service-wrap:hover p { color: #fff; } .service-wrap h4 { font-weight: 600; color: #1e2331; margin-bottom: 17px; font-size: 18px; text-transform: capitalize; position: relative; } .service-wrap a { font-size: 14px; font-weight: 600; position: relative; } @keyframes movingX { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(30px); transform: translateX(30px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } #about-us section.user_home_banner { display: none; } .single-breadcrumb { background-image: linear-gradient(rgba(26 24 22 / 20%), rgba(26 24 22 / 40%)), url(/uploads/abt.webp); background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; border-radius: 12px } .single-breadcrumb h3 { font-size: 42px; padding: 91px 0; color: #fff; text-align: center; } section#contacts { background-color: #fff; } .packageSection.mt-20 { min-height: 100vh; } @media (max-width:539px) { .single-breadcrumb h3 { font-size: 31px; padding: 46px 0; } .bottom_down h4 { font-size: 17px; } } .item-btn.next button { display: none; } html { scroll-behavior: smooth; } #enquire { scroll-margin-top: 85px; } #navbarNavDropdown .container-fluid { padding-right: 0; } @media (max-width:599px) { .img-cat { width: 50px; height: 50px; margin: 0 auto; } .category-block { height: auto; padding: 0; margin-bottom: 0; border: 0; } } @media (min-width:1500px) { .img-cat { width: 220px; height: 120px; } } .slide-container .prev, .slide-container .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 20px; transition: all 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } .slide-container .prev:hover, .slide-container .next:hover { background-color: rgba(0, 0, 0, 0.8); color: white; } .slide-container .prev { left: 2px; } .slide-container .next { right: 2px; } .dots-container { display: flex; justify-content: center; align-items: center; padding: 10px; /* max-width: 1000px;*/ margin-top: -43px; position: relative; } .dots-container .dot { cursor: pointer; margin: 5px; width: 12px; height: 12px; color: #333; border-radius: 50%; background-color: #fff; } .dots-container .dot.active { border: 2px solid rgb(0 160 227); } .slide-container { display: flex; justify-content: center; align-items: center; /* max-width: 1000px;*/ position: relative; } .slide-container .slide { display: none; width: 100%; } .slide-container .slide.fade { animation: fade 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; height: 381px; } .slide-container .slide img { width: 100%; border-radius: 8px; } .slide-container .fade:not(.show) { opacity: 1 !important; } .wid-part { margin-bottom: 30px; height: 182px; width: 100%; } .wid-part img { /* object-fit: contain;*/ border-radius: 8px; } @media (max-width:599px) { .slide-container .slide.fade { height: auto; } } #ad-slider { margin-top: 66px; padding-top:39px; /* margin-bottom: 34px;*/ } .Social-media { display: flex; margin: 10px 0; /* justify-content: center;*/ } .Social-media a { display: flex; background: #fff; height: 34px; width: 34px; margin: 0 12px; border-radius: 8px; align-items: center; justify-content: center; text-decoration: none; box-shadow: 6px 6px 10px -1px rgb(117 123 128 / 17%), -6px -6px 10px -1px rgba(255, 255, 255, 0.7); border: 1px solid rgba(0, 124, 196, 0); transition: transform 0.5s } .Social-media a:first-child { margin-left: 0; } .Social-media a i { /* color:#777;*/ transition: transform 0.5s; } .Social-media a:hover { box-shadow: inset 4px 4px 6px -2px rgba(0, 0, 0, 0.2), inset -4px -4px 6px -1px rgba(255, 255, 255, 0.7), -0.5px -0.5px 0px -1px rgba(255, 255, 255, 1), 0.5px 0.5px 0px rgba(0, 0, 0, 0.15), 0px 12px 10px -10px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 124, 196, 0.1); transform: translateY(2px); } .Social-media a:hover i { transform: scale(0.90); } .Social-media a:hover .fa-facebook { color: #3b5998; } .Social-media a:hover .fa-twitter { color: #00acee; } .Social-media a:hover .fa-whatsapp { color: #4fce5d; } .Social-media a:hover .fa-instagram { color: #f14843; } .Social-media a:hover .fa-youtube { color: #f00; } @media(max-width:599px) { .Social-media a { height: 34px; width: 34px; } } .social-img { width: 38px; margin: 0 10px 15px; /* box-shadow: 6px 6px 10px -1px rgb(117 123 128 / 17%), -6px -6px 10px -1px rgba(255, 255, 255, 0.7);*/ border-radius: 8px; } .social-btns { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; } .social-btns a { width: 21%; display: inline-block; } .single-listing-summary2 .row { align-items: center; } .ribbon-wrapper { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; left: -3px; } .ribbon-wrapper .ribbon { font: bold 15px sans-serif; color: #333; text-align: center; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); position: relative; /* padding: 7px 0;*/ top: 15px; left: -38px; width: 120px; /* background-color: #ebb134;*/ background-color: #4cdd5b; box-shadow: -1px 2px 3px rgba(0, 0, 0, .2); color: #fff; } @media (max-width:599px) { .badge { padding: 3px 6px; } .social-btns { justify-content: center; margin-top: 16px; } .social-img { width: 36px; margin: 0 10px 15px; } .social-btns a { width: 21%; } .ribbon-wrapper .ribbon { font: bold 12px sans-serif; top: 9px; left: -44px; } .single-listing-summary2 .media figure { width: 25% !important; } .wid-part { margin-bottom: 20px; height: auto; width: 100%; margin-top: 20px; } .loc i { /* display: none;*/ font-size: 12px; } } .rightSearch .form-control.first { border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; width: 580px; } .user_right_btn_area .c_btn { border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .rightSearch input[type=text], .rightSearch .form-control { padding: 2px 15px 8px; } #rev h6, .new-heading { text-align: center; margin-bottom: 20px; font-size: 18px; } @media (max-width:991px) { .d-flex.justify-content-center.w-100 { flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between !important; padding: 5px 16px; } .styled-heading h3 { padding: 0 0 10px !important; font-size: 16px !important; } #ad-slider { margin-top: 50px; margin-bottom: 15px; } } .navbar-brand { /*max-width: 125px;*/ } @media (max-width:500px) { .bottom-icons i { display: none; } .featured-title-box { padding: 12px 16px 14px; } .featured-title-box h6 { width: auto; } .featured-title-box ul li { margin-bottom: 4px; font-size: 12px; } .featured-title-box ul { margin-top: 0; } .username { font-size: 14px !important; } .open-now a, .menu-btn a { padding: 2px 10px; font-size: 12px; } .styled-heading h3 { padding: 0 0 15px; font-size: 21px; } } .logopart { width: 110px; height: 110px; border-radius: 50%; margin: -50px auto 0; border: 1px solid #ddd; text-align: center; } .logopart img { height: 100%; width: 100%; object-fit: contain; } .first-part { max-width: 90%; margin: auto 0; text-align: center; } #rev .social-img span { display: none; } #rev .media-part { display: flex; flex-direction: column; } .media-btn i { margin-right: 7px; } #rev .btn.media-btn { padding: .375rem .75rem; } #rev .single-listing-summary2 .media .media-body .item-title { color: #5b5b5b; font-family: "Montserrat", sans-serif; letter-spacing: normal; } #rev .single-listing-summary2 .entry-meta-rating li span { color: #5b5b5b; } /*@media (max-width:599px){*/ #rev .single-listing-summary2 .media figure { width: 100px !important; /* border: 1px solid #f2f2f2;*/ border-radius: 50%; position: relative; z-index: 90; padding: 4px; margin: -60px auto 15px; background: #fff; display: block !important; height: 100px; box-shadow: 0px 0px 0px #d6d6d6, 0px 0px 10px #bebebe; /*border: 1px solid #626262;*/ } .navbar-brand img { /*object-fit: contain; */ filter: brightness(0) invert(1); } #rev .media-btn i { margin-right: 2px; } #rev .single-listing-summary2 .media { display: block !important; width: 100%; padding: 0 7px; } #rev .entry-meta-rating { margin-bottom: 0; } #rev .single-listing-summary2 .media { align-items: start; } #rev .social-img { width: 80px; height: 80px; margin: 0 auto; /* background: #3d6ad60d;*/ padding: 10px; } #rev .social-img img { width: 100%; object-fit: contain; } #rev .social-btns a { width: 32%; text-align: center; } #breadcrumb-line.single-breadcrumb h3 { font-size: 3rem; padding: 90px 0; } #rev .single-listing-summary2 .media .media-body { width: 100% !important; text-align: center; } #rev .single-listing-summary2 .entry-meta-rating { justify-content: center; } #rev .single-listing-summary-wrap2 { /*background: #f2f2f2;*/ } #rev h6, .new-heading { margin-top: 15px; font-size: 16px; margin-bottom: 10px; } #rev .single-listing-summary2 { margin-bottom: 0; background: #fff; border-radius: 12px; margin-top: -6rem; } #rev .media img { object-fit: contain; } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .entry-meta li a i { font-size: 12px; } #rev .social-img span { font-size: 11px; display: inline-block; color: #fff; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #5b5b5b; margin: 3px 0; } #rev .media-part { display: flex; flex-direction: row; justify-content: center; margin-bottom: 14px; gap: 8px; width: 80%; margin: 0 auto 16px auto; } #rev .btn.media-btn { padding: 6px; font-size: 1.1rem; } .navbar-brand { max-width: 170px; } /*}*/ #rev .single-listing-summary2 .entry-meta-rating { margin-bottom: 0; } #rev .single-listing-summary2 { background: #fff; color: #5b5b5b; border: 1px solid #f2f2f2; /*ox-shadow: 0px 0px 0px #cecece, 1px 1px 5px #ebebeb;*/ } .navbar-brand img { /*object-fit: contain;*/ } @media (max-width:991px) { .home_page_navbar .navbar-brand { max-width: 73px; } } @media (min-width:768px) and (max-width:1024px) { .slide-container .slide.fade { height: 263px; } .grid-part { height: 200px; } .wid-part { height: 113px; } .main-block .row { justify-content: center; } .main-block .browse { justify-content: center; } } #menu-page { min-height: 100vh; /* padding-top: 31px;*/ } .item-wrapper{ border-radius: 12px; border: 1px solid #f2f2f2; padding: 10px; } .img-logo { /* height: 120px; */ width: 120px; margin-right: 20px; } .media-btn i { color: #fff; } #rev .media-btn.btn { background-color: #181924; color: #fff; transition: all .3s ease-in-out; } #rev .media-btn1.btn { background-color: #d8d8d8; /*border: .5px solid grey;*/ color: #5b5b5b; transition: all .3s ease-in-out; } #rev .modal-cont { background-color: rgba(0, 0, 0, .75); } .login-form .input-group { margin: 0 0 15px; } .login-form .input { width: 100%; border: 1.5px solid #9e9e9e; border-radius: 5px; background: 0 0; padding: 12px 16px; font-size: 14px; color: #222; transition: border 150ms cubic-bezier(.4, 0, .2, 1); } .login-form .user-label { position: absolute; left: 15px; color: grey; pointer-events: none; font-family: var(--font-family); transition: 150ms cubic-bezier(.4, 0, .2, 1); top: 50%; transform: translateY(-50%); line-height: normal; } .connect-button button { width: 100%; padding: 5%; margin: 4% 0; border-radius: 20px; border: none; background-color: #000; color: #fff; cursor: pointer; } div#contact-user { margin-top: 5px; } div#contact-user p.address i { font-size: 18px; } div#contact-user .home_social.list.style_1 ul li a { color: #333; padding: 10px 0; margin-right: 15px; padding-right: 8px; font-size: 14px; font-weight: 400; } @media (min-width:600px) { .container-app { max-width: 680px; margin: 0 auto; } } #rev .single-listing-summary-wrap2 .container-fluid { padding-right: 15px; padding-left: 15px; } #rev .media-body.space-md { margin-left: 0; } #rev .single-listing-summary-wrap2 { padding: 0 !important; margin-bottom: 0 !important; } #rev .single-listing-summary2 .media .media-body .item-title { font-size: 20px; font-weight: 700; text-transform: uppercase; } #rev .media-body.space-md p { width: auto; } #rev .btn { font-size: 1.3rem !important; } #rev .media-body p { font-size: 12px !important; } /*main.review-app { background: #373a49; }*/ @media (max-width:599px) { .footer_bottom { /* margin-bottom: 52px;display: none;*/ } .single-listing-box-layout1 .listing-details-review ul.review-items>li .media .media-body .entry-meta li a i { width: 20px; height: 20px; line-height: 20px; } /*.navbar-brand img { object-fit: contain; }*/ p.address a { font-size: 12px; line-height: 14px; } .address { padding-top: 0; } .home_social.list.style_1 ul { justify-content: start; } div#contact-user .home_social.list.style_1 ul li a { color: #000; padding: 4px 0; margin-right: 1px; padding-right: 3px; font-size: 13px; font-weight: 400; } .home_social.list.style_1 ul li a i { font-size: 14px; padding: 2px 4px; border-radius: 4px; margin-right: 1px; } div#contact-user p.address i { color: var(--defaultColor) !important; font-size: 14px; font-weight: 900; } .single-listing-summary2 .media { align-items: start; } .row.gutters-15.grp-btn { /* width: auto;margin: 0;*/ width: 100%; display: block; text-transform: uppercase; margin: 0 auto; } .grp-btn .item-btn { font-size: 12px; margin-top: 7px; font-weight: 600; padding: 2px 4px; } .row.gutters-15.grp-btn .col-auto { padding: 3px; } .grp-btn .item-btn i { display: none; } .address { padding-top: 0; } div#contact-user { margin-top: 0; } } #packg .defaultHeading, #special .defaultHeading { padding: 3% 0 0% 0; } @media(min-width:1500px) { main.review-app { min-height: 100vh; } } @media(max-width:991px) { .single-listing-share2 .row { justify-content: center; margin: 15px 0; } .qrCode1 img { width: 130px; } } @media (max-width:599px) { #browse-cat .row.browse { overflow-x: auto; overflow-y: hidden; } } .grid-part { height: 378px; border-radius: 8px; width: 100%; display: inline-block; } .grid-part img { border-radius: 8px; } @media (max-width:599px) { .grid-part { display: none; } .qr_area { display: none !important; } } @media (min-width:768px) and (max-width:1300px) { .featured-title-box .col-md-3 { padding-right: 0; } .featured-title-box .col-md-9 { padding-left: 23px; } .grid-part { height: 200px; } } @media (min-width:992px) and (max-width:1499px) { .wid-part { height: 138px; } .slide-container .slide.fade, .grid-part { height: 311px; } .adsbanner .slideshow { height: 278px; } #food-slider .slide-container .slide.fade, #food-slider .grid-part { height: 335px; } } @media (min-width:992px) and (max-width:1024px) { .d-flex.justify-content-center.w-100 { flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between !important; padding: 5px 16px; } .img-cat { width: 108px; height: 108px; } .slide-container .slide.fade, .grid-part { height: 225px; } .featured-rating-green { width: 40px !important; height: 40px !important; margin: -40px 10px 0 0 !important; } .featured-title-box .col-md-9 { flex: 100%; max-width: 98%; } .qr_area { display: none; } .menu-btn i, .open-now i { display: none; } } @media(min-width:1500px) { .adsbanner .slideshow { height: 350px; } .slide-container .slide { height: 394px; } .wid-part { height: 182px; } #food-slider .slide-container .slide.fade, #food-slider .grid-part { height: 385px; } } @media (min-width: 1600px) { .business-container { max-width: 1500px; } } #category-div.carousel { width: 100%; margin: 0px auto; } #category-div.carousel .slick-slide { margin: 0px 10px; } #category-div.carousel .slick-slide img { width: 100%; } #category-div.carousel .slick-prev, #category-div.carousel .slick-next { background: transparent; border-radius: 15px; border-color: transparent; /* display: none !important;*/ } #category-div.carousel .card { border: 2px solid #fff; /* box-shadow: 1px 1px 15px #ccc;*/ } #category-div.carousel .card-body { background: #fff; width: 100%; vertical-align: top; } #category-div.carousel .card-content { text-align: left; color: #333; padding: 15px; } #category-div.carousel .card-text { font-size: 14px; font-weight: 300; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: #fff !important; outline: 0; background: #fff !important; } #category-div.carousel .slick-prev:before, #category-div.carousel .slick-next:before { opacity: 1 !important; } #category-div.carousel .slick-prev:before, #category-div.carousel .slick-next:before{ color: #00a0e3; font-size: 24px; } .slick-dots li.slick-active button:before { opacity: .75; color: rgba(227, 30, 36, 1) !important; } #browse-cat .styled-heading { margin-bottom: 15px; } @media (max-width:599px) { #category-div.carousel { width: 100%; } .slick-slider { margin-bottom: 0; } #browse-cat .styled-heading { margin-bottom: 15px; } } /* label container */ .radio-button-container { color: #4b566b; position: relative; padding-left: 30px; line-height: 16px; margin-bottom: 12px; margin-top: 12px; margin-left: 9px; cursor: pointer; font-size: 16px; margin-right: 9px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ .radio-button-container input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: rgba(0, 0, 0, 0); border-radius: 50%; border: 2px solid rgba(0, 0, 0, 0.25); transition: all 0.3s; } /* On mouse-over, add a grey background color */ .radio-button-container:hover input~.checkmark { border-color: rgba(0, 0, 0, 0.5); } /* When the radio button is checked */ .radio-button-container input:checked~.checkmark { background-color: rgba(0, 0, 0, 0); border-color: teal; } /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .radio-button-container input:checked~.checkmark:after { display: block; } /* Style the indicator (dot/circle) */ .radio-button-container .checkmark:after { top: 2px; left: 2px; width: 10px; height: 10px; border-radius: 50%; background: teal; } .choosy-button { text-align: left; margin-bottom: 11px; text-transform: capitalize; margin: 0 auto; } @media (max-width:599px) { .radio-button-container { padding-left: 24px; line-height: 16px; margin-bottom: 12px; margin-left: 14px; cursor: pointer; font-size: 14px; } .choosy-button { margin-bottom: 0; margin-left: 2px; } #menu-page .search-box-2 { padding: 5px; border-radius: 5px; height: 39px; } #packg .defaultHeading, #special .defaultHeading, #menu-page .defaultHeading { /*margin-top: 41px;*/ /*text-align: center;*/ } .item-user .item-user-icons a { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; margin-right: 10px; font-size: 14px; } .item-user { padding: 1px !important; } } .slick-list.draggable { padding: 0px !important; } .radio-button-container input#Red:checked~.checkmark { border-color: #FF0000; } .radio-button-container input#Green:checked~.checkmark { border-color: #4CAF50; } .radio-button-container #Red+.checkmark:after { background-color: #FF0000; } .radio-button-container #Green+.checkmark:after { background-color: #4CAF50; } .total_sum { margin-right: 5px; background: #fff; padding: 5px 15px; border-radius: 5px; /* width: 49.111%; */ margin-bottom: 10px; box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%); } .total_sum p { margin-bottom: 10px; font-size: 16px; text-transform: capitalize; font-weight: 600; } .bounce2 { animation: bounce2 2s ease infinite; } @keyframes bounce2 { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } table.order-info { border-collapse: collapse; width: 100%; } .order-info th, .order-info td { text-align: left; padding: 8px; } .order-info td { font-weight: 500; } .details-custom h4 { text-align: center; margin: 10px 0; } .details-custom h5 { margin: 27px 0; text-align: center; } .order-info tr:nth-child(odd) { background-color: #f2f2f2; } @media(max-width:767px) { /*.bounce2 { animation: none; }*/ .UserMobileMenu .cartFloatingIcon { position: absolute; bottom: -21px; } .UserMobileMenu span.total_count { right: 7px; } } button.item-btn.btn-primary { width: auto; color: #fff; } .modal-info .canceld { margin-top: 10px; } .modal-info .radio-button-container { margin-bottom: 0px; margin-left: 0px; margin-right: 6px; display: inline-block; font-weight: 500; padding-left: 22px; line-height: 12px; } .modal-info .choosy-button { text-align: left; margin-bottom: 0; } .modal-info .checkmark { border: 2px solid lch(84.58 3.93 251.39 / 0.6); height: 15px; width: 15px; } .modal-info .modal-box { width: 40%; } .modal-info .radio-button-container .checkmark:after { top: 2px; left: 2px; width: 7px; height: 7px; border-radius: 50%; } /*.select-menu {max-width: 330px;margin: 50px auto;}*/ .select-menu .select-btn { display: flex; /* height: 43px;*/ background: #fff; padding: 8px; font-size: 15px; font-weight: 400; border-radius: 0.25rem; align-items: center; cursor: pointer; justify-content: space-between; /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); */ border: 1px solid #ced4da; } .select-menu .options { position: absolute; width: 94%; overflow-y: auto; max-height: 110px; padding: 4px; margin-top: 10px; border-radius: 5px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-duration: 0.35s; animation-fill-mode: both; -webkit-animation-duration: 0.35s; -webkit-animation-fill-mode: both; } .select-menu .options .option { display: flex; height: 33px; cursor: pointer; padding: 0 16px; border-radius: 8px; align-items: center; background: #fff; font-weight: 500; } .select-menu .options .option:hover { background: #f2f2f2; } .select-menu .options .option i { font-size: 25px; margin-right: 12px; } .select-menu .options .option .option-text { font-size: 15px; color: #333; } .select-btn i { font-size: 13px; transition: 0.3s; } .select-menu.active .select-btn i { transform: rotate(-180deg); } .select-menu.active .options { display: block; opacity: 0; z-index: 10; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-duration: 0.4s; animation-fill-mode: both; -webkit-animation-duration: 0.4s; -webkit-animation-fill-mode: both; } @keyframes fadeInUp { from { transform: translate3d(0, 30px, 0); } to { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fadeInDown { from { transform: translate3d(0, 0, 0); opacity: 1; } to { transform: translate3d(0, 20px, 0); opacity: 0; } } .modal-info .defaultHeading h1, .modal-enquire .defaultHeading h1 { text-transform: capitalize; font-size: 20px; margin-left: 15px; } .modal-info .modal-box, .modal-enquire .modal-box { overflow: hidden; } @media (max-width599px) { .modal-info .modal-box, .modal-enquire .modal-box { width: 90%; } .modal-info .modal-box .form-group, .modal-enquire .modal-box .form-group { margin-bottom: 6px !important; } .modal-info .modal-box label, .modal-enquire .modal-box label { margin-bottom: 3px; } .modal-info .defaultHeading h1, .modal-enquire .defaultHeading h1 { font-size: 15px; } } .details-custom h6 { /*font-weight: 600;font-size: 20px;line-height: 22px;margin-bottom: 15px;color: #777;*/ } .details-custom h4 { text-align: center; margin: 27px 0 12px; text-transform: uppercase; font-weight: 600; } .details-custom h5 { margin: 10px 0 7px; text-align: center; } @media (max-width:599px) { .order_page { text-align: center; } .modal-info .modal-box { width: 90%; } } .slick-slider { margin-bottom: 0 !important; } a.business-img { height: 150px; display: block; overflow: hidden; } a.business-img img { object-fit: cover !important; } #food-slider { margin: 36px auto 22px; } section#browse-cat { padding: 40px 0; } #browse-cat .styled-heading h3, .categ .styled-heading h3, #browse-users .styled-heading h3 { padding: 0 0 7px; font-weight: 600; font-size: 2.75rem; } #browse-cat .styled-heading p, .categ .styled-heading p, #browse-users .styled-heading p { margin-top: 15px; color: #5b5b5b; letter-spacing: normal; } #filter-form .form-control{ font-size: 1.6rem; } @media (max-width:599px) { #food-slider .grid-part { height: auto; border-radius: 8px; width: 100%; /* display: inline-block;*/ margin: 10px 0 0; } /*.bottom-icons{display: none;}*/ .navbar-collapse { /* background: #f1f4f7;*/ margin: 10px 0; padding: 7px; } .home_page_navbar nav li a { padding: 6px 10px !important; } #food-slider .col-md-3.col-3 { padding-right: 8px !important; padding-left: 8px !important; } #food-slider { margin: 15px 0; } .row.grid-layout { padding-right: 11px; padding-left: 11px; } .grid-part img { border-radius: 8px; object-fit: cover; object-position: center; } .main-block.light-bg .styled-heading h3 { margin-bottom: 16px; } .single-listing-summary2 .media figure { margin-bottom: 0; } } .details-custom input[type=text], .details-custom input[type=password] { margin-bottom: 11px; } .details-option { /* margin: 7px;*/ background: #fff; padding: 16px 15px 6px; border-radius: 5px; margin-bottom: 7px; } .details-option h3 { margin: 3px 0 14px; } .order_page.orderInfoArea { /*display: none;*/ } .details-option .form-group { margin-bottom: 10px; } .total_sum_area .confirm_btn { width: 100%; } #order-page { margin: 25px 0; } .successMsg { width: 100%; } #order-page .successMsgArea.single__page__order { min-height: auto; } .confirmMsgArea h4 { text-align: center; margin: 27px 0 12px; font-size: 1.8rem; } .confirmMsgArea h5{ font-size: 1.5rem; } #order-page .successMsgArea.single__page__order { justify-content: start; } .userMenu .container-fluid { padding-right: 25px; padding-left: 25px; } @media (max-width:599px) { .successMsgArea.single__page__order { justify-content: center; } #order-page .col-md-12.total_sum_area { padding-bottom: 0; } .userMenu .container-fluid { padding-right: 2px; padding-left: 2px; } } .dropdown-item { white-space: wrap; } .navbar .business-container { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .custom-col { box-shadow: rgba(28, 28, 28, 0.08) 0px 2px 8px; } @media (min-width: 1600px) { .style_2 i.fa.fa-circle.veg_type { line-height: 15px; } } li.signin, li.log-in { background: rgba(84, 91, 98, .8); color: #fff; transition: all 0.3s; border: 1px solid; border-color: #fff; border-radius: 5px; } li.signin:hover, li.log-in:hover { background: rgba(227, 30, 36, 1); color: #fff; border: 1px solid rgba(227, 30, 36, 1); } .homeMenuNav li.nav-item.active { background: #d0dade70; padding-top: 6px; margin-bottom: -9px; padding: 6px 0 4px; /* border-top-right-radius: 12px; */ /* border-top-left-radius: 12px; */ margin-top: -8px; } .categ #catg-sec{ margin-top: 35px; } li.signin a, li.log-in a { color: #fff; text-transform: uppercase; letter-spacing: 2px; } li.signin:hover a, li.log-in:hover a { /*color:rgba(84, 91, 98, .8);*/ font-weight: 600; } li.log-in { padding: .5rem 1rem; margin-right: 8px; } .rightMenu { text-transform: capitalize; } @media (min-width:1500px) { .checkmark { height: 17px; width: 17px; } } @media (min-width: 1500px) { .style_2 i.fa.fa-circle.veg_type { line-height: 14px; } } @media (min-width:1500px) and (max-width:1700px) { .radio-button-container .checkmark:after { top: 3px; left: 3px; } } #itemModal { padding-right: 0 !important; } .modal.fade .modal-dialog.load { display: none; } @media (min-width:576px) { .modal.fade .modal-dialog.load { /* animation-name: zoom;animation-duration: .7s;animation-fill-mode: forwards;animation-timing-function: ease;*/ display: none; } } div#login-option :first-child { margin-left: 0; } #login-option .radio-button-container input:checked~.checkmark { border-color: #00a0e3; } #login-option .radio-button-container .checkmark:after { background: #00a0e3; } #login-option { text-align: left; } /*.wrapper{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}*/ .searchbox { position: relative; display: none; } .searchbox .input { width: 0px; border: 0px; height: 30px; padding: 0px 15px; border-radius: 5px; /*box-shadow: 0 0 15px 1px #b6bbc0;*/ outline: none; color: #999; background: transparent; font-size: 14px; transition: all 0.5s linear; background: #f1f4f7; } .searchbtn { position: absolute; top: 0; right: -1px; background: #fff; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; transition: all 0.5s 0.6s linear; background: transparent; } .searchbtn .fas { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #999; font-size: 20px; transition: all 0.5s 0.6s linear; } /* jquery class */ .searchbtn.bg-green { background: transparent; transition: all 0.2s linear; } .searchbtn .fas.color-white { color: #999; transition: all 0.2s linear; } .searchbox .input.active-width { width: 100%; } @media (max-width:599px) { .searchbox { display: inline-block; } .rightSearch { display: none; } .cartNofify { width: 100%; } .navbar-toggler { padding: 0; } .navbar-light .navbar-toggler { border-color: transparent; } #headers .d-flex.justify-content-center.w-100 { padding: 0; } .navbar-brand { padding-top: 0; padding-bottom: 0; } .modal-footer .btn { padding: .175rem .75rem; } .menu-btn { display: none; } .package_header_right a.btn { padding: .175rem .75rem; } .modal-info .defaultHeading h1 { font-size: 16px; } } .grp-btn .item-btn#tab1 { border-color: #4285f4; color: #4285f4; display: none; } .grp-btn .item-btn#tab2 { border-color: #ea4335; color: #ea4335; } .grp-btn .item-btn#tab3 { border-color: #fbbc05; color: #fbbc05; } .grp-btn .item-btn#tab4 { border-color: #34a853; color: #34a853; } .grp-btn .item-btn#tab1:hover { background-color: #4285f4; color: #fff; } .grp-btn .item-btn#tab2:hover { background-color: #ea4335; color: #fff; } .grp-btn .item-btn#tab3:hover { background-color: #fbbc05; color: #fff; } .grp-btn .item-btn#tab4:hover { background-color: #34a853; color: #fff; } @media (min-width: 992px) { .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; /*margin: 0 auto;*/ } } .single-listing-summary3 .entry-meta-rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; } .single-listing-summary3 .entry-meta-rating li i { margin-right: 5px; font-size: 14px; color: #ffb300; } a.opened-now { color: green; font-weight: 700; } a.closed-now { color: red; font-weight: 700; } #hoverlink.link { height: 20px; align-items: center; color: #000; text-decoration: none; display: flex; } /* Hide extra text */ #hoverlink .mask { position: relative; padding: 0; height: 16px; /* Remove overflow to see how it works　:) */ overflow: hidden; } #hoverlink .link-container span { padding: 0 5px; } #hoverlink .link-container { transition: transform 0.4s ease; } #hoverlink .title { display: block; /* Set same font-size and line height */ font-size: 16px; line-height: 20px; transition: transform 0.4s ease; } #hoverlink .link-title1 { transform-origin: right center; } #hoverlink .link-title2 { transform-origin: left center; transform: rotate(20deg); } /*#hoverlink .link-icon svg{width: 12px;height: 12px;}*/ #hoverlink .link-icon { position: relative; width: 25px; height: 25px; background: #ff9800; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-left: 5px; fill: #fff; /* Remove overflow to see how it works　:) */ overflow: hidden; } #hoverlink .icon { display: block; position: absolute; transition: transform 0.4s ease; } #hoverlink .icon:nth-child(2) { transform: translate(-40px); } /* Hover Action*/ /* Move up two texts (20px = font-size) */ #hoverlink.link:hover .link-container { transform: translateY(-20px); } /* Rotate texts a little bit */ #hoverlink.link:hover .link-title1 { transform: rotate(20deg); } #hoverlink.link:hover .link-title2 { transform: rotate(0); } /* Move arrows to right */ #hoverlink.link:hover .icon:first-child { transform: translate(40px); } #hoverlink.link:hover .icon:nth-child(2) { transform: translate(0px); } /*.header .navbar-brand img { filter: unset; }*/ .userMenu .navbar-brand img { filter: unset; } /*#about-section{background-color: #f0f0f0;}*/ /* gallery filter */ .gallery_sort1 { display: flex; align-items: center; padding: 0; margin: 0; flex-wrap: wrap; white-space: nowrap; } ul.gallery_sort1 li { margin: 0 5px 5px; } ul.gallery_sort1 li button:focus { outline: none; } ul.gallery_sort1 li button.active, ul.gallery_sort1 li button:hover { background: rgba(227, 30, 36, 1); color: #fff; transition: all .3s; } ul.gallery_sort1 li button { display: block; padding: 12px 25px; background: #fff; border: 0; border-radius: 5px; box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%); outline: none; transition: all .3s; } .gallery_top_menu1 { margin-bottom: 14px; } .gallery_sort1 li button.active { position: relative; } .gallery_sort1 li button.active::before { left: 0; } .text-center.seeMore_btn a:hover, .order-btn, .home-book-btn, button.btn.btn-primary.add_to_cart_form, button.btn.btn-primary.add_to_cart, button.btn.btn-primary.add_to_cart_btn, button.btn.btn-primary.confirm_btn, .order-btn.show_order_btn, .add_to_order { text-transform: capitalize; } .card-header { background-color: var(--defaultColor) !important; color: #fff; text-transform: capitalize; font-size: 16px; } .UserMobileMenu .cartFloatingIcon { bottom: -60px; } @media (max-width:991px) { .order_page.orderInfoArea .modal-footer { padding: 8px 0 !important; } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; } .navbar-nav .nav-link { padding: .5rem 1rem; } .gallery_sort { -ms-overflow-style: none; scrollbar-width: none; } .grp-btn .item-btn#tab1 { display: block !important; } } @media (min-width:720px) and (max-width: 1023px) { #food-slider .grid-part { display: none; } .business-container, .business-container.container { max-width: 710px !important; } .homeItemPcakage.specialties .col-lg-6.col-sm-6 { width: 33% !important; } .featured-title-box h6 { white-space: normal; } } @media only screen and (min-width:1024px) and (max-width:1366px) { #food-slider .slide-container .slide.fade, #food-slider .grid-part { height: 243px; } .single-listing-summary2 .col-xl-9 { width: 75%; } .single-listing-summary2 .col-xl-3.col-12 { width: 12%; max-width: 12%; } .catTop { height: 107px; /* width: 107px;*/ } } #signin .form { width: 50%; padding: 0 50px; } #signin .form__title { margin-bottom: 15%; /*font-family: "Montserrat", sans-serif;*/ font-size: 30px; font-weight: 700; text-align: center; text-transform: uppercase; } #signin .form__helper { position: relative; margin-bottom: 10%; } #signin .form__text { font-size: 18px; } #signin .form__link { color: #2E8E79; cursor: pointer; text-transform: uppercase; font-weight: 700; } #signin .form__label { position: absolute; bottom: 10px; left: 0; color: black; font-size: 16px; transition: 0.3s; } @media (min-width:1500px) { .left_top_login p { font-size: 20px; } } .single-listing-box-layout1 .listing-details-review ::-webkit-scrollbar { width: 6px; } .single-listing-box-layout1 .listing-details-review ul.review-items ::-webkit-scrollbar { width: 6px; height: 6px; } .single-listing-box-layout1 .listing-details-review ul.review-items ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 10px; border-radius: 10px; } .single-listing-box-layout1 .listing-details-review ul.review-items::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } .single-listing-box-layout1 .listing-details-review ul.review-items ::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.3); } .add-share-person h6 { font-size: 13px; font-weight: 400; color: #909090; text-transform: uppercase; color: #fff; } .date-category { font-size: 13px; line-height: 1.3em; font-weight: 400; color: #fff; text-transform: uppercase; letter-spacing: 2px; } .add-date { padding: 0 2px 0 0; display: inline-block; } .add-category { display: inline-block; vertical-align: top; padding: 0 2px; } @media (max-width:991px) { #headers .business-container { padding: 0; } } /* :root {--bg: #fdfdfd;--highlight1: #ed4264;--highlight2: #ffedbc;--color: #1a1e24;--font-number: Montserrat, Roboto, Helvetica, Arial, sans-serif;--font-head: "Space Mono", Consolas, Menlo, Monaco, "Courier New", monospace;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol";} */ .about_us_div .list { list-style: none; /*width: 600px;max-width: 90%;*/ margin-left: 0; padding-left: 10px; } .about_us_div .item { display: block; clear: both; counter-increment: list; padding-bottom: 1.5rem; font-size: 1.1rem; line-height: 1.375; position: relative; } #about-section h2 { margin-bottom: 4px; letter-spacing: 1px; } .about_us_div .item:before { font-weight: bold; font-size: 1.25rem; content: counter(list); width: 2rem; height: 2rem; float: left; margin: 5px 0.75rem 0.75rem 0; color: #fff; background: rgba(227, 30, 36, 1) linear-gradient(to bottom right, rgba(227, 30, 36, 1) 25%, #ffddc1); text-shadow: 0 0 2px rgba(227, 30, 36, 1); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; shape-outside: ellipse(); z-index: 1; } .about_us_div .item:after { width: 0.9rem; height: 0.9rem; position: absolute; top: 5px; left: 0; content: ""; background: rgba(227, 30, 36, 1); z-index: -1; border-top-left-radius: 3px; } .about_us_div .headline { padding: 0rem 0 0 0; margin: 0 0 1rem 0; } .main-block { padding: 1% 0; } .table-head { text-transform: uppercase; font-size: 18px; margin-bottom: 10px; } .shop-add { width: 70%; text-align: center; margin: 7px auto; font-size: 16px; } .trackLink a { font-size: 20px !important } .confirmMsgArea { text-transform: capitalize; margin-bottom: 10px; } .order_page .form-group { text-align: left; font-weight: 600; /*margin-bottom: 5%;*/ } .rwd-table { margin: auto; min-width: 300px; max-width: 100%; border-collapse: collapse; width: 100%; text-transform: capitalize; } /*.rwd-table tr:first-child {border-top: none;background: #f2f2f2;color: #222;}*/ .rwd-table tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff; } .rwd-table tr:nth-child(odd):not(:first-child) { /* background-color: #ebf3f9;*/ } .rwd-table th { display: none; } .rwd-table td { display: block; font-size: 14px; } .rwd-table td:first-child { margin-top: 0.5em; } .rwd-table td:last-child { margin-bottom: 0.5em; } .rwd-table td:before { content: attr(data-th) ": "; font-weight: 500; width: 120px; display: inline-block; color: #000; font-size: 14px; } .rwd-table th{ display: none; } .rwd-table th, .rwd-table td { text-align: left; } .rwd-table { color: #333; /* border-radius: 0.4em;*/ overflow: hidden; } .rwd-table tr { border-color: #bfbfbf; } .rwd-table th, .rwd-table td { padding: 0.5em 1em; } @media screen and (max-width: 601px) { .rwd-table tr:nth-child(2) { border-top: none; } } @media screen and (min-width: 600px) { .rwd-table tr:hover:not(:first-child) { background-color: #d8e7f3; } .rwd-table td:before { display: none; } .rwd-table th, .rwd-table td { display: table-cell; padding: 0.25em 0.5em; } .rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; } .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; } .rwd-table th, .rwd-table td { padding: 1em !important; } } div#detailsModal_52 .modal-body { padding: 0; } .order-head { text-align: center; margin-bottom: 15px; font-size: 20px; line-height: 25px; color: #000; text-transform: uppercase; } .table-responsive>.table-bordered { text-transform: capitalize; } ul.cartItems { background-color: #fff; padding: 10px; border-radius: 3px; } .bottomPrice { text-transform: capitalize; /*background-color: #fff;*/ border-radius: 3px; padding: 6px 10px; } .modal-footer { background-color: #fff; padding: 4px 7px; } /*.left_login_page.login_banner:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }*/ .login-decor { z-index: 9; } .topSigin p { font-size: 14px; letter-spacing: 1px; } .mcat { border-radius: 50%; width: 45px; height: 45px; margin: 0 auto; object-fit: cover; } .gallery_sort button span { font-size: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-wrap: wrap; } /*.business-container.style_2.theme_3 li{display: none;}*/ .object-cover { -o-object-fit: cover; object-fit: cover; } .rounded-lg { border-radius: .7rem; } .flex-shrink-0 { flex-shrink: 0; } .w-72 { width: 100px; height: 100px; border-radius: .7rem; } .gap-4 { gap: 1rem; } .new-menu-modal { padding: 1rem; } .capitalize { text-transform: capitalize; } .font-semibold { font-weight: 700; } .text-sm { font-size: .875rem; line-height: 1.25rem; } .text-xs { font-size: .75rem; line-height: 1rem; } .font-semibold { font-weight: 700; } #new-menu-modal .defaultHeading { padding: 1rem !important; padding-bottom: 0; } #new-menu-modal .defaultHeading p { margin-top: 6px; } .font-medium { font-weight: 500; } .leading-6 { line-height: 1.5rem; font-weight: 700; } .text-heading { color: #1f1f39; } .py-1 { padding-bottom: .25rem; padding-top: .25rem; } .px-2 { padding-left: .5rem; padding-right: .5rem; } .rounded-xl { border-radius: .75rem; } .bg-light-diff { background: #f7f7fc; } .border-light-diff { border-color: #f7f7fc; } #new-menu-modal .incress_area { display: flex; align-items: baseline; margin: 0 7px; } #new-menu-modal .listygo-text-box.listing-details-leave-review { box-shadow: none !important; } .swiper { display: block; list-style: none; /*margin-left: auto;margin-right: auto;*/ overflow: hidden; padding: 0; position: relative; z-index: 1; } .swiper-horizontal { touch-action: pan-y; } .swiper-wrapper { box-sizing: content-box; display: flex; height: 100%; position: relative; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); width: 100%; z-index: 1; } .swiper-slide { display: block; flex-shrink: 0; height: 100%; position: relative; transition-property: transform; width: 100%; } .w-fit { width: -moz-fit-content !important; width: fit-content !important; } .relative { position: relative !important; } .size-tabs .active { --tw-border-opacity: 1; --tw-bg-opacity: 1; background-color: rgb(220 234 255 / var(--tw-bg-opacity)); border-color: rgb(255 0 107 / var(--tw-border-opacity)); } .transition { transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: linear; } .min-w-120 { min-width: 120px; } .w-full { width: 100%; } .h-40 { height: 40px; } #new-menu-modal.modal-box label { display: flex; } .gap-2 { gap: .5rem; } .items-center { align-items: center; } .cursor-pointer { cursor: pointer; } .custom-radio.sm { height: .75rem; width: .75rem; } .custom-radio { cursor: pointer; height: 1rem; position: relative; width: 1rem; } .custom-radio-field, .custom-radio-span { cursor: pointer; height: 100%; position: absolute; width: 100%; } .custom-radio-span { --tw-border-opacity: 1; border-color: rgb(217 222 227 / var(--tw-border-opacity)); border-radius: 9999px; border-width: 1px; left: 0; text-align: center; top: 0; } .custom-radio.sm .custom-radio-field:checked+.custom-radio-span { border-width: 3px; } .size-tabs .active .custom-radio-field:checked+.custom-radio-span { --tw-border-opacity: 1; border-color: rgb(255 0 107 / var(--tw-border-opacity)); } #new-menu-modal .single_item_cart { width: 50%; border: 1px solid rgb(239 240 246); font-size: 12px; border-radius: 0.5rem; margin-bottom: 0.5rem; } #new-menu-modal .left_cart { padding: 5px; } #new-menu-modal .single_item_cart p { font-weight: 700; } #new-menu-modal .single_cart_item_details h4 { font-size: calc(11px + .1vw); margin-bottom: 5px; } .single-listing-share2 { text-align: end; } #new-menu-modal textarea::placeholder { font-size: 12px; color: #6E7191; } #new-menu-modal textarea { border-color: #D9DBE9; } #new-menu-modal .single_item_cart img { border-radius: 0.3rem; width: 72px; height: 72px; flex: 0 0 72px; } #new-menu-modal textarea:focus { border: none; outline: none; } #new-menu-modal.modal-box .close-forgot button { margin-left: 0; } #new-menu-modal button.cancelded.btn-secondary { display: none; } #new-menu-modal button.item-btn.btn-primary { width: 100%; border-radius: 1.5rem; } /*new*/ #new-menu-modal .defaultHeading h3 { font-weight: 600; font-size: 17px; } #new-menu-modal .defaultHeading p { margin: 10px 0; color: #8c8c8c; font-size: 13px; letter-spacing: 1px; } #new-menu-modal .defaultHeading h6 { margin-top: 10px; } #new-menu-modal .incress_area { display: flex; align-items: baseline; margin: 0 7px; background: #f9f9f9; padding: 5px; border-radius: 4px; } #new-menu-modal .text-heading { font-size: 15px; color: #1f1f39; letter-spacing: 1px; } .pg-title h1 { font-size: 16px; color: #333; } .header { margin: 0 auto; width: 100%; max-width: 100%; box-shadow: none; background-color: #fff; position: fixed; height: 50px !important; overflow: hidden; top: 0; z-index: 999; align-items: center; justify-content: space-between; padding: 0 15px; box-shadow: 0 0 4px #ddd; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ } #sidebarMenu { height: 100%; position: fixed; right: 0; width: 200px; padding-top: 20px; transform: translateX(258px); transition: transform 250ms ease-in-out; background: #fff; z-index: 999; top: 45px; box-shadow: -1px 18px 18px 0px rgba(214, 215, 235, 1); } .page_tit { display: flex; justify-content: flex-start; align-items: center; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ } .sidebarMenuInner { margin: 0; padding: 0; /* border-top: 1px solid rgba(255, 255, 255, 0.10);*/ } .sidebarMenuInner li { list-style: none; color: #fff; text-transform: uppercase; font-weight: 500; padding: 10px 20px; cursor: pointer; /* border-bottom: 1px solid rgba(255, 255, 255, 0.10);*/ } .sidebarMenuInner li span { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.50); } .sidebarMenuInner li a { color: #5b5b5b; text-transform: capitalize; font-weight: 500; cursor: pointer; text-decoration: none; } input[type="checkbox"]:checked~#sidebarMenu { transform: translateX(0); } input[type=checkbox] { transition: all 0.3s; box-sizing: border-box; /*display: none;*/ } .sidebarIconToggle { transition: all 0.3s; box-sizing: border-box; cursor: pointer; /*position: fixed;*/ z-index: 999; height: 100%; width: 100%; /*top: 18px;*/ /*right: 15px;*/ /*height: 22px;*/ width: 22px; margin: 0; } .spinner { transition: all 0.3s; box-sizing: border-box; position: absolute; height: 2px; width: 100%; background-color: #5b5b5b; } .horizontal { transition: all 0.3s; box-sizing: border-box; position: relative; float: left; margin-top: 4px; } .diagonal.part-1 { position: relative; transition: all 0.3s; box-sizing: border-box; float: left; } .diagonal.part-2 { transition: all 0.3s; box-sizing: border-box; position: relative; float: left; margin-top: 4px; } input[type=checkbox]:checked~.sidebarIconToggle>.horizontal { transition: all 0.3s; box-sizing: border-box; opacity: 0; } input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-1 { transition: all 0.3s; box-sizing: border-box; transform: rotate(135deg); margin-top: 8px; } input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-2 { transition: all 0.3s; box-sizing: border-box; transform: rotate(-135deg); margin-top: -9px; } @media (min-width:992px) { input#openSidebarMenu, .sidebarIconToggle, #sidebarMenu { display: none; } } @media (max-width:991px) { /* #menu-page .col-md-6 {width: 50%!important;}*/ div#detailsModal_52 .modal-body { padding: 0; } div#detailsModal_52 .table-bordered td, div#detailsModal_52 .table-bordered th { padding: 5px !important; font-size: 11px !important } .menu-div .col-md-6 { width: 50% !important; } .menu-div .row { align-items: center !important; padding: 0 0 0 10px; } #food-slider { padding-top: 15px; } /* a.navbar-icon{position: absolute;top: 11px;color: #fff;}*/ .navbar-icon i { color: #111; margin: 0px 3px; font-size: 22px; } .sidebarMenuInner li { text-align: center; margin: 8px 15px; padding: 6px 20px; border-radius: 7px; background: #ffffff29; } .sidebarMenuInner li i{ margin-right: 5px; font-size: 16px; } .single-breadcrumb { margin-top: 0; } .min-w-120 { min-width: 94px; } .login_signup a { background: #00a0e3; border-color: #00a0e3; color: #fff; padding: 4px 8px; transition: all .5s ease; border-radius: 5px; top: 13px; position: absolute; right: 112px; font-size: 12px; } .login_signup a i { margin-right: 6px; } .login_signup a.create_profile{ background: #00a0e3; border-color: #00a0e3; color: #fff; padding: 4px 6px; transition: all .5s ease; border-radius: 5px; top: 13px; position: absolute; right: 45px; font-size: 12px; text-transform: capitalize; } .login_signup { text-align: center; } .sidebarMenuInner li.active a { color: #fff; } #double-icon { position: relative; } #double-icon #searchbar.wrapper { display: inline-block; } #double-icon #searchbar .btn .fa { font-size: 18px; } #double-icon .sidebarIconToggle { position: fixed; top: 19px; right: 15px; z-index: 999; height: auto; } } .item_modal .close { position: absolute; top: 10px; right: 10px; } .w-90 { width: 90%; } .w-100 { width: 100%; } .modal-content { border-radius: 10px; } .singleItemDetails.homePackages {} .about-section { position: relative; padding: 0% 0 3%; } .about-section .content-column { position: relative; } .about-section .content-column .inner-column { position: relative; /*padding-right: 100px;*/ } .about-section .content-column .text, .about-section .content-column .text.main-line p { position: relative; color: #777777; font-size: 15px !important; line-height: 2em; margin-bottom: 20px; } .about-section .image-column { position: relative; /*margin-bottom: 50px;*/ } .about-section .image-column .inner-column { position: relative; } /*.about-section .image-column .inner-column:after {position: absolute;content: "";right: 0px;top: 0px;left: 40px;bottom: 100px;z-index: -1;border: 2px solid #d7a449;}*/ .about-section .image-column .inner-column .image { position: relative; } .about-section .image-column .inner-column .image img { position: relative; width: 100%; display: block; border-radius: 15px; /*-webkit-box-shadow: 0px 0px 14px 0px rgba(150, 150, 150, 1); -moz-box-shadow: 0px 0px 14px 0px rgba(150, 150, 150, 1); box-shadow: 0px 0px 14px 0px rgba(150, 150, 150, 1);*/ height: 100%; max-height: 400px; object-fit: cover; } .row.first-para { margin-bottom: 30px; } .about-section.image-column.inner-column.image.overlay-box.year-box.number { position: absolute; left: 0px; top: 0px; width: 110px; height: 110px; color: #d7a449; font-size: 68px; font-weight: 700; line-height: 105px; text-align: center; background-color: #ffffff; border: 1px solid #000000; } .about-section .btn-style-three:before { position: absolute; content: ""; left: 10px; top: 10px; z-index: -1; right: -10px; bottom: -10px; background: url(https://i.ibb.co/DKn55Qz/pattern-1.jpg) repeat; } .about-section .btn-style-three:hover { color: #ffffff; background: #d7a449; } .about-section .btn-style-three { position: relative; line-height: 24px; color: #252525; font-size: 15px; font-weight: 700; background: none; display: inline-block; padding: 11px 40px; background-color: #ffffff; text-transform: capitalize; border: 2px solid #d7a449; } .sec-title2 { color: #fff; } .sec-title { position: relative; padding-bottom: 20px; } .sec-title .title { position: relative; color: #d7a449; font-size: 18px; font-weight: 700; margin-bottom: 15px; display: inline-block; text-transform: capitalize; } .testimonial .heading { text-align: center; color: #454343; font-size: 30px; font-weight: 700; position: relative; margin-bottom: 30px; text-transform: uppercase; z-index: 999; } .testimonial .white-heading { color: #ffffff; } .testimonial .heading:after { content: " "; position: absolute; top: 100%; left: 50%; height: 40px; width: 180px; border-radius: 4px; transform: translateX(-50%); background: url(img/heading-line.png); background-repeat: no-repeat; background-position: center; } .testimonial .white-heading:after { background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png); background-repeat: no-repeat; background-position: center; } .testimonial .heading span { font-size: 18px; display: block; font-weight: 500; } .testimonial .white-heading span { color: #ffffff; } /*-----Testimonial-------*/ .testimonial:after { position: absolute; top: -0 !important; left: 0; content: " "; background: url(img/testimonial.bg-top.png); background-size: 100% 100px; width: 100%; height: 100px; float: left; z-index: 99; } .testimonial { min-height: 375px; position: relative; background: url(/uploads/testbg.webp); padding-top: 50px; padding-bottom: 50px; background-position: center; background-size: cover; } #testimonial4 .carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab; } #testimonial4 .carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; } #testimonial4 .carousel-inner .item { overflow: hidden; } .testimonial4_indicators .carousel-indicators { left: 0; margin: 0; width: 100%; font-size: 0; height: 20px; bottom: 15px; padding: 0 5px; cursor: e-resize; overflow-x: auto; overflow-y: hidden; position: absolute; text-align: center; white-space: nowrap; } .testimonial4_indicators .carousel-indicators li { padding: 0; width: 14px; height: 14px; border: none; text-indent: 0; margin: 2px 3px; cursor: pointer; display: inline-block; background: #ffffff; -webkit-border-radius: 100%; border-radius: 100%; } .testimonial4_indicators .carousel-indicators .active { padding: 0; width: 14px; height: 14px; border: none; margin: 2px 3px; background-color: #9dd3af; -webkit-border-radius: 100%; border-radius: 100%; } .testimonial4_indicators .carousel-indicators::-webkit-scrollbar { height: 3px; } .testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb { background: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } .testimonial4_control_button .carousel-control { top: 175px; opacity: 1; width: 40px; bottom: auto; height: 40px; font-size: 10px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 38px; text-shadow: none; text-align: center; position: absolute; background: transparent; border: 2px solid #ffffff; text-transform: uppercase; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.6s cubic-bezier(0.3, 1, 0, 1); transition: all 0.6s cubic-bezier(0.3, 1, 0, 1); } .testimonial4_control_button .carousel-control.left { left: 7%; top: 50%; right: auto; } .testimonial4_control_button .carousel-control.right { right: 7%; top: 50%; left: auto; } .testimonial4_control_button .carousel-control.left:hover, .testimonial4_control_button .carousel-control.right:hover { color: #000; background: #fff; border: 2px solid #fff; } .testimonial4_header { top: 0; left: 0; bottom: 0; width: 550px; display: block; margin: 30px auto; text-align: center; position: relative; } .testimonial4_header h4 { color: #ffffff; font-size: 30px; font-weight: 600; position: relative; letter-spacing: 1px; text-transform: uppercase; } .testimonial4_slide { top: 0; left: 0; right: 0; bottom: 0; width: 70%; margin: auto; padding: 20px; position: relative; text-align: center; } .testimonial4_slide img { top: 0; left: 0; right: 0; width: 136px; height: 136px; margin: auto; display: block; color: #f2f2f2; font-size: 18px; line-height: 46px; text-align: center; position: relative; border-radius: 50%; box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23); -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23); -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23); -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23); } .testimonial4_slide p { color: #ffffff; font-size: 20px; line-height: 1.4; margin: 40px 0 20px 0; } .testimonial4_slide h4 { color: #ffffff; font-size: 22px; } .testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon { width: 25px; height: 25px; } /* ------testimonial close-------*/ div#contact-page { background: #f9f9f9; } .theme_5 .contact_top .defaultHeading p { /* line-height: 28px; font-size: 20px;*/ } .modal_Heading { font-size: 16px; margin-bottom: 5px; font-weight: 500 !important; } .special-pack .single_items_img { width: 100px; height: 100px; object-fit: cover; display: inline-block; } .special-pack .single_item_details { display: inline-block; width: 70%; } .single_item.special-pack { display: flex; padding: 15px; align-items: flex-start; } .form-group label { text-transform: capitalize; font-size: 14px; } .bottom-sec ul.row_ul2 li a { /*font-size: 20px; line-height: 40px;*/ } @media (max-width:599px) { .navbar-icon { padding: 5px 0; display: inline-block; position: absolute; top: 9px; color: #333; margin-right: 10px; } } .single-listing-share2 .row { display: flex; column-gap: 15px; } .text-say { /* width:57%;*/ filter: brightness(0) invert(1); text-align: end; margin-right: 10px; } .scan-head { display: flex; align-items: center; } .text-say img { width: 27%; margin-left: auto; } .home_page_navbar nav li.active a, .home_page_navbar nav li a:hover { color: #fff!important } .home_page_navbar nav li.active a, .home_page_navbar nav li a:hover, .learn_more_link, .features-wrap i { font-weight: 600; } .download_btn_area .btn-info { background-color: #00a0e3; border-color: #00a0e3; font-size: 1.4rem; } .fix { overflow: hidden; } .about-section { position: relative; } .section-bg { background-color: var(--bg); } .container { max-width: 1400px !important; } .section-padding { padding: 5% 0; } /* background */ /*#about-page .bg-cover {background-repeat: no-repeat;background-size: cover;position: relative;background-position: center;width: 100%;height: 100%;}*/ div#about-page { padding-top: 72px; } #about-page a:hover { --bs-link-color-rgb: green; color: #fff } .breadcrumb-wrapper .page-heading { position: relative; padding: 48px 0; } .breadcrumb-wrapper .page-heading { position: relative; padding: 120px 0; } .bg-cover { background-repeat: no-repeat; background-size: cover; position: relative; background-position: center; width: 100%; height: 100%; background-color: #fff; } .about-wrapper .about-image .since-text { padding: 25px 30px; background-color: var(--theme3); position: absolute; right: 20px; bottom: 45px; border-radius: 14px; transform: rotate(-25.477deg); width: initial; height: initial; } .center { text-align: center; margin: 0 auto; } .breadcrumb-wrapper .page-heading h1 { color: #fff; font-size: 70px; position: relative; z-index: 9; } .breadcrumb-wrapper .page-heading .breadcrumb-items { display: flex; align-items: center; justify-content: center; margin-top: 20px; gap: 10px; } .breadcrumb-wrapper .page-heading .breadcrumb-items li { font-size: 20px; color: #00a0e3; font-weight: 600; text-transform: uppercase; } .breadcrumb-wrapper .page-heading .breadcrumb-items li a { color: #00a0e3; transition: all 0.4s ease-in-out; } .breadcrumb-wrapper .page-heading .breadcrumb-items li i { font-size: 20px; color: #00a0e3; } .fa-chevron-right:before { content: "\f054"; } .about-wrapper .about-image { position: relative; } .about-wrapper .about-image img { width: 100%; height: 100%; } .about-wrapper .about-image .burger-text { position: absolute; top: 0; left: 0; animation: 4s ease 0s infinite alternate forwards running tpswing; } .about-wrapper .about-image .price { position: absolute; left: 10%; bottom: 20px; } .about-wrapper .about-image .price h2 { font-size: 80px; } .about-wrapper .about-image .since-text { padding: 25px 30px; background-color: #ffb936; position: absolute; right: 20px; bottom: 45px; border-radius: 14px; transform: rotate(-25.477deg); width: initial; height: initial; } .about-wrapper .about-image .since-text h3 { color: white; } .about-wrapper .about-content { margin-left: 20px; } .section-title { position: relative; z-index: 99; margin-bottom: 30px; margin-top: -6px; } .section-title span { color: red; margin-bottom: 5px; display: inline-block; font-weight: 700; text-transform: uppercase; } .text-color { color: #212121 !important; } .about-wrapper .about-content .icon-area { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; gap: 10px; } .about-wrapper .about-content .icon-area .icon-items { gap: 20px; } .about-wrapper .about-content .icon-area .icon-items .icon { font-size: 55px; color: red; } .flaticon-quality:before { content: "\f10b"; } .flaticon-reputation:before { content: "\f111"; } .about-wrapper .about-content .icon-area .icon-items .content h4 { margin-bottom: 5px; } .about-wrapper .about-content .icon-area .icon-items .content p { color: black; } .about-wrapper .about-content .info-area { margin-top: 40px; gap: 22px; flex-wrap: wrap; } .theme-btn { position: relative; display: inline-block; overflow: hidden; vertical-align: middle; font-size: 16px; line-height: 1; font-weight: 600; padding: 15px; color: white; text-align: center; border-radius: 9px; letter-spacing: 0.8px; z-index: 1; transition: all 500ms ease; background-color: red; text-transform: uppercase; } .othersLogin ul li a { margin-left: 5px; } .user-panel>.image>img { object-fit: contain !important; } @media (max-width: 991px) { .right_form_login.loginForm .topSigin { padding-top: 0 !important; } .login_form .form-group p { font-size: 16px !important; } .user_login_header { margin-bottom: 20px !important; } .login_content input[type=checkbox] { margin-left: 0 !important } .login_content { padding-top: 0 !important } .theme-btn { padding: 16px 36px; font-size: 16px; } .theme-btn i { font-size: 22px; } } .theme-btn i { margin-right: 10px; font-size: 24px; } .theme-btn::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0, 0); z-index: -1; transition: all 500ms ease; } .theme-btn:hover::before { background-color: red; transform: scale(1, 1); } .theme-btn.bg-white { background-color: white; color: var(--header); } .theme-btn.bg-white i { color: red; transition: all 0.4s ease-in-out; } .theme-btn.bg-white:hover { color: white; } .theme-btn.bg-white:hover::before { background-color: #ffb936; } .theme-btn.bg-white:hover i { color: white; } .theme-btn.bg-yellow { background-color: #ffb936; color: var(--header); font-weight: 700; } .theme-btn.bg-yellow i { margin-left: 10px; color: var(--header); } .theme-btn.bg-yellow:hover { color: var(--header); } .theme-btn.bg-yellow:hover::before { background-color: white; } .theme-btn.bg-red { background-color: red; color: white; border-radius: 0; } .theme-btn.bg-red:hover { color: var(--header); } .theme-btn.bg-red:hover::before { background-color: white; } .theme-btn.bg-red-2 { background-color: red; color: white; border-radius: 7px; } .theme-btn.bg-red-2:hover { color: white; } .theme-btn.bg-red-2:hover::before { background-color: red; } .theme-btn.style-box-shadow { border-radius: 8px; background: red; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.07); color: white; font-weight: 700; } .theme-btn.style-box-shadow:hover { color: white; } .theme-btn.style-box-shadow:hover::before { background-color: red; } .theme-btn.bg-transparent { background: transparent; border: 1px solid white; color: white; border-radius: 0; } .theme-btn.bg-transparent:hover { color: var(--header); } .theme-btn.bg-transparent:hover::before { background-color: white; } .theme-btn.cart-btn { background-color: red; color: white; border-radius: 0; font-weight: 600; padding: 16px 25px; } .theme-btn.cart-btn i { font-size: 16px; color: white !important; } .theme-btn.cart-btn:hover { color: white; } .theme-btn.cart-btn:hover::before { background-color: #ffb936; } @media (max-width: 1399px) { .theme-btn.cart-btn { padding: 15px 20px; } } @media (max-width: 1199px) { .theme-btn.cart-btn { padding: 16px 25px; } } .theme-btn.style-line-height { line-height: 1.5; } @media (max-width: 767px) { .theme-btn { padding: 14px 32px; font-size: 14px; } .theme-btn i { font-size: 20px; } } .theme-btn-2 { position: relative; display: inline-block; overflow: hidden; vertical-align: middle; font-size: 16px; line-height: 1; font-weight: 600; padding: 10px 50px; color: white; text-align: center; z-index: 1; transition: all 500ms ease; background-color: var(--header); text-transform: capitalize; border-radius: 19px; width: 100%; } .theme-btn-2 i { font-size: 17px; margin-right: 10px; } .theme-btn-2::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0, 0); z-index: -1; transition: all 500ms ease; } .theme-btn-2:hover::before { background-color: red; transform: scale(1, 1); } .link-btn { text-transform: capitalize; font-size: 18px; color: white; font-weight: 500; display: inline-block; background-image: linear-gradient(red, red); background-position: 0 95%; background-repeat: no-repeat; background-size: 0% 2px; } .link-btn i { margin-left: 10px; font-size: 14px; } .link-btn.style-2 { text-transform: uppercase; font-weight: 600; font-size: 16px; color: white; overflow: hidden; background-image: linear-gradient(red, red); background-position: 0 95%; background-repeat: no-repeat; background-size: 0% 2px; } .link-btn.style-2 i { color: white; font-size: 16px; } .link-btn.style-2:hover { background-size: 100% 1px; color: red; } .link-btn.style-2:hover i { color: red; } .link-btn.color-red { text-transform: uppercase; font-weight: 700; font-size: 16px; color: var(--header); overflow: hidden; background-image: linear-gradient(red, red); background-position: 0 95%; background-repeat: no-repeat; background-size: 0% 2px; } .link-btn.color-red i { color: var(--header); font-size: 16px; } .link-btn.color-red:hover { background-size: 100% 1px; color: red; } .link-btn.color-red:hover i { color: red; } .link-btn:hover { background-size: 100% 1px; color: red; } .link-btn:hover i { color: red; } .link-btn.hover-style:hover { color: #ffb936; } .link-btn.hover-style:hover i { color: #ffb936; } .about-wrapper .about-content .info-area .info-content { width: 60%; } .about-wrapper .about-content .info-area .info-content span { font-size: 16px; font-weight: 600; color: red; } @-webkit-keyframes video-animation { 0% { transform: scale(1); } 50% { transform: scale(1.5); } 100% { opacity: 0; transform: scale(2); } } @keyframes video-animation { 0% { transform: scale(1); } 50% { transform: scale(1.5); } 100% { opacity: 0; transform: scale(2); } } @keyframes cir36 { 100% { transform: rotate(360deg); } } @keyframes rounded { 50% { transform: rotate(15deg); } } @keyframes rounded-2 { 50% { transform: rotate(5deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .animation__rotate { -webkit-animation: rotate 40s linear infinite; animation: rotate 40s linear infinite; } @-webkit-keyframes spinner { to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes spinner { to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @-webkit-keyframes letters-loading { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } @keyframes letters-loading { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } @keyframes loaderspin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes tpswing { 0% { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes width { 0% { width: 0%; } 100% { width: 100%; } } @-webkit-keyframes width { 0% { width: 0%; } 100% { width: 100%; } } @-webkit-keyframes loaderspin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes loaderpulse { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } .float-bob-y { -webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes float-bob-y { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } @keyframes float-bob-y { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } @keyframes scale-up-two { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 40% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes shine { from { -webkit-mask-position: 150%; } to { -webkit-mask-position: -50%; } } .main-cta-banner { position: relative; } .main-cta-banner::before { position: absolute; top: -12px; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--bg); } .main-cta-banner-wrapper { padding: 120px 100px; border-radius: 20px; position: relative; z-index: 9; } @media (max-width: 1199px) { .main-cta-banner-wrapper { padding: 120px 60px; } } @media (max-width: 767px) { .main-cta-banner-wrapper { padding: 70px 50px; text-align: center; } } @media (max-width: 575px) { .main-cta-banner-wrapper { padding: 60px 40px; } } .main-cta-banner-wrapper .arrow-shape { position: absolute; top: 18%; left: 50%; } @media (max-width: 767px) { .main-cta-banner-wrapper .arrow-shape { display: none; } } .main-cta-banner-wrapper .frame-shape { position: absolute; top: 20%; left: 42%; } @media (max-width: 767px) { .main-cta-banner-wrapper .frame-shape { display: none; } } .main-cta-banner-wrapper .delivery-man { position: absolute; right: 0; bottom: 0; top: -10%; } @media (max-width: 1199px) { .main-cta-banner-wrapper .delivery-man { right: -35px; } } @media (max-width: 991px) { .main-cta-banner-wrapper .delivery-man { width: 320px; top: 30%; } .main-cta-banner-wrapper .delivery-man img { width: 100%; } } @media (max-width: 767px) { .main-cta-banner-wrapper .delivery-man { display: none; } } .main-cta-banner-2 { position: relative; } .main-cta-banner-2 .tomato-shape-left { position: absolute; left: 0; bottom: 0; } .main-cta-banner-2 .chili-shape-right { position: absolute; top: 30%; right: 0; } .main-cta-banner-wrapper-2 { position: relative; } @media (max-width: 767px) { .main-cta-banner-wrapper-2 { flex-wrap: wrap; gap: 30px; justify-content: center !important; text-align: center; } } .main-cta-banner-wrapper-2 .delivery-man { position: absolute; right: 15%; bottom: -30%; } @media (max-width: 1399px) { .main-cta-banner-wrapper-2 .delivery-man { right: 22%; bottom: -55%; width: 400px; } .main-cta-banner-wrapper-2 .delivery-man img { width: 100%; height: 100%; } } @media (max-width: 1199px) { .main-cta-banner-wrapper-2 .delivery-man { width: 350px; } } @media (max-width: 991px) { .main-cta-banner-wrapper-2 .delivery-man { display: none; } } .main-cta-banner-wrapper-3 { position: relative; padding: 100px; background-attachment: fixed; } @media (max-width: 991px) { .main-cta-banner-wrapper-3 { padding: 80px 50px; } } @media (max-width: 1199px) { .main-cta-banner-wrapper-3 { padding: 90px 70px; } } @media (max-width: 575px) { .main-cta-banner-wrapper-3 { padding: 60px 40px; } } .main-cta-banner-wrapper-3 .fry-shape { position: absolute; top: 40px; left: 40px; z-index: 9; animation: 4s linear 0s infinite normal none running rounded; } .main-cta-banner-wrapper-3 .frame-shape { position: absolute; top: 55px; left: 60%; z-index: 9; } @media (max-width: 991px) { .main-cta-banner-wrapper-3 .frame-shape { display: none; } } .main-cta-banner-wrapper-3 .frame-shape-2 { position: absolute; top: 40px; right: 40px; z-index: 9; animation: 3s linear 0s infinite normal none running rounded; } .main-cta-banner-wrapper-3::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(180deg, #F4F1EA 67.2%, rgba(244, 241, 234, 0) 100%); } .main-cta-banner-wrapper-3 .cta-content { position: relative; z-index: 9; } .main-cta-banner-wrapper-3 .cta-content h3 { font-size: 48px; text-transform: capitalize; color: var(--header); font-weight: 700; margin-bottom: 15px; } @media (max-width: 1199px) { .main-cta-banner-wrapper-3 .cta-content h3 { font-size: 42px; } } @media (max-width: 575px) { .main-cta-banner-wrapper-3 .cta-content h3 { font-size: 34px; margin-bottom: 10px; } } .main-cta-banner-wrapper-3 .newsletter-items { position: relative; z-index: 9; } .main-cta-banner-wrapper-3 .newsletter-items input { width: 100%; background-color: var(--white); border: none; outline: none; text-transform: capitalize; font-size: 16px; color: var(--text); padding: 20px 50px; position: relative; } .main-cta-banner-wrapper-3 .newsletter-items .icon { position: absolute; left: 20px; top: 20px; font-size: 16px; color: var(--text); } .main-cta-banner-wrapper-3 .newsletter-items .input-save { margin-top: 20px; } .main-cta-banner-wrapper-3 .newsletter-items .input-save input { width: 15px; height: 15px; border: 1px solid rgba(12, 15, 38, 0.2); background-color: red; outline: none; color: red; padding: 5px; border-radius: 0; } .main-cta-banner-wrapper-3 .newsletter-items .input-save label { margin-left: 10px; color: var(--text); text-transform: capitalize; font-size: 16px; } .main-cta-banner-wrapper-3 .newsletter-items .input-save label a { font-weight: 500; color: var(--header); text-decoration: underline; } .food-banner-section { position: relative; } .food-banner-section .chili-shape { position: absolute; bottom: 15%; left: 0; } .food-banner-section .fry-shape { position: absolute; right: 2%; } .food-banner-section .burger-shape-2 { position: absolute; right: 3%; bottom: 0; } .single-offer-items { border-radius: 20px; position: relative; overflow: hidden; } .single-offer-items .offer-image { position: absolute; bottom: 15px; left: 0; z-index: 9; -webkit-animation: scale-up-two 6s infinite linear; animation: scale-up-two 6s infinite linear; } @media (max-width: 1199px) { .single-offer-items .offer-image { bottom: 0px; left: 190px; } } @media (max-width: 767px) { .single-offer-items .offer-image { display: none; } } .single-offer-items .burger-text { position: absolute; right: 20%; top: 0; animation: rounded 4s linear infinite; z-index: 9; } @media (max-width: 575px) { .single-offer-items .burger-text { right: 0; } } .single-offer-items .main-food { position: absolute; right: -20px; bottom: -5px; transition: all 0.4s ease-in-out; } @media (max-width: 575px) { .single-offer-items .main-food { width: 250px; } .single-offer-items .main-food img { width: 100%; } } .single-offer-items .offer-content { padding: 50px; position: relative; z-index: 99; } @media (max-width: 1199px) { .single-offer-items .offer-content { padding: 100px 50px; } } @media (max-width: 767px) { .single-offer-items .offer-content { padding: 90px 30px; } } .single-offer-items .offer-content h5 { font-weight: 700; color: red; margin-bottom: 5px; } .single-offer-items .offer-content h3 { font-size: 55px; color: var(--white); } .single-offer-items.style-2 .offer-content { padding: 47px 45px; } @media (max-width: 575px) { .single-offer-items .offer-content h3 { font-size: 42px; } .single-offer-items.style-2 .offer-content { padding: 45px 24px; } } .single-offer-items.style-2 .offer-content h3 { font-size: 55px; margin-bottom: 5px; } .single-offer-items.style-2 .offer-content h3 { font-size: 35px; } @media (max-width: 575px) { .single-offer-items.style-2 .offer-content h3 { font-size: 22px; margin-bottom: 16px; } .single-offer-items.style-2 .offer-content p { display: none; } .single-offer-items .offer-content h5 { font-size: 16px; } } .single-offer-items.style-2 .offer-content p { font-size: 16px; font-weight: 500; color: var(--white); } .single-offer-items.style-2 .offer-img { position: absolute; top: 30%; left: 43%; -webkit-animation: scale-up-two 6s infinite linear; animation: scale-up-two 6s infinite linear; } @media (max-width: 1399px) { .single-offer-items.style-2 .offer-img { top: 15%; left: 58%; } } @media (max-width: 1199px) { .single-offer-items.style-2 .offer-img { top: 30%; left: 43%; } } @media (max-width: 767px) { .single-offer-items.style-2 .offer-img { top: 15%; left: 60%; } } .single-offer-items.style-2 .roller-box { position: absolute; right: -20px; bottom: -10px; transition: all 0.4s ease-in-out; } @media (max-width: 1399px) { .single-offer-items.style-2 .roller-box { width: 300px; } .single-offer-items.style-2 .roller-box img { width: 100%; height: 100%; } } @media (max-width: 1199px) { .single-offer-items.style-2 .roller-box { width: initial; } } @media (max-width: 575px) { .single-offer-items.style-2 .roller-box { width: 170px; right: 0; bottom: 0; } .single-offer-items.style-2 .roller-box img { width: 100%; height: 100%; } .single-offer-items.style-2 .offer-img { display: none; } .theme-btn { padding: 11px 13px; font-size: 14px; } } .single-offer-items.style-2:hover .roller-box { right: -50px; } .single-offer-items.style-3 { border-radius: 9px; } .single-offer-items.style-3 .offer-content { margin-bottom: 20px; padding: 50px 35px; position: relative; z-index: 9; } .single-offer-items.style-3 .offer-content h3 { margin-bottom: 20px; font-size: 38px; font-weight: 700; } .single-offer-items.style-3 .offer-image-2 { position: absolute; top: 0; right: 5%; animation: 4s linear 0s infinite normal none running rounded; } .single-offer-items.style-3 .small-pizza { position: absolute; bottom: 0; right: 0; transition: all 0.4s ease-in-out; } .single-offer-items.style-3 .french-content { padding: 50px 35px; position: relative; z-index: 9; } .single-offer-items.style-3 .french-content span { font-size: 14px; color: red; font-weight: 500; } .single-offer-items.style-3 .french-content h4 { font-size: 26px; font-style: italic; color: var(--white); text-transform: capitalize; font-weight: 500; color: #ffb936; margin-bottom: 10px; } .single-offer-items.style-3 .french-content h4 span { font-size: 14px; font-family: "Barlow Condensed", sans-serif; margin-right: 5px; color: var(--white); } .single-offer-items.style-3 .french-content h3 { font-size: 40px; color: var(--white); margin-bottom: 10px; } .single-offer-items.style-3 .french-content h5 { color: var(--white); text-transform: capitalize; margin-bottom: 40px; font-weight: 500; } .single-offer-items.style-3 .french-content .theme-btn { background-color: #ffb936 !important; padding: 16px 40px; } .single-offer-items.style-3 .french-content .theme-btn .button-content-wrapper .button-icon i { margin-left: 10px; } .single-offer-items.style-3 .french-content .theme-btn .button-content-wrapper .button-text { font-weight: 600; color: var(--header) !important; font-size: 18px; text-transform: capitalize; } .single-offer-items.style-3 .french-content .theme-btn:hover { color: var(--header); } .single-offer-items.style-3 .french-content .theme-btn:hover::before { background-color: var(--white); } .single-offer-items.style-3 .french-image { position: absolute; bottom: 0; right: 0; transition: all 0.4s ease-in-out; } .single-offer-items.style-3 .noodles-image { position: absolute; right: 0; bottom: 40px; width: 205px; transition: all 0.4s ease-in-out; } .single-offer-items.style-3 .noodles-image img { width: 100%; height: 100%; } .single-offer-items.style-3 .chicken-image { position: absolute; right: 0; bottom: 0; transition: all 0.4s ease-in-out; } .single-offer-items.style-3 .offer-shape-3 { position: absolute; right: 30%; top: 20%; animation: 4s linear 0s infinite normal none running rounded; } .single-offer-items.style-3 .main-food-3 { position: absolute; right: 0; bottom: 0; transition: all 0.4s ease-in-out; } .single-offer-items.style-3:hover .small-pizza, .single-offer-items.style-3:hover .chicken-image { transform: scale(1.1); } .single-offer-items.style-3:hover .french-image { right: -30px; } .single-offer-items.style-3:hover .main-food-3 { transform: scale(1.1); } .single-offer-items.style-3:hover .noodles-image { right: -30px; } .single-offer-items.style-4 { border-radius: 0; padding: 60px 45px; overflow: hidden; } .single-offer-items.style-4 .burger-comboo-content { position: relative; z-index: 9; } .single-offer-items.style-4 .burger-comboo-content h4 { font-size: 26px; font-weight: 500; text-transform: capitalize; color: #ffb936; } @keyframes scroll { from { transform: translateX(0px); } to { transform: translateX(-100%); } } #scroller { display: inline-block; background-color: transparent; white-space: nowrap; overflow-x: auto; overflow-y: hidden; position: relative; z-index: 10; } #scroller-1 { white-space: nowrap; display: inline-block; animation-name: scroll; animation-duration: 90s; animation-timing-function: linear; animation-iteration-count: infinite; } .burger-content { padding: 100px 40px; max-width: 300px; position: relative; z-index: 9; } .burger-content h1, .burger-content h2, .burger-content h3, .burger-content h4, .burger-content h5, .burger-content h6 { margin: 0px; padding: 0; text-transform: uppercase; transition: all 0.4s ease-in-out; } .burger-content h3 { font-size: 33px; font-weight: 700; } .burger-content h2 { font-size: 46px; line-height: 110%; font-weight: 700; } .single-offer-items .offer-content h5 { text-transform: uppercase; } .burger-banner-items .text-shape { top: 20px; } .burger-banner-items .burger-content h4 { font-size: 31px; margin-top: 10px; } /* Hide scrollbar for Chrome, Safari and Opera */ #scroller::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ #scroller { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .food-processing-wrapper { position: relative; } .food-processing-wrapper::before { position: absolute; top: 50%; left: 100px; width: 80%; height: 1px; content: ""; background-image: url(/assets/frontend/images/border.png); } .food-processing-wrapper .food-processing-items.style-2 { border: none; } .food-processing-wrapper .food-processing-items { margin-top: 30px; transition: all 0.4s ease-in-out; border: 1px dotted transparent; padding: 50px 50px; border-radius: 17px; position: relative; } .center { text-align: center; margin: 0 auto; } .food-processing-wrapper .food-processing-items .food-processing-image { position: relative; height: 236px; } .food-processing-wrapper .food-processing-items .food-processing-image .number { width: 40px; height: 40px; line-height: 40px; background-color: green; border-radius: 50%; position: absolute; top: 25px; right: 53%; opacity: 0; transition: all 0.4s ease-in-out; } .food-processing-wrapper .food-processing-items .food-processing-image .number span { font-size: 16px; font-weight: 700; color: #fff; } .food-processing-wrapper .food-processing-items .food-processing-content { margin-top: 15px; } .food-processing-wrapper .food-processing-items .food-processing-content h3 { font-size: 22px; margin-bottom: 10px; color: #212121; text-transform: uppercase; font-weight: 500; } .food-processing-wrapper .food-processing-items .food-processing-content p { color: #5C5C5B; } .food-processing-wrapper .food-processing-items.style-2.active { background-color: rgb(227 30 36); } .food-processing-wrapper .food-processing-items.active { background-color: #fff; border-radius: 17px; border: 1px dotted #5C5C5B; } .food-processing-wrapper .food-processing-items.style-2 { border: none; } .food-processing-wrapper .food-processing-items { margin-top: 30px; transition: all 0.4s ease-in-out; border: 1px dotted transparent; padding: 50px 50px; border-radius: 17px; position: relative; } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .food-processing-wrapper .food-processing-items.active .food-processing-image .number { opacity: 1; } .food-processing-wrapper .food-processing-items.style-2.active h3, .food-processing-wrapper .food-processing-items.style-2.active p { color: #fff; } .food-processing-wrapper .food-processing-items.style-2:hover { background-color: rgb(227 30 36); } .food-processing-wrapper .food-processing-items.style-2:hover h3, .food-processing-wrapper .food-processing-items.style-2:hover p { color: #fff; } .food-processing-wrapper .food-processing-items:hover { background-color: #fff; border: none; } .food-processing-wrapper .food-processing-items:hover .food-processing-image .number { opacity: 1; } .section-title { position: relative; z-index: 99; margin-bottom: 30px; margin-top: -6px; } .section-title h2 { font-size: 70px; line-height: 110%; font-weight: 700; text-transform: capitalize; color: #222; } div#about-page { padding-top: 0; } @media (min-width: 1400px) { .food-processing-wrapper .food-processing-items .food-processing-image { height: 290px; } } @media (max-width: 575px) { .single-offer-items.style-4 .burger-comboo-content h4 { font-size: 22px; } } .single-offer-items.style-4 .burger-comboo-content h3 { font-size: 40px; color: var(--white); margin-bottom: 15px; } @media (max-width: 575px) { .single-offer-items.style-4 .burger-comboo-content h3 { margin-bottom: 10px; } } .single-offer-items.style-4 .burger-comboo-content h2 { font-size: 44px; color: var(--white); margin-top: 20px; } @media (max-width: 575px) { .single-offer-items.style-4 .burger-comboo-content h2 { font-size: 36px; margin-top: 15px; } } .single-offer-items.style-4 .burger-comboo-content h2 span { font-size: 20px; font-weight: 600; } .single-offer-items.style-4 .chicken-content { position: relative; z-index: 9; } .single-offer-items.style-4 .chicken-content h5 { color: red; margin-bottom: 5px; } .single-offer-items.style-4 .chicken-content h3 { font-size: 53px; color: var(--white); } @media (max-width: 575px) { .single-offer-items.style-4 .chicken-content h3 { font-size: 40px; } } .single-offer-items.style-4 .chicken-content h6 { text-transform: initial; color: var(--white); margin-top: 10px; } .single-offer-items.style-4 .french-image { position: absolute; bottom: 15%; right: 0; transition: all 0.4s ease-in-out; } @media (max-width: 575px) { .single-offer-items.style-4 .french-image { width: 250px; } .single-offer-items.style-4 .french-image img { width: 100%; } } .single-offer-items.style-4 .chicken-text { position: relative; z-index: 9; } .single-offer-items.style-4 .chicken-french-image { position: absolute; bottom: 10%; right: 5%; transition: all 0.4s ease-in-out; } .single-offer-items.style-4:hover .french-image { right: -30px; } .single-offer-items.style-4:hover .chicken-french-image { transform: scale(1.1); } .single-offer-items:hover .main-food { transform: scale(1.1); } .pizza-banner-items { padding: 60px 50px; position: relative; border-radius: 20px; overflow: hidden; } @media (max-width: 1399px) { .pizza-banner-items { padding: 60px 30px; } } @media (max-width: 1199px) { .pizza-banner-items { padding: 60px 50px; } } @media (max-width: 767px) { .pizza-banner-items { padding: 60px 30px; background-size: 300%; } } .pizza-banner-items .pizza-image { position: absolute; right: 0; bottom: -40px; transition: all 0.4s ease-in-out; z-index: 99; } @media (max-width: 1399px) { .pizza-banner-items .pizza-image { max-width: 300px; bottom: 0; } .pizza-banner-items .pizza-image img { width: 100%; height: 100%; } } @media (max-width: 1199px) { .pizza-banner-items .pizza-image { max-width: initial; bottom: -40px; } } @media (max-width: 767px) { .pizza-banner-items .pizza-image { width: 270px; bottom: -10px; } .pizza-banner-items .pizza-image img { width: 100%; height: 100%; } } .pizza-banner-items .pizza-text { position: relative; z-index: 9; } .pizza-banner-items .pizza-text-2 { position: absolute; right: 15%; top: 5px; } @media (max-width: 767px) { .pizza-banner-items .pizza-text-2 { top: 30px; } } .pizza-banner-items:hover .pizza-image { transform: scale(1.1); } .burger-banner-items { border-radius: 20px; position: relative; } .burger-banner-items .burger-content { padding: 100px 40px; max-width: 300px; position: relative; z-index: 9; } .burger-banner-items .burger-content h4 { font-size: 32px; color: var(--white); margin-top: 10px; } @media (max-width: 767px) { .burger-banner-items .burger-content { width: 280px; padding: 100px 30px; } } @media (max-width: 575px) { .burger-banner-items .burger-content { width: 180px; padding: 62px 20px; } .burger-content h3 { font-size: 18px; } .burger-content h2 { font-size: 27px; } .burger-banner-items .burger-content h4 { font-size: 18px; margin-top: 0px; } .food-banner-section .row { gap: 10px; } } .burger-banner-items .burger-content h2, .burger-banner-items .burger-content h3 { color: var(--white); } .burger-banner-items .burger-content h4 span { color: #ffb936; } .burger-banner-items .burger-image { position: absolute; bottom: 0; right: 0; transition: all 0.4s ease-in-out; width: 315px; } @media (max-width: 1399px) { .burger-banner-items .burger-image { width: 350px; bottom: -12px; right: 0; } .burger-banner-items .burger-image img { width: 100%; height: 100%; } } @media (max-width: 1199px) { .burger-banner-items .burger-image { width: 300px; right: 6px; } } @media (max-width: 767px) { .burger-banner-items .burger-image { width: 250px; bottom: 0; right: 0; } } @media screen and (max-width: 500px) { .burger-banner-items .burger-image { width: 180px; } } .burger-banner-items:hover .burger-image { transform: scale(1.1); } .burger-banner-items .text-shape { position: absolute; top: 12px; right: 53px; } @media (max-width: 1199px) { .burger-banner-items .text-shape { top: 25px; } } @media (max-width: 575px) { .burger-banner-items .text-shape { display: none; } } .burger-banner-items .burger-text { position: absolute; top: 20%; left: 44%; animation: 5s linear 0s infinite normal none running rounded; } @media (max-width: 1199px) { .burger-banner-items .burger-text { left: 30%; } } @media (max-width: 767px) { .burger-banner-items .burger-text { left: 35%; } } @media (max-width: 575px) { .burger-banner-items .burger-text { display: none; } } .grilled-banner { position: relative; } .grilled-banner .patato-shape { position: absolute; bottom: -80px; left: -40px; } @media (max-width: 1399px) { .grilled-banner .patato-shape { display: none; } } .grilled-banner .offer-shape { position: absolute; bottom: 33%; left: 2%; } @media (max-width: 1399px) { .grilled-banner .offer-shape { bottom: 30%; left: 35%; } } @media (max-width: 1199px) { .grilled-banner .offer-shape { display: none; } } .grilled-banner .text-shape { position: absolute; bottom: 20%; left: 52%; transform: rotate(30.01deg); animation: rounded 5s linear infinite; } @media (max-width: 991px) { .grilled-banner .text-shape { display: none; } } .grilled-banner .spicy-shape { position: absolute; right: 7%; top: 15%; -webkit-animation: rotate 15s linear infinite; animation: rotate 15s linear infinite; } @media (max-width: 1399px) { .grilled-banner .spicy-shape { top: 5%; right: 2%; } } @media (max-width: 1199px) { .grilled-banner .spicy-shape { top: 65%; right: 5%; } .grilled-banner .spicy-shape img { width: 60%; } } .grilled-banner .tomato-shape { position: absolute; right: 0; bottom: 0; } .grilled-wrapper .grilled-content { position: relative; z-index: 99; } @media (max-width: 991px) { .grilled-wrapper .grilled-content { text-align: center; } } .grilled-wrapper .grilled-content h4 { color: var(--white); font-size: 28px; margin-bottom: 5px; } @media (max-width: 575px) { .grilled-wrapper .grilled-content h4 { font-size: 22px; } } .grilled-wrapper .grilled-content h2 { color: var(--white); } .grilled-wrapper .grilled-content h2 span { color: #ffb936; } @media (max-width: 1199px) { .grilled-wrapper .grilled-content h2 { font-size: 66px; } } @media (max-width: 991px) { .grilled-wrapper .grilled-content h2 { font-size: 56px; } } @media (max-width: 575px) { .grilled-wrapper .grilled-content h2 { font-size: 46px; } } .grilled-wrapper .grilled-content h3 { margin-top: 20px; } @media (max-width: 1199px) { .grilled-wrapper .grilled-content h3 { font-size: 40px; } } @media (max-width: 991px) { .grilled-wrapper .grilled-content h3 { font-size: 36px; } } @media (max-width: 575px) { .grilled-wrapper .grilled-content h3 { font-size: 28px; } } .grilled-wrapper .grilled-content h3 a { color: var(--white); } .grilled-wrapper .grilled-content h3 a .text-1 { color: #ffb936; } .grilled-wrapper .grilled-content h3 .text-2 { font-size: 28px; color: #ffb936; } .grilled-wrapper .grilled-content h3 sup { margin-top: 10px; } .grilled-wrapper .grilled-content .grilled-button { margin-top: 40px; } .grilled-wrapper .grilled-image img { width: 100%; height: 100%; } .food-comboo-section { position: relative; } .food-comboo-section .drinks-shape { position: absolute; bottom: 0; left: 0; } @media (max-width: 1399px) { .food-comboo-section .drinks-shape { display: none; } } @media (max-width: 1199px) { .comboo-wrapper { padding-bottom: 180px; } } @media (max-width: 1199px) { .comboo-wrapper .food-comboo-content { padding-bottom: 180px; } } .comboo-wrapper .food-comboo-content .nav { border: unset; margin-top: 40px; display: inline-block; } .comboo-wrapper .food-comboo-content .nav .nav-link { padding: 0; border: unset; background: none; max-width: 500px; width: 100%; } .comboo-wrapper .food-comboo-content .nav .nav-link:not(:last-child) { margin-bottom: 25px; } .comboo-wrapper .food-comboo-content .nav .nav-link .food-comboo-list { display: flex; align-items: center; gap: 30px; padding: 15px 30px; background-color: var(--bg); border-radius: 5px; } @media screen and (max-width: 470px) { .comboo-wrapper .food-comboo-content .nav .nav-link .food-comboo-list { padding: 15px 15px; gap: 15px; } } .comboo-wrapper .food-comboo-content .nav .nav-link .food-comboo-list .comboo-title { font-size: 18px; font-weight: 600; text-transform: uppercase; color: var(--header); } .comboo-wrapper .food-comboo-content .nav .nav-link.active .food-comboo-list { background-color: #ffb936; } .comboo-wrapper .comboo-image { width: 898px; height: 780px; position: absolute; bottom: 0; right: 0; } @media (max-width: 1399px) { .comboo-wrapper .comboo-image { width: 630px; height: 780px; } } @media (max-width: 1199px) { .comboo-wrapper .comboo-image { width: 1180px; height: 410px; left: 0; bottom: 0; } } @media (max-width: 991px) { .comboo-wrapper .comboo-image { width: 990px; } } @media (max-width: 767px) { .comboo-wrapper .comboo-image { width: 770px; height: 400px; } } @media (max-width: 575px) { .comboo-wrapper .comboo-image { left: 0; bottom: 0; right: 0; } } .comboo-wrapper .comboo-image .pizza-text { position: absolute; top: 15%; left: 10px; z-index: 9; -webkit-animation: tpswing 4s forwards infinite alternate; animation: tpswing 4s forwards infinite alternate; } @media (max-width: 1399px) { .comboo-wrapper .comboo-image .pizza-text { top: 20%; left: 10px; } } @media (max-width: 1199px) { .comboo-wrapper .comboo-image .pizza-text { top: 15%; left: 10px; } } @media (max-width: 767px) { .comboo-wrapper .comboo-image .pizza-text { top: 3%; } } @media (max-width: 575px) { .comboo-wrapper .comboo-image .pizza-text { display: none; } } .comboo-wrapper .comboo-image .offer-shape { position: absolute; top: 10%; left: 40%; -webkit-animation: scale-up-two 6s infinite linear; animation: scale-up-two 6s infinite linear; } @media (max-width: 1399px) { .comboo-wrapper .comboo-image .offer-shape { top: 0%; left: 30%; } } @media (max-width: 991px) { .comboo-wrapper .comboo-image .offer-shape { top: 10%; left: 40%; } } @media (max-width: 767px) { .comboo-wrapper .comboo-image .offer-shape { left: 50%; top: 0; } } @media (max-width: 575px) { .comboo-wrapper .comboo-image .offer-shape { left: 8%; } } .comboo-wrapper .comboo-image .vegetable-shape { position: absolute; top: 5%; right: 10%; -webkit-animation: tpswing 3s forwards infinite alternate; animation: tpswing 3s forwards infinite alternate; } .comboo-wrapper .comboo-image .pizza-image { position: absolute; top: 25%; left: -12%; max-width: 1100px; } .comboo-wrapper .comboo-image .pizza-image img { width: 100%; } @media (max-width: 1399px) { .comboo-wrapper .comboo-image .pizza-image { top: 45%; left: -10%; } } @media (max-width: 1199px) { .comboo-wrapper .comboo-image .pizza-image { top: 25%; left: 20%; max-width: 625px; } } @media (max-width: 991px) { .comboo-wrapper .comboo-image .pizza-image { max-width: 500px; left: 120px; top: 40%; } } @media (max-width: 767px) { .comboo-wrapper .comboo-image .pizza-image { left: 50px; top: 35%; } } @media (max-width: 575px) { .comboo-wrapper .comboo-image .pizza-image { top: 37%; left: -6%; } } .marquee-wrapper { position: relative; overflow: hidden; white-space: nowrap; margin-top: 30px; margin-bottom: -3px; } .marquee-wrapper.style-3 { margin-top: 50px; } @media (max-width: 575px) { .marquee-wrapper.style-3 { margin-top: 40px; } } .marquee-wrapper.style-3 .marquee-inner .marqee-list .marquee-item .text-slider { text-transform: capitalize; font-family: "Barlow Condensed", sans-serif; line-height: 88px; font-weight: 400; } @media (max-width: 575px) { .marquee-wrapper.style-responsive { margin-top: -29px !important; } } @media (max-width: 575px) { .marquee-wrapper.style-responsive-2 { margin-top: -29px !important; } } .text-slider { font-size: 130px; height: 100px; line-height: 85px; font-weight: 700; text-transform: uppercase; } .text-slider.text-color { color: #A4A4A4; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #A4A4A4; -webkit-text-fill-color: transparent; font-style: italic; } .text-slider.text-color-2 { color: red; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: red; -webkit-text-fill-color: transparent; font-style: italic; } @media (max-width: 575px) { .text-slider { font-size: 50px; height: 40px; line-height: 51px; } } .marquee-inner { position: absolute; display: inline-flex; width: 200%; } .marquee-list { float: left; width: 50%; } .marquee-item { float: left; transition: animation 0.2s ease-out; } .marquee-inner.to-left { animation: marqueeLeft 25s linear infinite; } @keyframes marqueeLeft { 0% { left: 0; } 100% { left: -100%; } } .marquee-inner.to-right { animation: marqueeRight 25s linear infinite; } @keyframes marqueeRight { 0% { right: 0; } 100% { right: -100%; } } section#main_cat { margin: 3px 0; } #main_cat .social__links ul li { width: 47%; margin: 1.1% 1.1% 3.1% 1.1%; display: inline-block; padding: 1%; background: #fff; /*background: #1f2130;*/ backdrop-filter: blur(0px); border-radius: 5px; transition: background 0.25s; transform-style: preserve-3d; perspective: 500px; -webkit-box-shadow: 6px 6px 0px #d6d6d6, 5px 5px 20px #bebebe; -moz-box-shadow: 6px 6px 0px #d6d6d6, 5px 5px 20px #bebebe; box-shadow: 6px 6px 0px #d6d6d6, 5px 5px 20px #bebebe; } #main_cat .js-tilt-glare { border-radius: 5px; } #main_cat .social__links ul li a { width: 100%; display: flex; align-items: center; color: #000; /*color: #fff;*/ font-size: 12px; } #main_cat .social__links ul li img { width: 40px; height: auto; margin: 0 10px 0 5px; box-shadow: 0 0.3rem 1rem -0.375rem rgb(0 0 0 / 51%) !important; border-radius: 10px; } #main_cat .social__links ul li a i { text-align: center; line-height: 4rem; font-size: 14px; transform: scale(1.4) translateZ(50px); transition: 0.25s; color: #fd3838; } #main_cat .social__links h3 { font-size: 12px; margin-bottom: 0; } #main_cat .social__links p { font-size: 10px; margin-bottom: 0; } #main_cat .social__links label { font-size: 10px; margin-bottom: 0; /*color: #fd3838;*/ /*color: #FFEB3B;*/ color: #141414; } #main_cat .social__links ul li a span { line-height: 14px; /*margin-left: 10px;*/ } #main_cat .social__links ul li a i { margin: 0 10px; } .social-head { display: flex; justify-content: space-between; } .social-head h3 { color: #5b5b5b; padding:0; font-family: inherit; font-size: 12px; font-weight: 500; line-height: 20px; margin-top: 5px; /* border: 1px solid #607D8B; */ /* border-radius: 3px; */ /* background: #181924; */ text-transform: uppercase; text-align: center; /* border-bottom: 2px solid; */ border-bottom: 2px solid #8080807d; width: auto; display: inline; margin: 0; text-align: center; } .social-head a { color: #303030; font-weight: 500; font-size: 14px; } .social-head a:hover { color: orange; } .social__links ul#item { margin-bottom: 10px; } .footer-div { /*position: fixed;*/ /*bottom: 0;*/ } .footer-div .footer_bottom { background: #d8d8d8; color: #000; border: none; } .footer-div .footer_bottom a { color: #fff; } .footer-div .footer_bottom a { color: #5b5b5b; } .media-part a { width: 32%; } .media-part span { width: 32%; } .media-part .btn { width: 100%; } .sidebar-tog input[type=checkbox] { display: none; } @media (max-width:599px) { .sectionDefault .container { padding: 5px 0px !important; } .business-container .business-container { padding-left: 0; padding-right: 0; } .add-box { margin: 0 0 20px !important; } .row.mt-30 { margin-top: 15px !important; } .cid-qBK2ZYNhQk { padding-bottom: 56px; } .section_items1 { padding-top: 14px; } div#menu-page { padding-top: 26px !important; } #order-page { margin: 67px 0; } #order-page>* { padding: 0; } } @media (max-width:991px) { .section_items1 { padding-top: 14px; } div#menu-page { padding-top: 26px !important; } } @media (min-width:710px) and (max-width:991px) { .singlePage.style_2 ul li { width: 99.111%; } div#showCheckoutData { padding-top: 0px !important; } #order-page { margin: 67px 0; } } .footer-div .footer_bottom { display: block !important; /* margin-bottom: 54px;*/ } .social-btns1 a { background-color: #fff; /* padding: 10px;*/ border-radius: 10px; display: inline-block; text-align: center; /* width: 90px;*/ } span.tit { font-size: 11px; display: inline-block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .social-btns2 a { width: 30%; /* background-color: #fff; */ /* padding: 10px 10px 0px 10px; */ border-radius: 10px; margin: 2% 1%; display: inline-block; text-align: center; } .social-btns2 .social-img1 { width: 70%; margin: 0px auto 7px auto } .social-btns2 span.tit { /*margin-bottom: -20px;*/ background-color: #030000; color: #fff; padding: 3px 6px; border-radius: 4px; } .desc { padding: 10px; width: 80%; margin: 0 auto; } #scroller { display: inline-block; background-color: transparent; white-space: nowrap; overflow-x: auto; overflow-y: hidden; position: relative; z-index: 10; } #scroller-1 { white-space: nowrap; display: inline-block; animation-name: scroll; animation-duration: 50s; animation-timing-function: linear; animation-iteration-count: infinite; } #scroller span { white-space: nowrap; display: inline-block; font-size: 120px; font-weight: 800; color: transparent; transition: all linear 0.3s; } .info .four { text-align: center; border-right: 1px solid #d2d2d2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 14%; padding: 0; display: inline-block; font-size: 12px; } .info .four:last-of-type { border-right: none; } .info .four .number { display: block; font-size: 16px; line-height: 20px; font-weight: 700; } .info .four .number img { width: 30px; } .rating { display: flex; flex-direction: row-reverse; justify-content: center; margin: 5px 0; } /*hides the radio buttons*/ .rating>input { display: none; } /*style the empty stars, sets position:relative as base for pseudo-elements*/ .rating>label { position: relative; width: 1.1em; font-size: 20px; line-height: 20px; color: #ffd700; cursor: pointer; margin: 0; } /* sets filled star pseudo-elements */ .rating>label::before { content: "\2605"; position: absolute; opacity: 0; } /*overlays a filled start character to the hovered element and all previous siblings*/ .rating>label:hover:before, .rating>label:hover~label:before { opacity: 1 !important; } /*overlays a filled start character on the selected element and all previous siblings*/ .rating>input:checked~label:before { opacity: 1; } /*when an element is selected and pointer re-enters the rating container, selected rate and siblings get semi transparent, as reminder of current selection*/ .rating:hover>input:checked~label:before { opacity: 0.4; } h4.tag { font-size: 14px; font-weight:700; margin: 4px 0; font-family: "Montserrat", sans-serif; letter-spacing: normal; } #rev .single-listing-summary2 .media .media-body .loc { margin-bottom: 10px; /*border-bottom: 1px solid #f2f2f2;*/ /*padding-bottom: 10px;*/ color: #5b5b5b; } .social-head1 { padding: 4px 8px; background: #d8d8d8; border-radius: 6px; box-shadow: 0px 0px 0 #d6d6d6, 6px 6px 10px #bebebe; margin: 10px 0; text-align: center; border-bottom: 2px solid #5b5b5b; } .social-head1 h3 { color: #000000; padding: 5px; font-family: inherit; font-size: 14px; font-weight: 700; /* line-height: 20px; */ margin-top: 5px; /* border: 1px solid #607D8B; */ /* border-radius: 3px; */ /* background: #181924; */ text-transform: uppercase; text-align: center; /* border-bottom: 2px solid; */ /* border-bottom: 2px solid #8080807d; */ width: auto; display: inline; margin: 0 auto; text-align: center; letter-spacing: 1px; } form.defaultForm.callWaiterForm .form-group { margin: 0; } .service-tags { padding: 0.8rem 0 0; } ul#serv-item { margin: 0; padding: 0; display: block; } ul#serv-item li { display: inline-block; padding: 4px 10px; background-color: #ffffff; color: #5b5b5b; width: auto; margin: 1%; border-radius: 7px; border: 1px solid #f2f2f2; /*box-shadow: 0px 0px 0 #d6d6d6, 0px 1px 8px #d4d4d4;*/ font-size: 12px; } ul#serv-item1 { margin: 0; padding: 0; display: block; } ul#serv-item1 li { display: inline-block; padding: 4px 10px; /* background-color: #ffffff; */ color: #5b5b5b; width: auto; /* margin: 1%; */ border-radius: 7px; /* box-shadow: 0px 0px 0 #d6d6d6, 0px 1px 8px #d4d4d4; */ font-size: 12px; border: 1px solid #d4d4d4; font-weight: 500; } #what_we_do1 .service-tags { padding: 0 0 0.8rem 0; } div#what_we_do { margin-bottom: 40px; } html { scroll-behavior: smooth; } .media-part button#we_do { width: 32%; } .footer-div .footer_bottom p { font-size: 12px; } .order_input_area .choosy-button { text-align: center; margin: 0 auto; } @media (max-width:599px) { #scroller span { font-size: 50px; } .section-title h2 { font-size: 40px; } .food-processing-wrapper .food-processing-items { padding: 30px 32px; margin-top: 2px; } .food-processing-wrapper .food-processing-items .food-processing-image .number { opacity: 1; } .section-title { margin-bottom: 0; } .section_items { } .navbar-icon img { /*width: 46px;height: 42px;*/ border-radius: 4px; max-width: 19%; } .food-processing-wrapper .food-processing-items .food-processing-image { height: auto; } #double-icon #searchbar.wrapper { position: fixed; left: 84%; z-index: 999; top: 77px !important; } .breadcrumb-wrapper .page-heading { padding: 60px 0; } .breadcrumb-wrapper .page-heading h1 { font-size: 36px; } .breadcrumb-wrapper .page-heading .breadcrumb-items { margin-top: 9px; } .breadcrumb-wrapper .page-heading .breadcrumb-items li { font-size: 16px; } .menu-div { margin-top: 25px; } #menu-page .choosy-button .radio-button-container { margin-top: 6px; } #menu-page .menu-div { margin-top: 0px; } } @media (min-width:710px) and (max-width:991px) { .section_items { } .burger-banner-items .burger-content { display: none; } .burger-banner-items .text-shape { right: 38px; } .burger-banner-items .burger-text, .single-offer-items.style-2 .offer-img { display: none; } .theme-btn { padding: 16px 8px; } .single-offer-items.style-2 .roller-box { width: 176px; } .single-offer-items.style-2 .offer-content { padding: 47px 32px; } #scroller span { font-size: 75px; } .text-slider { height: 75px; line-height: 85px; } .section-title h2 { font-size: 54px; } .food-processing-wrapper .food-processing-items .food-processing-image { width: 170px; height: auto; } .food-processing-wrapper .food-processing-items { padding: 15px 13px; } .food-processing-wrapper .food-processing-items .food-processing-content h3 { font-size: 16px; } .food-processing-wrapper .food-processing-items .food-processing-content { margin-top: 6px; } .about-section .content-column .text { line-height: 1.6em; } .about-section .row { align-items: center; } .food-processing-wrapper::before { display: none; } .navbar-icon img { max-width: 20%; padding: 4px 0; object-fit: contain; } #double-icon #searchbar.wrapper { position: fixed; left: 92%; z-index: 999; top: 77px !important; } .menu-div { margin-top: 25px; } #menu-page .choosy-button .radio-button-container { margin-top: 6px; } #menu-page .menu-div { margin-top: 0px; } } .portfolio .social-img img { padding: 10px; } /** Custom Select **/ .custom-select-wrapper { position: relative; display: inline-block; user-select: none; } .custom-select-wrapper select { display: none; } .custom-select { position: relative; display: inline-block; } .custom-select-trigger { position: relative; display: block; width: 100%; padding: 0 14px 0 14px; font-size: 22px; font-weight: 400; color: #495057; line-height: 42px; background: #fff; border-radius: 4px; cursor: pointer; font-size: 1rem; border: 1px solid #e3e9ef; margin: 5px 0; text-transform: capitalize; } .custom-select-trigger:after { position: absolute; display: block; content: ''; width: 7px; height: 7px; top: 50%; right: 7px; margin-top: -3px; border-bottom: 2px solid #495057; border-right: 2px solid #495057; transform: rotate(45deg) translateY(-50%); transition: all .4s ease-in-out; transform-origin: 50% 0; } .custom-select.opened .custom-select-trigger:after { margin-top: 3px; transform: rotate(-135deg) translateY(-50%); } .custom-options { position: absolute; display: block; top: 100%; left: 0; right: 0; min-width: 100%; margin: 15px 0; border: 1px solid #e3e9ef; border-radius: 4px; box-sizing: border-box; box-shadow: 0 2px 1px rgba(0, 0, 0, .07); background: #fff; transition: all .4s ease-in-out; z-index: 99; opacity: 0; visibility: hidden; pointer-events: none; color: #495057; transform: translateY(-15px); } .custom-select.opened .custom-options { opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0); } .custom-options:before { position: absolute; display: none; content: ''; bottom: 100%; right: 25px; width: 7px; height: 7px; margin-bottom: -4px; border-top: 1px solid #b5b5b5; border-left: 1px solid #b5b5b5; background: #fff; transform: rotate(45deg); transition: all .4s ease-in-out; } .option-hover:before { background: #f9f9f9; } .custom-option { position: relative; display: block; padding: 0 22px; border-bottom: 1px solid #e3e9ef; font-size: 1rem; font-weight: 500; color: #495057; line-height: 43px; cursor: pointer; transition: all .4s ease-in-out; } .custom-option:first-of-type { border-radius: 4px 4px 0 0; } .custom-option:last-of-type { border-bottom: 0; border-radius: 0 0 4px 4px; } .custom-option:hover, .custom-option.selection { background: #f9f9f9; } .custom-select { background: none; border: none; padding: 0; } .custom-select-wrapper { width: 100%; } .bottom-btn { position: fixed; bottom: 0; width: 100%; background: #f9f9f9; } .bottom-btn ul { display: block; margin: 0; } .bottom-btn ul li { background-color: #5b5b5b; color: #fff; display: inline-block; text-align: center; width: 100%; padding: 7px 0; text-transform: uppercase; font-size: 13px; } .bottom-btn li a { color: #fff; } .footer-div { margin-bottom: 32px; } section#packg, section#special { min-height: 100vh; } div#enquiryModal .form-group label, div#helpModal .form-group label{ text-transform: capitalize; font-size: 14px; margin: 0; } div#enquiryModal .form-group, div#helpModal .form-group { margin-bottom: 8px; } div#enquiryModal .form-control, div#helpModal .form-control { background-color: transparent; } #enquiryModal .modal-content .modal-body, #helpModal .modal-content .modal-body { padding: 5px 15px; } #enquiryModal .iti, #helpModal .iti { width: 100%; } #enquiryModal .form-control, #helpModal .form-control { min-height: 1.5em; } #enquiryModal .modal-body :last-child .form-control, #helpModal .modal-body :last-child .form-control { /*min-height: 4em !important;*/ } #enquiryModal input[type="file" i], #helpModal input[type="file" i] { min-height: 3em !important; padding: 10px; } div#enquiryModal, div#helpModal { top: 10%; } #main-home { padding-bottom: 0; padding-top: 8%; position: relative; z-index: 1; color: #5b5b5b; } #main-home .sub-title { color: #00a0e3; font-size: 16px; font-weight: 700; line-height: 1; margin-bottom: 15px; text-transform: uppercase; } #main-home .section-title { margin-bottom: 20px; margin-top: 10px; text-transform: capitalize; } #main-home1 { padding: 2% 0; } #main-home1 h3 { font-size: 30px; font-weight: 700; line-height: 40px; margin-top: 20px; margin-bottom: 10px !important; } #main-home p { line-height: 1.6; margin: 0 0 15px; word-wrap: break-word; } .about-list ul { margin: 0; padding: 0; } .home-about-content .app-rating { background-color: rgb(31 195 255 / 10%); -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; margin-top: 22px; padding: 30px; } .home-about-content .app-rating .app-rating-item { border-right: 2px solid #00a0e3; padding: 0 15px; width: 50%; } .home-about-content .app-rating h2 { margin-bottom: 0; font-size: 42px; font-weight: 700; } .home-about-content .app-rating .rating-wrap { padding-left: 20px; } .home-about-content .app-rating .rating-start-inner { margin-bottom: 8px; } .rating-start { display: table; position: relative; font-size: 14px; letter-spacing: 1.5px; } .home-about-content .app-rating .app-rating-item:last-child { border-right: none; } .rating-start span:before { color: #FF9222; content: "\f005\f005\f005\f005\f005"; display: inline-block; font-family: "Font Awesome 5 free"; font-weight: 900; } .about-list li { list-style: none; margin-bottom: 5px; padding-left: 20px; position: relative; } .about-list li i { color: #00a0e3; font-size: 14px; position: absolute; top: 4px; left: 0; } #main-home .about-img-left { position: relative; z-index: 1; width: 70%; margin: 0 auto; } #main-home .about-img-left:before { content: ""; background-image: url(/assets/frontend/images/img3.png); background-repeat: no-repeat; background-position: center center; background-size: contain; opacity: 0.8; position: absolute; height: 100%; top: 0; left: 0; width: 100%; z-index: -1; } @media (max-width:575px) { #main-home .sub-title { font-size: 14px; margin-bottom: 10px; } #main-home { padding-top: 50px; padding-bottom: 0px; } #main-home h2 { font-size: 28px; } #main-home p { font-size: 14px !important; } .about-list li { font-size: 14px; } .home-about-content .app-rating .app-rating-item:not(:last-child) { /* border-bottom: 1px solid #00a0e3;padding-bottom: 10px;margin-bottom: 10px;*/ } .home-about-content .app-rating .app-rating-item { /* width: 100%;border-right: none;*/ flex-direction: column; text-align: center; } .home-about-content { margin-bottom: 0px; } .features-heading{ padding: 3px 5px 0 5px !important; } .pricing_3 .newPriceLayout :last-child.card{ margin-bottom: 0px !important; } #site-feature .feat-head{ font-size: 13px; } } @media (min-width:710px) and (max-width:991px) { #main-home { /* padding-bottom: 70px;*/ padding-top: 70px; } .home-about-content { /* margin-bottom: 40px;*/ } } h3.steps_number { position: absolute; right: 30px; top: 6px; font-size: 20px; color: #00a0e3; font-weight: 400; } .single_serivce_area:before { position: absolute; top: 20px; right: 59px; width: 30px; height: 1px; background-color: #00a0e3; content: ""; } .leftHero h5 { font-size: 36px; } .home_service_img img { width: 40px; height: auto; } .downld { display: none !important; } section#pricing { /*display: none;*/ } .bottom-btn1 { width: auto; height: auto; position: fixed; bottom: 60px; right: 15px; transition: all .5s ease-in-out; /*box-shadow: 0 4px 10px rgb(50 50 93 / 11%), 0 2px 6px rgb(0 0 0 / 8%);*/ /*animation:bounce2 2s ease infinite;*/ background: none; z-index: 999; } .bottom-btn2{ width: auto; height: auto; position: fixed; bottom: 120px; right: 15px; transition: all .5s ease-in-out; /*box-shadow: 0 4px 10px rgb(50 50 93 / 11%), 0 2px 6px rgb(0 0 0 / 8%);*/ /*animation:bounce2 2s ease infinite;*/ background: none; z-index: 999; } @keyframes bounce2 { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bottom-btn1 a span, .bottom-btn2 a span{ border-radius: 4px; text-align: center; color: #fff; background: red; font-size: 15px; line-height: 20px; padding: 4px 10px; box-shadow: 0 4px 10px rgb(50 50 93 / 11%), 0 2px 6px rgb(0 0 0 / 8%); } .bottom-btn1 a i, .bottom-btn2 a i { margin-left: 2px; color: #fff; text-align: center; background: red; font-size: 20px; line-height: 30px; border-radius: 50%; width: 30px; height: 30px; box-shadow: 0 4px 10px rgb(50 50 93 / 11%), 0 2px 6px rgb(0 0 0 / 8%); } .footer-div { margin-bottom: 0; } .single_accordion.aos-init.aos-animate { box-shadow: 0px 7px 6px 0px #eee; } #accordion-style-1 .btn-link { font-weight: 400; color: #fff; background-color: transparent; text-decoration: none !important; font-size:18px; font-weight: 500; padding-left: 0px; } #accordion-style-1 .btn-link i { margin-right: 5px; } button.btn.btn-link.btn-block.text-left.collapsed { color: #fff !important; } #accordion-style-1 .card-body { border-top: 2px solid #00a0e3; color: #686868; } #accordion-style-1 .card-header .btn.collapsed .fa.main { display: none; } #accordion-style-1 .card-header .btn .fa.main { background: #00a0e3; padding: 13px 11px; color: #ffffff; width: 35px; height: 41px; position: absolute; left: -1px; top: 10px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; display: none; } #accordion-style-1 .accordion>.card>.card-header { background-color: #00a0e3 !important; padding: 8px 15px; } #accordion-style-1 .card { /*box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.2);*/ -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; margin-bottom: 20px; border: 1px solid #f2f2f2; } div#product-desc13 p { padding: 4px 15px; text-align: justify; } .bottom-btn1 a i { margin-left: 2px; color: #fff; text-align: center; /* background: red;*/ font-size: 24px; line-height: 48px; border-radius: 50%; width: 50px; height: 50px; box-shadow: 0 4px 10px rgb(50 50 93 / 11%), 7px 7px 15px rgb(0 0 0 / 39%); } .steps { text-align: center; } span.small-head { padding: 8px 20px; border-radius: 30px; border: 1px solid #00a0e3; text-transform: uppercase; color: #00a0e3; } h2.large-head { margin: 20px auto; border-radius: 30px; color: #5b5b5b; font-weight: bolder; width: 70%; font-size: 40px; line-height: 50px; text-transform: capitalize; } .steps p { width: 75%; margin: 15px auto; color: #5b5b5b; } video.video-div { width: 80%; height: auto; margin: 0 auto; border-radius: 30px; } video.video-div1 { width: 100%; height: auto; margin: 0 auto; border-radius: 30px; } /*a.learn-btn { background: #00a0e3; color: #fff; border: 1px solid #00a0e3; }*/ /*a.learn-btn:hover { background: #5b5b5b; color: #fff; border: 1px solid #5b5b5b; transition: all; } */ a.outline-btn { border: 1px solid #00a0e3; color: #00a0e3!important; background-color: transparent; transition: all; } a.outline-btn:hover { border: 1px solid #303030; color: #303030!important; background-color:transparent; transition: all; } .btn-div { display: flex; justify-content: center; gap: 15px; } div#accordion-style-1 { width: 80%; max-width: 80%; } /*blog page*/ .site-breadcrumb { background-color: #00a0e3; color: #fff; text-align: center; border-radius: 28px; margin: 13px 0 22px; background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); background-image: url(/assets/frontend/images/pg2.webp); background-position: center; background-repeat: no-repeat; background-size: cover; } .site-breadcrumb h3 { font-size: 46px; padding: 65px 0; margin-bottom: 0; } #blogDetail.site-breadcrumb h3{ font-size: 32px; padding: 65px 100px; font-weight: 500; } .text-white { color: #fff!important; } .blog-grid { display: flex; /* justify-content: space-between;*/ flex-wrap: wrap; margin-bottom: 20px; } .blog-grid .blogcard { /* border-radius: 20px;*/ overflow: hidden; margin-bottom: 15px; margin-top: 15px; } .blog-grid .blogcard-header img { width: 100%; height: 250px; object-fit: cover; border-radius: 20px; } .blog-grid .blogcard-body { display: flex; flex-direction: column; /* justify-content: center;*/ align-items: flex-start; gap:5px; /* min-height: 250px;*/ } .blog-grid .tag { background: #bbebff; padding: 4px 10px; border-radius: 4px; color: #06a2e4; margin-top: 10px; font-size: 14px; } .blogcard h4 { color: #28274c; font-size: 18px; font-weight: 700; line-height: 26px; transition: all 0.4s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 600; letter-spacing: normal; } .blog-grid .blogcard-body{ padding: 18px 0 0; } .blog-grid .blogcard-body p { font-size: 14px; /*margin: 14px 0 14px;*/ color: #838080; font-weight: 500; } .blog-grid .user { display: flex; /* margin-top: auto;*/ } .blog-grid .user img { border-radius: 50%; width: 40px; height: 40px; margin-right: 10px; } .blog-grid .user-info h5 { margin: 0; font-size: 16px; font-weight: 600; color: #5b5b5b; } .blog-grid .user-info small { color: #545d7a; } .main-body { padding-top: 5%; } #about-page #main-home { padding-bottom: 3%; padding-top: 0.5%; } @media (max-width:599px) { .main-body { padding-top: 7px; } .site-breadcrumb h3 { font-size: 28px; padding: 33px 0; font-weight: 500; } .site-breadcrumb { margin-bottom: 0; } #contact-page .section_items { padding-top: 0 !important; } .site-breadcrumb { margin: 30px 0 0; } } .slider-screen main { position: relative; margin: 0 auto; /*min-height: 100vh;*/ column-gap: 3rem; padding-block: min(20vh, 3rem); } .slider-screen h2.large-head { margin: 20px 0; width: 100%; } .slider-screen .bg { position: fixed; top: -4rem; left: -12rem; z-index: -1; opacity: 0; } .slider-screen .bg2 { position: fixed; bottom: -2rem; right: -3rem; z-index: -1; width: 9.375rem; opacity: 0; } .slider-screen main>div hr { display: block; background: #005baa; height: 0.25rem; width: 6.25rem; border: none; margin: 1.125rem 0 1.875rem 0; } .slider-screen main>div p { line-height: 1.6; color: #5b5b5b; } .slider-screen main a { display: inline-block; text-transform: uppercase; margin-top: 15px; transition: 0.3s ease-in-out; } .slider-screen .swiper { width: 100%; /*padding-top: 3.125rem;*/ } .slider-screen video.video-div1 { width: 100%; height: auto; margin: 0 auto; border-radius: 30px; } @media screen and (min-width: 48rem) { .slider-screen main { display: flex; align-items: center; } .slider-screen .bg, .slider-screen .bg2 { opacity: 0.03; } } @media screen and (max-width: 991px) { ul#serv-item li { border: 1px solid #f2f2f2; } .service-tags { padding: 0; } ul#serv-item li { border: 1px solid #f2f2f2; } .site-breadcrumb { border-radius: 14px; margin: 30px 0 0; } .site-breadcrumb h3 { font-size: 18px !important; padding: 15px 0 !important } #blogDetail.site-breadcrumb h3{ font-size: 12px !important; padding: 15px 60px !important; } .features-heading { padding: 23px 5px 0 5px !important } h2.large-head { margin: 10px auto !important; font-size: 18px !important; line-height: 26px !important; width: 100%; } section.default { padding: 3% 0 !important } div#accordion-style-1 { width: 100% !important; max-width: 100% !important; } /*#main-home{padding: 0!important}*/ #main-home .about-img-left { width: 100% !important } .home-about-content .app-rating { padding: 12px 0 !important } span.small-head { padding: 5px 10px !important; font-size: 12px !important; border-radius: 15px !important } } .blog-details-desc h3, .blog-details-desc h3 strong { font-size:26px; margin-bottom: 10px; /* max-width: 690px;*/ line-height:35px; font-weight: 700; font-weight: 600; letter-spacing: normal; } .blog-details-desc .article-image { margin-top: 16px; margin-bottom: 30px; } .blog-details-desc .article-info-item { margin-bottom:10px; } .blog-details-desc p { font-size: 16px; font-weight: 400; font-family: 'Poppins', sans-serif; margin-bottom: 15px; color: #5D7079; line-height: 1.8; letter-spacing: normal; } .blog-details-desc ul li, .blog-details-desc ol li{ font-size: 16px; font-weight: 400; font-family: 'Poppins', sans-serif; color: #5D7079; line-height: 1.8; } .blog-details-desc a{ text-decoration: underline; color: #00a0e3; } .blog-details-desc blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 0.8em 10px; padding: 1em 10px; /* quotes: "\201C" "\201D" "\2018" "\2019"; */ font-size: 16px; } .blog-details-desc blockquote:before { color: #ccc; /* content: open-quote;*/ font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } .blog-details-desc blockquote p { display: inline; /* font-family: "Varela Round", sans-serif;*/ margin-bottom: 0px; color: #280000; } /*.blog-details-desc code, .blog-details-desc blockquote { margin: 10px 0; background: #f3f3f382; width: 100%; padding: 4px 10px; display: block; font-size: 18px; font-family: "Varela Round", sans-serif; } .blog-details-desc blockquote p{ font-size: 18px; font-family: "Varela Round", sans-serif; margin-bottom: 0px; }*/ .blog-details-desc ul{ list-style: disc !important; padding-left: 26px; } .blog-details-desc code a, .blog-details-desc blockquote a{ text-decoration: none; color: #280000; } .blog-details-desc .article-content h3 { font-size: 25px; margin-top: 15px; margin-bottom: 15px; } .blog-details-desc h4, .blog-details-desc h1, .blog-details-desc h2, .blog-details-desc h5, .blog-details-desc h6 { font-size: 22px; font-weight: 600; letter-spacing: normal; margin-top: 20px; margin-bottom: 20px; } .blog-details-desc .article-info-item .info-content { position: relative; background: #bbebff; padding: 4px 10px; border-radius: 4px; color: #06a2e4; /*padding-left: 65px;*/ } .blog-details-desc .article-info-item .info-social { padding: 0; margin-bottom: 0; } .blog-details-desc .article-info-item .info-content img { position: absolute; left: 0; top: 0; max-width: 50px; } .blog-details-desc .article-info-item .info-content h4 { font-size: 18px; } .blog-details-desc .article-info-item .info-content span { font-size: 14px; color: #5D7079; } .blog-details-desc .article-info-item .info-social li { display: inline-block; list-style-type: none; margin-right: 5px; } .blog-details-desc .article-info-item .info-social li a i { display: inline-block; width: 35px; height: 35px; line-height: 35px; background: #e8f9ff; text-align: center; font-size: 16px; color: var(--main-color); border-radius: 50px; transition: 0.6s; } .blog-details-desc .article-image img { border-radius: 20px; max-height: 400px; min-height: 300px; } .sidebar .widget { padding: 1.5rem 2rem; border-radius: 5px; position: relative; display: block; } .sidebar .widget-title { display: block; font-size: 18px; margin: 0 0 2rem; padding: 0; line-height: 1; color: #5b5b5b; font-weight: 700; } .sidebar .widget ul { list-style: none; margin: 0; padding: 0; } .sidebar .link-widget li { color: #000; border-color: #e2e2e2; } .link-widget li { padding: 0.4rem 0.2rem 0.6rem; text-transform: capitalize; line-height: 1; font-weight: 500; position: relative; margin: 0; border-bottom: 1px dashed #dadada; } .link-widget li:last-child { border-bottom: 0 dashed #dadada; } .link-widget li a { color: #616670; } .poplr-tags { gap: 0.5rem; justify-content: flex-start; align-items: flex-start; display: inline-flex; flex-wrap: wrap; } .poplr-tags .button-7 { cursor: pointer; border-radius: 5px; border: 1px solid; border-color: #e3e3e3; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 16px; line-height: 24px; font-weight: 500; color: #5b5b5b; background-color: #fff; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } a.button-7:hover { background: #e8f9ff; } .flex-col { display: flex; flex-direction: column; gap: 1.5rem; } .items-center { align-items: center; display: flex; gap: 0.625rem; width: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; } .inline-flex { gap: 1rem; display: inline-flex; align-items: center; justify-content: flex-start; } .icon-img { border-radius: 0.6rem; overflow: hidden; max-width: 106px; max-height: 90px; } .blog-text { gap: 0.8rem; justify-content: flex-start; align-items: flex-start; flex-direction: column; display: inline-flex; } a.item-link { transition: all 0.3s ease-in-out; -webkit-text-decoration-color: #00a0e3; text-decoration-color: #00a0e3; font-weight: 600; font-size: 14px; line-height: 18px; color: #5b5b5b; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 500; letter-spacing: normal; } .leading-none { line-height: 1; color: #616670; font-size: 14px; font-weight: 400; letter-spacing: normal; } a.item-link:hover { /*text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; -webkit-text-decoration-color: #00a0e3; text-decoration-color: #00a0e3;*/ transition: all 0.3s ease-in-out; } section.default.services_area { text-align: center; } #main-home .section-title { margin-top: 10px; } section.default.services_area .single_service { text-align: left; } section.default.services_area .single_service { color: #5b5b5b; } .lt-pd { padding-left: 0; } .lt-pr { padding-right: 0; } #accordion-style-1 .card-body { text-align: left; } @media screen and (max-width: 991px) { .lt-pd { padding-left: 15px !important; } .lt-pr { padding-right: 15px !important; } .slider-screen .swiper { padding-top: 20px !important } video.video-div { width: 100% !important; } .single_serivce_area:before { top: 17px !important; right: 40px !important } .feature_area .features-img { width: 90% !important; margin: 15px auto !important; } h3.steps_number { right: 10px !important; } .home_service_img img { width: 20px !important } .features-wrap { padding: 5px !important; margin-bottom: 10px !important } .home_service_img { width: 40px !important; height: 40px !important; line-height: 40px !important; } .steps p { width: 100% !important; margin: 7px auto !important; } section.default.services_area .col-lg-4.col-sm-6 { max-width: 50% !important } section.default.services_area .single_service { padding: 10px !important; } } .blog-details-desc { margin-bottom: 30px; } .link-widget li a:hover { color: #0056b3; } @media(max-width:599px) { .blog-grid .blogcard-body { min-height: auto; padding: 8px 12px !important; } .blog-grid .blogcard-header img { height: 185px; } .blog-details-desc h3, .blog-details-desc h3 strong { font-size: 20px; margin-bottom: 14px; line-height: 28px; } span.button-7{ font-size: 13px; line-height: 17px; padding: 0.5rem 1rem; } .blog-details-desc h4, .blog-details-desc h1, .blog-details-desc h2, .blog-details-desc h5, .blog-details-desc h6{ font-size: 16px; margin-top: 15px; margin-bottom: 10px; } .blog-details-desc ul li, .blog-details-desc ol li { font-size: 12px; /* line-height: normal;*/ } .blog-details-desc code, .blog-details-desc blockquote{ margin: 12px 0; padding:10px; font-size: 14px; } .blog-details-desc ol{ padding-left: 16px; } .blog-details-desc .article-image{ margin-bottom: 18px; } .blog-details-desc .article-info-item .info-content h4, .sidebar .link-widget li { font-size: 14px; } .sidebar .widget-title { font-size: 16px; margin: 0 0 1rem; } .blog-details-desc .article-info-item .info-content span { font-size: 12px; } .blog-details-desc .article-info-item .info-content { position: relative; font-size: 14px; } .blog-details-desc .article-info-item .info-social li { margin-right: 0; } .blog-details-desc .article-info-item .info-content img { max-width: 42px; } .blog-details-desc .article-content h3 { font-size: 20px; } .blog-details-desc .article-content h4 { font-size: 20px; margin: 15px 0; } .sidebar .widget { padding: 1.5rem 0; } a.item-link { font-size: 12px; line-height: 16px; } .blog-text { gap: 0.8rem; } a.button-7 { font-size: 14px; padding: 7px 15px; } } .bg3 { position: fixed; top: 0; left: 0; z-index: 0; opacity: 0.1; z-index: -1; min-width: 100%; min-height: 100%; } @media(min-width:1500px) { .site-breadcrumb { margin: 13px 0 16px; } .main-body { padding-top:5%; } } .blogcard:hover h4 { color: #00a0e3; } /*styling for packages*/ #design-2 a { padding: 5px; } #design-2 .social-img img { object-fit: cover; border-radius: 7px; } #design-2 .social-img { height: 75px; padding: 0; max-width: 100%; box-shadow: none; margin-bottom: 0; width: 100px; margin-top: 0; } #design-2.social-btns1 .download-btn { padding: 5px; margin: 1%; } .dwn-app .fl-fl { background: #000000; text-transform: uppercase; letter-spacing: 3px; padding: 4px; width: 190px; height: 40px; position: fixed; right: -150px; z-index: 1000; font: normal normal 10px Arial; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .dwn-app .fa { font-size: 20px; color: #fff; padding: 6px 0; width: 30px; margin-left: 8px; } .dwn-app .fl-fl:hover { right: 0; } .dwn-app .fl-fl .download-btn { color: #fff !important; text-decoration: none; text-align: center; line-height: 32px !important; vertical-align: top !important; } .dwn-app .float-fb { top: 160px; } .customer-logos { margin: 10px 0; } .customer-logos .slick-slide { margin: 0px 6px; background: #fff; border-radius: 10px; width: auto; padding: 10px; } .customer-logos .slick-slide label { font-size: 12px; margin: 7px 0 0 0; text-align: center !important; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .customer-logos .slick-slide img { width: 100%; display: inline-flex; align-items: center; height: 45px; object-fit: contain; } .customer-logos .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .customer-logos .slick-list { position: relative; display: block; overflow: hidden; margin: 0 0 12px 0; padding: 0; } .customer-logos .slick-list:focus { outline: none; } .customer-logos .slick-list.dragging { cursor: pointer; cursor: hand; } .customer-logos .slick-slider .slick-track, .customer-logos .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .customer-logos .slick-track { position: relative; top: 0; left: 0; display: flex; align-items: center; } .customer-logos .slick-track:before, .customer-logos .slick-track:after { display: table; content: ""; } .customer-logos .slick-track:after { clear: both; } .customer-logos .slick-loading .slick-track { visibility: hidden; } .customer-logos .slick-slide { /*display: none;*/ float: left; /*height: 100%; min-height: 1px;*/ } .customer-logos [dir="rtl"] .slick-slide { float: right; } .customer-logos .slick-slide img { display: block; } .customer-logos .slick-slide.slick-loading img { display: none; } .customer-logos .slick-slide.dragging img { pointer-events: none; } .customer-logos .slick-initialized .slick-slide { display: block; } .customer-logos .slick-loading .slick-slide { visibility: hidden; } .customer-logos .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .customer-logos .slick-arrow.slick-hidden { display: none; } button.download-btn { background-color: transparent; border: none; color: white; padding: 0; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; line-height: 16px; } .newPriceLayout .card:nth-child(2) { /*background-color: blue;*/ } .qr-cd { width: 75%; } .slider-screen .swiper { text-align: center; } #main_cat .social-btns1 .modal { top: 20% !important; } .header_area .bottom-nav { display: flex; position: fixed; bottom: 0; left: 0; right: 0; padding: 10px 0 5px 0; background-color: #fff; z-index: 99; will-change: transform; transform: translateZ(0); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24); } .header_area .bottom-nav-item { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; text-align: center; font-size: 0.8rem; color: #5b5b5b; } .header_area .bottom-nav-link { display: flex; flex-direction: column; } .header_area .bottom-nav-link i { font-size: 20px; } .header_area .bottom-nav { display: flex; position: fixed; bottom: 0; left: 0; right: 0; padding: 10px 0 5px 0; background-color: #fff; z-index: 99; will-change: transform; transform: translateZ(0); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24); } .header_area .bottom-nav-item { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; text-align: center; font-size: 0.8rem; color: #5b5b5b; } .header_area .bottom-nav-link { display: flex; flex-direction: column; } .header_area .bottom-nav-link i { font-size: 20px; } /*section#main_cat { display: grid; grid-template-columns: var(--page-margin) [center-start] 1fr [center-end] var(--page-margin);}section#main_cat > * { grid-column: center;}*/ /* Hide scrollbar for Chrome, Safari and Opera */ ::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ section#main_cat .social-btns1 { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } section#main_cat .social-btns1 { grid-column: center-start/-1; display: grid; grid-auto-flow: column; gap: 1.5rem; overflow: auto; padding-top: 0.7rem; padding-bottom: 0.7rem; padding-right: 10px; justify-content: flex-start; } section#main_cat .social-btns1 .a { display: grid; place-content: center; background-color: #d0f0ee; color: #15928A; font-size: 1.5rem; height: 20rem; min-width: 13rem; } .sidebar-post .enquiry_form .modal-dialog{ margin-top: 0; } .about-div { display: block; padding: 10px; background-color: #ffffff; color: #5b5b5b; width: auto; margin: 3px 0; border-radius: 12px; border: 1px solid #f2f2f2; /*box-shadow: 0px 0px 0 #d6d6d6, 0px 1px 8px #d4d4d4;*/ font-size: 16px; text-align: justify; } .package2 { margin: 0.8rem 0; } .package2 .cards-wrapper { grid-column: center-start/-1; display: grid; grid-auto-flow: column; gap: 0.8rem; overflow: auto; } .package2 .cards-wrapper .card { display: grid; place-content: center; min-width: 8rem; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 0 #d6d6d6, 0px 1px 8px #d4d4d4; height: 100px; } .package2 .cards-wrapper .card img { object-fit: cover; width: 100%; } .package2 .cards-wrapper .card label { display: inline-block; margin-bottom: .5rem; position: absolute; background: #0000008f; padding: 2px 8px; border-radius: 4px; color: #fff; bottom: -4px; left: 2px; font-size: 11px; font-weight: 600; width: auto; max-width: 94%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .clients-div { margin: 0.8rem 0; } .clients-div .cards-wrapper { grid-column: center-start/-1; display: grid; grid-auto-flow: column; gap: 0.6rem; overflow: auto; padding-right: var(--page-margin); } .clients-div .cards-wrapper .card { display: grid; place-content: center; background-color: #ffffff; width:90px; height:90px; /*height: 6rem; min-width: 5rem;*/ /* box-shadow: 0px 0px 0 #d6d6d6, 0px 1px 8px #d4d4d4;*/ border-radius: 10px; border: 1px solid #f2f2f2; padding: 10px; } .clients-div .cards-wrapper .card label { display: inline-block; margin-bottom: .5rem; position: absolute; background: red; padding: 2px 8px; border-radius: 6px; color: #fff; bottom: 5px; left: 10px; font-size: 14px; font-weight: 600; } div#lb-gallery2-4 .carousel-item { border-radius: 15px; overflow: hidden; } .ads-div { margin: 0.8rem 0; } .ads-div .cards-wrapper { grid-column: center-start/-1; display: grid; grid-auto-flow: column; gap: 1rem; overflow: auto; } .ads-div .cards-wrapper .card { display: grid; place-content: center; min-width: 18rem; border-radius: 15px; overflow: hidden; } .ads-div1 { margin: 0.8rem 0; } .ads-div1 .cards-wrapper { grid-column: center-start/-1; display: grid; grid-auto-flow: column; gap: 1rem; overflow: auto; } .ads-div1 .cards-wrapper .card { display: grid; place-content: center; min-width: 9rem; border-radius: 10px; overflow: hidden; } .demo-btn { background: #00a0e3 !important; border-color: #00a0e3 !important; color: #fff !important; box-shadow: 0px 0px 13px 10px #f5f5f5; padding: 12px 16px; border-radius: 30px; margin: 24px 6px; display: inline-block; } .qrCode { width: 150px; /* border: 1px solid #eee; */ margin-bottom: 25px; margin-right: auto; } .left_footer ul.row_ul li a { font-size: 18px; line-height: 31px; } p.site_info { width:90%; color: #fff; text-align: justify; margin-bottom: 20px; margin-left: 0; font-size: 20px; line-height: 35px; } /*new clients in footer*/ .clients-logos .client-logos-repeater { height: 70px; max-width: 23%; margin: 1%; box-shadow: 2px 1px 1px 1px rgb(68 68 68); cursor: pointer; background: #363636; border-radius: 4px; overflow: hidden; } a.client-logo { display: inline-block; vertical-align: middle; margin: auto; position: absolute; top: 23%; left: 0; right: 0; transition: transform .3s; /* Animation */ } .clients-logos .client-logos-repeater:hover a.client-logo { /* background-color: #ebebeb;*/ transform: scale(1.3); } .clients-logos .client-logos-repeater img { /*position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0;*/ max-width: 60%; height: 30px; object-fit: contain; } .logo-title { position: absolute; display: none; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 16px; font-weight: 700; line-height: 16px; text-transform: uppercase; color: #FFF; background-color: #0079c2; } #new-client { /*border-top: 1px solid #ccc; border-left: 1px solid #ccc;*/ margin-top: 15px; } #new-client.row:before { display: table; content: " "; } #new-client.row:after { clear: both; } .ct-page_title-content { text-transform: capitalize; line-height: 36px; } .ct-page_title-content { font-size: 25px; font-size: 2.5rem; font-weight: 400; padding-top: 10px; padding-top: 1rem; display: inline-block; max-width: 750px; max-width: 75rem; } .ct-u-paddingBottom100 { padding-bottom: 100px; padding-bottom: 10rem; } .ct-u-paddingTop40 { padding-top: 40px; padding-top: 2rem; } .ct-content, .ct-aside { float: right; } .ct-content { margin-bottom: 80px; margin-top: 15px; } section.clients-home { margin-top: 20px; } .social-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; } .social-button { position: relative; display: flex; justify-content: center; align-items: center; outline: none; width:40px; height:40px; text-decoration: none; border-radius: 100%; background: #fff; text-align: center; /*box-shadow:0px 0px 5px 5px #2b2b2b;*/ } .social-button::after { /* content: "";*/ position: absolute; top: -1px; left: 50%; display: block; width: 0; height: 0; border-radius: 100%; transition: 0.3s; } .social-buttons .social-button:hover { background: #00a0e3; } .social-buttons .social-button:focus, .social-buttons .social-button:hover { color: #fff; } .social-button:focus::after, .social-button:hover::after { width: calc(100% + 2px); height: calc(100% + 2px); margin-left: calc(-50% - 1px); } .social-button i, .social-button svg { position: relative; z-index: 1; transition: 0.2s; } .social-button i { font-size: 15px; line-height: 40px; } .social-button svg { height: 40%; width: 40%; } .social-button i, .social-button svg { position: relative; z-index: 1; transition: 0.2s; } .social-button i { font-size: 16.6px; } .social-button svg { height: 40%; width: 40%; } .social-button--mail { color: #0072c6; } .social-button--mail::after { background: #0072c6; } .social-button--facebook { color: #3b5999; } .social-button--facebook::after { background: #00a0e3; } .social-button--whatsapp { color: #25d366; } .social-button--linkedin { color: #0077b5; } .social-button--linkedin::after { background: #00a0e3; } .social-button--github { color: #6e5494; } .social-button--github::after { background: #00a0e3; } .social-button--codepen { color: #212121; } .social-button--codepen::after { background: #00a0e3; } .social-button--steam { color: #7da10e; } .social-button--steam::after { background: #00a0e3; } .social-button--snapchat { color: #eec900; } .social-button--snapchat::after { background: #00a0e3; } .social-button--twitter { color: #55acee; } .social-button--twitter::after { background: #00a0e3; } .social-button--instagram { color: #e4405f; } .social-button--pinterest { color: #e60023; } .social-button--whatsapp::after { background: #00a0e3; } .social-button--instagram::after { background: #00a0e3; } .social-button--npmjs { color: #c12127; } .social-button--npmjs::after { background: #00a0e3; } ul.socials { margin-right: auto; } .footerLogo { margin-right: auto; } @media (max-width:599px) { .left_footer h4 { margin-top: 0px; } ul.row_ul2 li a { padding: 1px 0px 5px 0px; font-size: 13px !important; line-height: 30px !important; } h4.cont-hed, .qrCode, ul.socials, .footerLogo { margin-right: inherit; } p.site_info { margin-left: auto; } } /* Background color for every 1st, 6th, 11th, etc. div */ .container1 :nth-of-type(4n).social-btns1 a:nth-of-type(5n+1) .social-img { background-color: #fcf4dd; /* Color 5 */ } /* Background color for every 2nd, 7th, 12th, etc. div */ .container1 :nth-of-type(4n).social-btns1 a:nth-of-type(5n+2) .social-img { background-color: rgb(252 225 228 / 60%); /* Color 2 */ } /* Background color for every 3rd, 8th, 13th, etc. div */ .container1 :nth-of-type(4n).social-btns1 a:nth-of-type(5n+3) .social-img { background-color: rgb(153 255 153 / 20%); /* Color 3 */ } /* Background color for every 4th, 9th, 14th, etc. div */ .container1 :nth-of-type(4n).social-btns1 a:nth-of-type(5n+4) .social-img { background-color: rgb(235 211 248 / 40%); /* Color 4 */ } /* Background color for every 5th, 10th, 15th, etc. div */ .container1 :nth-of-type(4n).social-btns1 a:nth-of-type(5n) .social-img { background-color: rgb(224 232 246 / 50%); /* Color 1 */ } .container1 :nth-of-type(4n+2).social-btns1 a:nth-of-type(5n+1) .social-img { background-color: rgb(224 232 246 / 50%); /* Color 1 */ } .container1 :nth-of-type(4n+2).social-btns1 a:nth-of-type(5n+2) .social-img { background-color: rgb(235 211 248 / 40%); /* Color 4 */ } .container1 :nth-of-type(4n+2).social-btns1 a:nth-of-type(5n+3) .social-img { background-color: rgb(153 255 153 / 20%); /* Color 3 */ } .container1 :nth-of-type(4n+2).social-btns1 a:nth-of-type(5n+4) .social-img { background-color: rgb(252 225 228 / 60%); /* Color 2 */ } .container1 :nth-of-type(4n+2).social-btns1 a:nth-of-type(5n) .social-img { background-color: #fcf4dd; /* Color 5 */ } #banner-slider.slider { position: relative; width: 100%; margin-bottom: 20px; margin-top: 10px; } #banner-slider .items { position: relative; overflow: hidden; width: 100%; padding-bottom: 25.25%; margin-bottom: 0; border-radius: 8px; } #banner-slider .item { position: absolute; top: 0; left: 0; width: 100%; height: auto; opacity: 0; transition: opacity 0.6s ease-in-out; } #banner-slider .item.current { opacity: 1; } #banner-slider .item img { width: 100%; height: 100%; object-fit: cover; } #our_products { margin: 5px 0 20px; background: #fff; padding: 0 10px 10px; border-radius: 12px; border: 1px solid #f2f2f2; /*box-shadow: 0px 0px 0 #d6d6d6, 0px 1px 8px #d4d4d4;*/ } .product-desp .btn-primary, .btn-grp-one .add_to_cart_btn{ font-size: 1.6rem; padding: 5px 15px; } @media (min-width:1180px) { main.review-app { background: inherit; } .container-app { max-width: 1280px; } .single-breadcrumb { padding-top: 85px; /* width: 70%;*/ } #breadcrumb-line { margin-top: 25px; } /*#rev{ width: 70%; }*/ .ads-div .cards-wrapper { grid-auto-flow: row; gap: 1rem; overflow: auto; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } .ads-div .cards-wrapper .card { min-width: auto; } .footer_area .bottom-nav { display: none; } .footer-div .footer_bottom { margin-bottom: 0; } #rev .single-listing-summary-wrap2 { /*background: #f3f5f9;*/ } .pack-social { background: #fff; padding: 10px; border-radius: 12px; border: 1px solid #f2f2f2; /*box-shadow: 0px 0px 0 #d6d6d6, 0px 1px 8px #d4d4d4;*/ } .social-btns1 a { background: #fff; /* border: 1px solid #f2f2f2;*/ /* width: 116px;*/ } ul#serv-item li { margin: 1% 0.2%; padding: 6px 12px; font-size: 15px; } #banner-slider .items { border-radius: 12px; margin-top: 22px; } section#main_cat .social-btns1 { grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); grid-auto-flow: row; } .clients-div .cards-wrapper{ grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); grid-auto-flow: row; } .clients-div .cards-wrapper .card{ border: 1px solid #f2f2f2; width: 116px; height: 116px!important; border-radius: 10px; box-shadow: none; height: auto; } a.more-opt { background: #dae4f7; /* background: #087aa8; color: #fff;*/ } #rev .social-img span.more-line { font-size: 17px; font-weight: 600; color: #fff; } #rev .more-opt .social-img { background: #087aa8; line-height: 24px; } .package2 .cards-wrapper { overflow: auto; grid-auto-flow: row; grid-template-columns: repeat(auto-fill, minmax(133px, 1fr)); } .package2 .cards-wrapper .card { min-width: auto; } .grow-busi { display: inline-block; margin-top: 65px; padding-top: 45px; background: #fff; padding: 20px; border-radius: 12px; /*box-shadow: 0px 0px 0 #d6d6d6, 0px 1px 8px #d4d4d4;*/ border: 1px solid #f2f2f2; } .more-business { display: inline-block; background: #fff; padding: 20px; border-radius: 12px; border: 1px solid #f2f2f2; /*box-shadow: 0px 0px 0 #d6d6d6, 0px 1px 8px #d4d4d4;*/ } .strt-line { display: flex; } .more-grow { width: 29%; margin-top: 90px; padding-top: 45px; background: #fff; padding: 20px; border-radius: 12px; box-shadow: 0px 0px 0 #d6d6d6, 0px 1px 8px #d4d4d4; margin-left: 20px; } .sidebar-post h5 { font-size: 16px; font-weight: 600; padding-top: 15px; color: #5b5b5b; padding: 5px; font-family: inherit; font-size: 13px; font-weight: 500; line-height: 20px; margin-top: 5px; text-transform: uppercase; text-align: center; border-bottom: 2px solid #8080807d; width: auto; display: inline; margin: 0 auto; text-align: center; /* border-bottom: 2px solid #087aa8 !important;*/ } .group-bus { display: flex; flex-direction: column; } .item-one { display: flex; align-items: flex-start; margin-top: 18px; border-bottom: 1px solid rgb(140 140 140 / 20%); padding-bottom: 17px; } .item-photo { width: 80px; height: 80px; border-radius: 10px; margin-right: 10px; background: #f2f2f2; overflow: hidden; padding: 8px; } .item-photo img { object-fit: contain; } .item-left { width: 25%; } .item-info { width: 75%; } .item-info h6 { margin-bottom: 3px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; } .item-info p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; margin-bottom: 12px; } .more-btn { padding: 7px 13px; transition: all .5s ease; border-radius: 30px; /* background: #00a0e3 !important; */ /*border-color: #087aa8 !important; color: #087aa8 !important;*/ /* box-shadow: 0px 0px 13px 10px #f5f5f5; */ border: 1px solid; font-size: 14px; font-weight: 600; } .group-bus :last-child.item-one { border-bottom: none; } .grow-busi { margin-bottom: 35px; } .grow-busi .item-photo { width: 75px; height: 75px; border-radius: 12px; background: none; padding: 0; } .grow-busi .item-photo img { object-fit: cover; } .grow-busi .item-info h6 { /* display: ; */ } .grow-busi .item-info p { -webkit-line-clamp: 2; font-weight: 500; } .social-share { display: flex; margin-bottom: 0; } .social-share li { margin: 0 3px; font-size: 15px; } .social-share li i { color: #999; } .catg { background: #fff; padding: 20px; border-radius: 12px; border: 1px solid #f2f2f2; /*box-shadow: 0px 0px 0 #d6d6d6, 0px 1px 8px #d4d4d4;*/ margin-bottom: 35px; } .catg-grp { display: flex; flex-wrap: wrap; width: 100%; gap: 10px; margin-top: 10px; } .catg-grp a { width: 48%; } .cat { display: flex; background: #f8f9fd; align-items: center; padding: 5px; border-radius: 8px; } .cat-photo { width: 50px; margin-right: 15px; } .cat-photo img { width: 100%; border-radius: 12px; } .stay-social { background: #fff; padding: 15px; border-radius: 12px; border: 1px solid #f2f2f2; /*box-shadow: 0px 0px 0 #d6d6d6, 0px 1px 8px #d4d4d4;*/ margin-top: 0; margin-bottom: 35px; } ul.stay-icon { display: flex; margin: 15px 0 0; } .stay-icon li { margin: 0 3px; background: #F0F2F5; width: 40px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; border-radius: 100%; color: #65676B; } span.cat-line { font-weight: 500; } .add-box-content img { border-radius: 12px; } .stay-icon i { color: #8d96b9; } ul#serv-item1 li { margin-bottom: 4px; } #rev .single-listing-summary2 .media .media-body .item-title{ font-size: 22px; } h4.tag{ font-size: 16px; } #rev .single-listing-summary2 .media .media-body .loc{ font-size: 14px; } #rev .media-body p{ font-size: 14px !important; } ul#serv-item1 li{ font-size: 13px; } #rev .btn { font-size: .95rem; } span.tit{ font-size: 15px; font-weight: 500; display: inline-block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #000; overflow: hidden; margin: 7px 0 0; } .social-head h3{ font-size: 18px; } .info :last-child.four{ display: none; } /*.four.col.bord{ border-right: none; }*/ } #what_we_do { display: none; } #what_we_do1 { display: block; } .ads-div1 { display: none; } button#we_do { display: none; } /*.info .four:last-child { display: none; } */ section.sidebar-post { display: block; } @media screen and (max-width: 991px) { .clients-div .cards-wrapper .card img { /*padding: 0!important*/ } .pack-social { border: 1px solid #f2f2f2; border-radius: 7px; margin-bottom: 15px; padding: 10px; } .info .four { width: 24% !important; } #rev .media-part { width: 100% !important } .desc { width: 100%; } #what_we_do { margin-bottom:0!important; display: block !important } #qrcode { margin-top:0 !important } .qrcode-img { border:none!important; margin-bottom: 40px; } #our_products { background: transparent!important; } #rev .single-listing-summary-wrap2, .review-app { background: #f2f2f2!important; } #what_we_do1 { display: none !important } button#we_do { display: block !important; } .info .four:last-child { display: inline-block !important; } section.sidebar-post { display: none !important } .item__details { display: flex; padding: 5px; flex-direction: row; } .homeSingle_item { display: flex !important } .item_images{ flex: 0 0 82px; } } .homeSingle_item, .menu-img { min-height: auto; flex-direction: row; height: 115px; justify-content: flex-start; align-items: center; overflow: hidden; transition: all .3s ease-in-out; position: relative; } .item_images { /*box-shadow: 0 0.3rem 1rem -0.375rem rgb(0 0 0 / 51%) !important;*/ height: 100px !important; border: 1px solid #f2f2f2; width: 120px !important; flex: 0 0 100px; margin: 10px; overflow: hidden; border-radius: 4px; } .topCategory a:hover .catTop { } .homeSingleImg.menu-img.img { min-height: auto; height: 100%; width: 100%; border-radius: 0; flex: inherit; } .homeSingle_item { background: #fff; border: 1px solid #f2f2f2; /*box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important;*/ padding:0; /*min-height: 185px;*/ border-radius: 6px; } @media (max-width:599px) { .left_footer h4 { margin-top: 0px; margin-right: 46px; } ul.row_ul2 li a { padding: 1px 0px 5px 0px; font-size: 12px; } h4.cont-hed, .qrCode, ul.socials { margin-right: inherit; } p.site_info { margin-left: auto; } ul.row_ul { margin-right: auto; } .order-4 h4.cont-hed { margin-right: auto; } .singleCatItem { min-height: 87px !important; justify-content: flex-start; } .item_images{ flex: 0 0 82px; } .sec-title h2{ font-size: 26px; line-height: 36px; } .about-section .image-column .inner-column{ margin-bottom: 20px; } .section_items .business-container{ padding: 0 15px; } } .col-6.col-sm-3.col-lg-3.sm-p-5.order-sm-2.order-3 .row_ul{ text-transform: capitalize; } .info :last-child.four{ border-right: none; } .product-desp{ padding: 25px 0 60px; min-height: 96vh; } .product-desp .business-container, .product-desp, .product-desp .business-container .row, .product-desp .business-container .row .col-lg-4{ overflow: visible !important; } .product-photo { border: 1px solid #f2f2f2; border-radius: 8px; padding: 3px; } .desp-details{ padding-left: 15px; } .desp-details h3{ color: #4b566b; font-size: calc(18px + .3vw); font-weight: 600; /* font-family: "Varela Round", sans-serif;*/ letter-spacing: normal; /* margin-bottom: 18px;*/ } .desp-details .product-cat{ margin-bottom: 1rem; margin-top: 3px; } .manage{ border-radius: 30px; background: #fff; /* border-color: #00a0e3;*/ /* color: #fff;*/ box-shadow: 0px 0px 13px 10px #f5f5f5; padding: 12px 31px; margin-top: 15px; outline: white; border: none; } .manage a, .manage a:hover{ color: #fff; } .top_footer.not-used{ display: none; } .navbar{ padding:8px 0; } .userMenu .navbar{ padding: 5px 0; } .rwd-table th, .rwd-table td { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .rwd-table { margin: auto; min-width: 300px; max-width: 100%; border-collapse: collapse; margin: 25px 0 50px; } .rwd-table tr:nth-child(even) { background: #F3F3F3; } .rwd-table tr:first-child { /* border-top: none;*/ /*background: #428bca; color: #fff;*/ } .rwd-table tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; /* background-color: #f5f9fc;*/ } .rwd-table tr:nth-child(odd):not(:first-child) { /* background-color: #ebf3f9;*/ } .rwd-table th { display: none; } .rwd-table td { display: block; } .rwd-table td:first-child { margin-top: .5em; } .rwd-table td:last-child { margin-bottom: .5em; } .rwd-table td:before { /* content: attr(data-th) ": ";*/ font-weight: bold; width: 120px; display: inline-block; color: #000; } .rwd-table th, .rwd-table td { text-align: left; } .rwd-table { color: #333; /* border-radius: .4em;*/ overflow: hidden; } .rwd-table tr { border-color: #bfbfbf; } .rwd-table th, .rwd-table td { padding: .5em 1em; } @media screen and (max-width: 601px) { .rwd-table tr:nth-child(2) { border-top: none; } } @media screen and (min-width: 600px) { .rwd-table tr:hover:not(:first-child) { background-color: #e3e3e3; } .rwd-table td:before { display: none; } .rwd-table th, .rwd-table td { display: table-cell; padding: .25em .5em; } .rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; } .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; } .rwd-table th, .rwd-table td { padding: 0.8em !important; } } .heading-des h3{ margin-top: 32px; text-transform: capitalize; font-size: 19px; margin-bottom: 10px; padding-bottom: 3px; } #middle-header.navbar{ /* position: static;*/ } #middle-header.navbar>.container{ width: -webkit-fill-available; align-items: center; } section#contacts{ padding: 0px 0 40px; /*min-height: 90vh;*/ } #description-detail ul{ list-style: disc; margin-left: 6px; } #description-detail li{ margin-left: 26px; font-size: 1.5rem; list-style: disc; } @media (max-width:599px){ .product-desp{ padding: 10px; margin-bottom: 50px; } #menu-page .item-wrapper{ margin: 5px 0; padding: 0; border:none; } section#contacts{ padding: 0px; } .product-photo{ padding: 5px 13px 28px; border: none; position: static; } .bottom-btn1{ /* display: none;*/ } .rwd-table { margin-left: 10px; margin-right: 15px; width: 95%; } .heading-des h3 { margin-top: 21px; text-transform: capitalize; font-size: 16px; /* margin-left: 15px;*/ } .product-desp .priceTag, .desp-details .product-cat{ margin-bottom: 0.5rem; } /*.rwd-table tr :first-child{ font-weight: bold; width: 30%; display: inline-block; color: #000; font-size: 14px; margin-top: 0; } .rwd-table tr :nth-child(2){ display: inline-block; width: 70%; margin-bottom: 0; }*/ .manage{ padding: 6px 21px; } .style_2 .gallery_area .homeView .q-sm{ padding: 0 15px !important; } .clients-div { margin: 0.8rem 0 0; } } #menu-page .menu-div, #menu-page .showItem{ /*display: none;*/ } #menu-page #category-type .social-head{ display: none; } .about-div2 { margin-top: 40px; } .about-div2 .social-head { margin-bottom: 10px; } .enquiry_form .modal-content { border:none; } .enquiry_form .modal-body{ padding: 0px; } .enquiry_form .form-control { min-height:2.5em; font-size: 1.4rem; } .enquiry_form .modal-footer { border:1px solid #f2f2f2; } .enquiry_form .btn { width: 100%; font-size: 1.6rem; } .enquiry_form .social-head { padding: 10px 15px 0 15px; } .enquiry_form .form-control { background-color: #fff; } .clients-div .cards-wrapper .card img { /* padding: 10px;*/ object-fit: contain; } .homeMenuNav .nav-link i{ font-size: 21px; } @media (max-width: 599px){ .header .navbar-brand{ padding-top: 0.3125rem; } .header .navbar-brand img.shopLogo{ /* max-height: 40px !important;*/ width: 100%; /*height: 46px;*/ } #description-detail{ /* padding-left: 15px;*/ font-size: 14px; } } .product-desp .priceTag{ margin-bottom: 1rem; } @media (min-width:720px) and (max-width:1180px){ #main-home .about-img-left{ width: 55% !important; } .left_footer.quk-links h4, .quk-links ul.row_ul{ margin-right: auto; margin-left: 10px; } .footerLogo{ margin-top: 50px; } .product-desp { margin-bottom: 50px; } .shopLogo { /* height: 41px !important;*/ width: 74px; height: auto; } .site-breadcrumb h3 { font-size: 30px !important; padding: 36px 0 !important; } #blogDetail.site-breadcrumb h3 { font-size: 19px !important; padding: 36px 62px !important; } .site-breadcrumb { margin: 12px 0 26px; } .main-body { padding-top: 3%; } #contact-page .section_items{ padding-top: 0 !important; } #blog-detail-page .sidebar .widget { padding: 1.5rem 0rem;} .blog-details-desc h3 { font-size: 28px; } .blog-details-desc .article-content h3 { font-size: 20px; } .blog-grid .user-info h5{ font-size: 13px; line-height: 10px; } .UserMobileMenu { display: block; position: fixed; width: 100%; bottom: 0; background: #f1f3f4; z-index: 999; box-shadow: 0 -1px 5px #ddd; padding-top: 4px; } .UserMobileMenu ul { display: flex; align-items: center; justify-content: space-around; height: 45px; margin-bottom: 0; } .UserMobileMenu ul li.active a { color: rgba(41, 199, 172, 1); } .UserMobileMenu ul li a { color: #777; display: block; padding: 11px 7px; text-align: center; font-size: 20px; color: #1f1f1f; } .UserMobileMenu ul li { width: 75px; position: relative; } a.base { border-radius: 100%; height: 46px; width: 46px; flex: 0 0 52px; margin-left: 14px; position: absolute; top: -38px; background: radial-gradient(rgba(41, 199, 172, 1) 55%, #f1f3f4 58%); color: #fff; font-size: 22px; line-height: 26px; align-self: center; } a.base i{ color: #fff; } a.base:hover i{ color: #fff!important; } .UserMobileMenu ul li a img { height: 30px; width: 30px; } .UserMobileMenu ul li a i { font-size: 25px; transition: all .5s ease-in-out; } /*.UserMobileMenu ul li a:hover i{ color: rgba(41, 199, 172, 1); }*/ .UserResponsive_menu{ position: relative; } .show_menu_details.active{ bottom: 70px; opacity: 1; transition: all .3s ease-in-out; } .show_menu_details { display: block; position: fixed; bottom: -200%; background: #f1f3f4; z-index: 99; left: 50%; opacity: 0; box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%); transition: all .3s ease-in-out; right: auto; width: 310px; transform: translateX(-50%); border: 6px solid; border-radius: 13px; /* position: relative;*/ box-shadow: 0 0 20px .15px rgba(0, 0, 0, .2); } .cartFloatingIcon, .footer_bottom{ display: none; } section#contacts{ min-height: auto; padding: 0px 0 10px; } } .no_head { text-align: center; margin: 0 auto; font-size: 20px; font-weight: bold; margin: 20px 0; } .no_img { width: 80%; justify-content: center; display: flex; height: auto; margin: 0 auto; } #banner-slider .buttons { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; } #banner-slider .button { width: 22px; height: 22px; border: none; outline: none; padding: 0; background: transparent center no-repeat; cursor: pointer; opacity: 0.4; z-index: 4; } #banner-slider .button.prev { background-image: url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32.png); } #banner-slider .button.next { background-image: url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32-1.png); } #banner-slider .button:hover { opacity: 0.8; } .product-contact{ min-height: 90vh; } @media (min-width:1181px){ .product-desp .product-photo{ /*position: fixed; top: 124px; margin: 0; width: 26%;*/ position: sticky; top: 60px; height: auto; /* Ensure it does not collapse */ z-index: 9; } } #qrcode { margin-top: 25px; } #qrcode h2 { font-size: 20px; font-weight: 700; text-align: center; } #qrcode h2 span { font-size:20px; margin:0 auto; color: red; font-weight: 700; text-transform: uppercase; } .qrcode-img { display: block; padding: 15px; background-color: #ffffff; color: #5b5b5b; width: auto; margin: 0.8rem 0; border-radius: 7px; border: 1px solid #f2f2f2; font-size: 16px; text-align: justify; } .qrcode-img img { width:50%; margin: 10px auto; text-align: center; display: block; } .add-box-content { margin-bottom: 35px; } #our_products .img, .gallery_area .img, #menu-page .img{ object-fit: contain !important; background-size: contain !important; } #contact-btn{ white-space: nowrap; } @media (min-width:1181px){ div#what_we_do{ display: none; } .four.col.bord{ border-right: none; } .no_img{ width: 43%; } #order-success{ min-height: 90vh; } } @media (min-width:700px) and (max-width:1180px){ .review-app{ background: #f2f2f2; } #qrcode{ margin: 0 auto; } #rev { min-height: 61vh; } } .sction_title12{ color: #4b566b; font-size: calc(14px + 1.0vw); font-family: 'Montserrat'; font-weight: 700; border-bottom: 3px solid red; display: inline-block; padding-bottom: 5px; /* margin-bottom: 22px; */ margin-top: 0px; } @media (max-width:599px){ .sction_title12{ margin-top: 12px; } } @media (max-width:991px){ #our_products .singleCategoryHeader h4{ font-size: 14px; line-height: 19px; } #our_products .singleCategoryHeader{ margin-bottom: 0; background: #fbfbfb; padding: 3px 10px; margin-top: 8px; border-radius: 6px; line-height: normal; } #our_products .homeView{ margin-bottom: 0 !important; } .UserMobileMenu label { font-size: 11px; } #menu-page .sction_title{ padding: 0px 0 10px; } .about-section .sec-title{ text-align: center; } } @media (min-width:1180px){ #our_products .singleCategoryHeader h4{ font-size: 14px; } #our_products .singleCategoryHeader{ background-color: #f1f1f1; margin-bottom: 0; margin-top: 14px; } #menu-page .sction_title{ padding: 0px 0 10px; } } #qrcode h2{ font-size: 15px; } #qrcode .box-btn { border: 1px solid #ddd; display: inline-block; padding: 8px 5px; border-radius: 6px; font-size: 14px; background:#f8f9fa; } #qrcode .btn-box { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; } #qrcode .box-btn i { font-size: 15px; margin-right: 5px; } #qrcode .logo-scan{ width: 29%; margin-top: 0; } @media (max-width:599px) { #qrcode{ background: #f2f2f2; margin-top: 0; padding-bottom: 60px; } #qrcode .box-btn{ display: block; width: 92%; text-align: center; } #qrcode .qrcode-img{ background: #f2f2f2; margin: 0 15px; } #qrcode .qrcode-img img { width: 85%; margin: 20px auto ; text-align: center; display: block; padding: 19px; background: #fff; border-radius: 9px; } #qrcode .logo-scan { width: 55% !important; background: transparent !important; padding: 0 !important; margin: 0 auto 12px !important; } } @media (min-width:600px) and (max-width:1180px){ #qrcode{ background: #f2f2f2; margin-top: 0; margin-bottom: 36px; } #qrcode .qrcode-img{ background: #f2f2f2; margin: 0 15px; } #qrcode .qrcode-img img { width: 59%; margin: 20px auto ; text-align: center; display: block; padding: 19px; background: #fff; border-radius: 9px; } #qrcode .box-btn{ display: block; width: 60%; text-align: center; } #qrcode .logo-scan { width: 26% !important; background: transparent !important; padding: 0 !important; margin: 0 auto 12px !important; } } #description-detail td { padding: 5px 12px; } /*new slider*/ #client-feedback.slide-container{ max-width: 100%; width: 100%; /* padding: 40px 0;*/ margin-bottom: 50px; } #client-feedback.slide-container .card{ border: none; } #client-feedback .slide-content{ margin: 0 40px; overflow: hidden; } #client-feedback .card{ border-radius: 25px; background-color: #FFF; } #client-feedback .image-content, #client-feedback .card-content{ display: flex; flex-direction: column; align-items: center; /* padding: 10px 14px;*/ } #client-feedback .image-content{ position: relative; row-gap: 5px; /* padding: 25px 0;*/ } #client-feedback .card.swiper-slide{ border: none; background: none; } #client-feedback .overlay{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #4070F4; border-radius: 25px 25px 0 25px; } #client-feedback .overlay::before, #client-feedback .overlay::after{ content: ''; position: absolute; right: 0; bottom: -40px; height: 40px; width: 40px; background-color: #4070F4; } #client-feedback .overlay::after{ border-radius: 0 25px 0 0; background-color: #FFF; } #client-feedback .card-image{ position: relative; /*height: 255px; width: 183px;*/ } #client-feedback .card-image .card-img{ height: 100%; width: 100%; object-fit: cover; border-radius: 13px; /*border-radius: 50%; border: 4px solid #4070F4;*/ } #client-feedback .name{ font-size: 18px; font-weight: 500; color: #333; } #client-feedback .description{ font-size: 14px; color: #707070; text-align: center; } #client-feedback .button{ border: none; font-size: 16px; color: #FFF; padding: 8px 16px; background-color: #4070F4; border-radius: 6px; margin: 14px; cursor: pointer; transition: all 0.3s ease; } #client-feedback .button:hover{ background: #265DF2; } #client-feedback .swiper-navBtn{ color: #6E93f7; transition: color 0.3s ease; } #client-feedback .swiper-navBtn:hover{ color: #4070F4; } #client-feedback .swiper-navBtn::before, #client-feedback .swiper-navBtn::after{ font-size: 35px; } #client-feedback .swiper-button-next{ right: 0; } #client-feedback .swiper-button-prev{ left: 0; } #client-feedback .swiper-pagination-bullet{ background-color: #6E93f7; opacity: 1; } #client-feedback .swiper-pagination-bullet-active{ background-color: #4070F4; } #industry-sec{ padding: 40px 0; } #client-feedback, #logos-slider{ padding-top: 40px; } @media screen and (max-width: 767px) { #client-feedback .slide-content{ margin: 0 5px; border-radius: 0; } #client-feedback .swiper-navBtn{ /* display: none;*/ } #client-feedback .card-image{ /*height: 209px; width: 145px;*/ } #client-feedback .swiper-navBtn::before, #client-feedback .swiper-navBtn::after{ font-size: 30px; } #client-feedback .slide-container{ padding: 30px 0; margin-bottom: 0; } #main-home h2, .default.steps .section-heading, #industry-sec .section-heading, .feature_area .section-heading, .slider-screen .section-heading, #client-feedback .section-heading, .services_area .section-heading, #logos-slider .section-heading{ font-size: 23px !important; margin-bottom: 10px !important } section.default{ padding: 30px 0 !important; } #industry-sec{ padding: 0; } .slider-screen{ padding: 0 0 30px; } #client-feedback, #logos-slider{ padding-top: 10px; } #client-feedback.slide-container { margin-bottom: 0; } #accordion-style-1 .card:last-child{ margin-bottom: 0; } } @media (min-width:720px) and (max-width:1180px){ #client-feedback .card-image{ /*height: 204px; width: 162px;*/ } #client-feedback .slide-content{ border-radius: 0; } } #site-feature{ margin: 50px 0 40px; } #site-feature .feat-img img{ width: 100%; height: auto; filter: brightness(0) invert(1); } #site-feature .feat-img{ width: 80px; height: 80px; margin: 0 auto; text-align: center; } #site-feature .feat-head{ font-size: 2.4rem; font-weight: 700; font-style: italic; } #site-feature .feature-item { text-align: center; display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: center; } #site-feature p{ color: #fff; } #main-home .home-about-content p{ color: #5b5b5b; } .btn-grp-one { display: flex; gap: 14px; flex-wrap: wrap; } .btn-grp-one .add_to_cart_btn{ background: #fff !important; } @media (max-width:1180px){ .CartIcon.active{ bottom: 60px; } } .cartItemDetails{ box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%); } @media (max-width:599px){ #site-feature .feat-img{ width: 50px; height: 50px; } #site-feature { margin: 0px 0 0; } } .slick-slide { margin: 0px 20px; } .customer-logos1 .slick-slide img { width: 100%; vertical-align: middle; } .customer-logos1.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .customer-logos1 .slick-slide { margin: 0px 6px; border-radius: 10px; width: auto; padding: 18px; padding-top: 0; } #logos-slider h2.large-head{ margin: 20px auto 0; font-size:35px; } .customer-logos1 .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .customer-logos1 .slick-list:focus { outline: none; } .customer-logos1 .slick-list.dragging { cursor: pointer; cursor: hand; } .customer-logos1.slick-slider .slick-track, .customer-logos1.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .customer-logos1 .slick-track { position: relative; top: 0; left: 0; display: block; } .customer-logos1 .slick-track:before, .customer-logos1 .slick-track:after { display: table; content: ''; } .customer-logos1 .slick-track:after { clear: both; } .customer-logos1 .slick-loading .slick-track { visibility: hidden; } .customer-logos1 .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .customer-logos1 .slick-slide img { display: block; filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden; } .customer-logos1 .slick-slide img:hover { filter:none; -webkit-filter: none; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @media (max-width:599px){ .customer-logos1 .slick-slide{ padding: 8px; margin: 0 4px; } .features-heading { padding: 3px 5px 0 5px !important; } .home_pricing .features-heading h2{ font-size: 14px; margin-top: 12px; } .blog-grid .user-info h5{ font-size: 12px; } .blog-grid .blogcard-header img{ border-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .blog-grid .blogcard-body p{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 3px; } .contacts_area .row{ gap: 12px; } .modal-dialog{ margin: 1.5rem; } .mbr-slider .modal-dialog{ margin: auto; } .package2 .cards-wrapper .card label{ line-height: 14px; } .package2 .cards-wrapper .card{ height: 85px; width: 90px; background: #c2c2c2; } } div#order-success { min-height: 90vh; font-size: 1.5rem; } @media (min-width:700px) and (max-width:1180px){ .customer-logos1 .slick-slide { padding: 10px; } .blog-grid .blogcard-header img{ border-radius: 12px; } .blog-grid .blogcard-body p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 3px; } .package2 .cards-wrapper .card{ height: 87px; } } #description-detail table td, #description-detail table th{ padding: 5px 14px; border: 1px solid #ddd; font-size: 1.6rem; } #user-sec .media-body { width: 100% !important; text-align: left; color: #5b5b5b; margin-left: 0px !important; } #user-sec .media-body .item-title { font-size: 18px; line-height: 22px; /* color: #5b5b5b;*/ font-weight: 600; text-transform: capitalize; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: 0.3s; } #user-sec .media-body h4.tag { font-size: 14px; font-weight: 700; margin: 4px 0; color: #5b5b5b; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #user-sec .lower-btn { display: flex; width: 100%; align-items: center; justify-content: space-between; border-top: 1px solid #ddd; margin-top: 0px; padding-top: 10px; } #user-sec .category-part { padding: 0px !important; font-size: 14px; } #user-sec .category-part i{ color: #00a0e3; font-size: 18px; vertical-align: middle; } #user-sec .category-name{ color: #5b5b5b; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; width: 165px; display: inline-block; overflow: hidden; vertical-align: middle; } #user-sec .media-body .loc { color: #5b5b5b; font-weight: 500; font-size: 12px; margin-bottom: 10px; display: inline-block; line-height: 18px; margin: 8px 0 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 34px; font-family: 'Open Sans', sans-serif; letter-spacing: normal; } #user-sec .media-body .loc span{ color: #5b5b5b; } #user-sec .loc i { font-size: 12px; color: #00a0e3; } #user-sec .info .four { width: 23% !important; text-align: center; border-right: 1px solid #d2d2d2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; display: inline-block; font-size: 12px; } #user-sec .info .four .number { display: block; font-size: 16px; line-height: 20px; font-weight: 700; } #user-sec .info .four .number img { width: 25px; margin-bottom: 3px; } #user-sec .desc { padding: 10px 0; width: 100%; margin: 0 auto; } #user-sec .media-body.space-md p{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px; color: #5b5b5b; width: 100%; } #user-sec #what_we_do1 { display: none !important; } #user-sec .info :last-child.four { border-right: none; } #user-sec .info .four a{ display: inline-block; font-size: 11px; } #user-sec .info.cf { margin-top: 10px; } #user-sec .featured-title-box{ padding: 12px 21px 8px; } #user-sec .featured-title-box span{ padding: 0 6px; } #user-sec .featured-rating-green{ /* margin: -70px auto 5px;*/ display: block; position: static; /* margin: -53px 5px 0px auto;*/ width: 60px; height: 60px; position: absolute; top: 20%; right: 21px; } #user-sec a.business-img img{ filter: brightness(0.8); } #user-sec .media-btn.btn { /* background-color: #00a0e3 !important;*/ color: #00a0e3; padding: 4px; /* width: 44%;*/ display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; transition: all 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid #00a0e3; line-height: 1.5; border-radius: 20px; text-transform: capitalize; font-size: 12px; padding: 3px 9px; } #user-sec .featured-place-wrap:hover .item-title{ color: #00a0e3; } #user-sec .media-btn.btn:hover{ background-color: #00a0e3; color: #fff; } @media (min-width:720px) and (max-width:1180px){ #user-sec .col-md-3.featured-responsive { max-width: 33% !important; flex: 0 0 33%; padding-right: 7px; padding-left: 7px; } #user-sec a#contact-btn{ display: none; } #user-sec .info .four.col.bord{ border-right: none; } #user-sec .info .four { width: 31% !important;} #user-sec .info :last-child.four{ display: none !important; } #user-sec .featured-rating-green { width: 50px !important; height: 50px !important; /* margin: -55px 5px 0px auto !important;*/ } } @media (max-width:599px){ #user-sec a#contact-btn{ display: none; } #user-sec .info .four.col.bord{ border-right: none; } #user-sec .info .four { width: 31% !important;} #user-sec .info :last-child.four{ display: none !important; } #user-sec { justify-content: center; } #user-sec .info .four a { font-size: 8px; } #user-sec .media-body .item-title{ font-size: 14px; line-height: 18px; letter-spacing: normal; } #user-sec .media-body h4.tag { font-size: 12px; font-weight: 600;} #user-sec .featured-title-box { padding: 12px 10px 10px; } #user-sec .desc{ padding: 5px 0; } #user-sec .col-md-3.featured-responsive { max-width: 50% !important; flex: 0 0 50%; padding-right: 7px; padding-left: 7px; } #user-sec .featured-place-wrap{ border-radius: 8px; margin: 0 0 18px; } #user-sec .info .four .number img{ width: 20px; } #user-sec .featured-rating-green { width: 40px !important; height: 40px !important; /* margin: -36px 5px 0px auto !important;*/ } } .card .featured-place-wrap{ margin-bottom: 0px; } .card .featured-place-wrap:hover{ box-shadow: none; } .categ { /* background: #e8f9ff;*/ margin: 0px 0 40px; /* padding: 40px 0;*/ } #catg-sec .categ-img { width: 50px; margin: 0 auto 10px; display: block; text-align: center; } #catg-sec{ gap: 42px 0px; } #catg-sec .categ-item{ text-align: center; display: flex; align-items: center; } .categ-name { color: #000; font-weight: 500; font-size: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 14px; } .categ-item.card-bord { background: #00a0e3; /* padding: 22px 6px;*/ border-radius: 6px; } .categ-item h3{ color: #fff; font-size: 15px; font-family: 'Open Sans', sans-serif; letter-spacing: normal; } #what_we_do3 ul#serv-item1 li, .what_we_do3 ul.serv-item1 li{ font-size: 12px; margin-bottom: 3px; background: #f2f2f2; border: none; border-radius: 6px; padding: 2px 6px; line-height: normal; overflow: visible; display: inline-block; color:#5b5b5b; } #what_we_do3 .service-tags, .what_we_do3 .service-tags{ padding: 0 0; height: 51px; overflow: hidden; margin-bottom: 7px; } .featured-title-box ul.serv-item1{ margin: 0px; } .categ-item img{ width:50%; margin-bottom: 8px; } #catg-sec>*{ padding: 0 7px; display: flex; } @media(max-width:599px){ #category-div.carousel .slick-slide{ margin: 0 5px; } #user-sec .featured-rating-green{ top: 13%; right: 4px; } #user-sec .category-name{ width: auto; font-size: 12px; } #user-sec .lower-btn{ display: block; } .what_we_do3{ display: none; } #user-sec .category-part i{ font-size: 16px; margin-right: 3px; } #browse-cat #user-sec .media-btn.btn{ font-size: 12px; padding: 2px 20px; line-height: 1.3; font-weight: 300; } #what_we_do3 .service-tags{ height: 25px; } #browse-cat #user-sec .lower-btn{ border:none; padding: 0; } .categ{ padding: 0 15px; } #catg-sec .categ-img{ width: 35px; margin: 0 auto 7px; } .categ-name{ font-size: 9px; line-height: 11px; word-wrap:normal; /* display: block;*/ } .categ-item.card-bord{ padding: 8px 6px; border-radius: 7px; } #catg-sec>*{ padding: 0 6px; } #user-sec .media-body .loc { margin: 5px 05px;} .categ-item h3 { font-size: 12px; line-height: 16px; } #catg-sec { gap: 20px 0px; margin-top: 16px; } #user-sec .lower-btn{ padding-top: 0px; border-top: none; line-height: 1.4; } #user-sec #what_we_do3{ display: none; } #user-sec .media-btn.btn{ font-size: 12px; padding: 2px 36px; line-height: 1.3; border-radius: 8px; } #ad-slider { margin-top: 40px; margin-bottom: 15px; padding-top: 0px; } } @media (min-width:720px) and (max-width:1180px){ #ad-slider{ margin-top: 48px !important; padding-top: 0px; } #user-sec .media-btn.btn{ padding: 2px 8px; font-size: 11px; } #user-sec .category-name{ font-size: 12px; width: 74px; } #user-sec .featured-title-box{ padding: 12px 14px 8px; } #user-sec .what_we_do3 { display: none; } #user-sec .featured-rating-green{ top: 8%; right: 5px; } .categ{ padding-top: 20px; } #catg-sec { gap: 25px 0px; margin-top: 20px; } } @media (max-width:1180px){ .mb-sm-18{ margin-bottom: 18px; } .categ{ margin-bottom: 15px; } } .filterable { margin-top: 15px; } .filterable .panel-heading .pull-right { margin-top: -20px; } .filterable .filters input[disabled] { background-color: transparent; border: none; cursor: auto; box-shadow: none; padding: 0; height: auto; } .filterable .filters input[disabled]::-webkit-input-placeholder { color: #333; } .filterable .filters input[disabled]::-moz-placeholder { color: #333; } .filterable .filters input[disabled]:-ms-input-placeholder { color: #333; } .table thead .filters th{ border-bottom:none; border-top: none; width: 22%; padding: 7px; } th.last-btn-group{ text-align: right; } .table thead .filters { border: none; } /*button#reset-btn, button#search-btn{ width: 47%; }*/ button#reset-btn{ width: 100%; } button#search-btn { background: #00a0e3; border-color: #00a0e3; margin-right: 8px; } .slider-container { display: flex; align-items: center; gap: 2px; } input[type="range"] { -webkit-appearance: none; width: 100%; height: 8px; border-radius: 5px; outline: none; background: linear-gradient(to right, #00a0e3 5%, #ddd 0%); transition: background 0.3s; } input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; background: #00a0e3; border-radius: 50%; cursor: pointer; } input[type="range"]::-moz-range-thumb { width: 20px; height: 20px; background: #f44336; border-radius: 50%; cursor: pointer; } .value-display { font-size: 16px; font-weight: bold; display: inline-block; width: 32%; text-align: right; } @media (max-width:599px){ .table thead .filters{ display: flex; flex-wrap: wrap; padding: 5px 0; } .table thead .filters th{ width: 50%; font-size: 14px; font-weight: 600; } button#reset-btn, button#search-btn { width: 100%; } #filter-form .form-control{ font-size: 1.3rem; } .value-display{ font-size: 13px; } .table thead .filters th.last-btn-group{ display: flex; width: 100%; gap: 8px; } .value-display{ width: 34%; } } /*.filter-sidebar { position: fixed; top: 0; bottom: 0; left: 0; width: 235px; background-color: #fff; box-shadow: -1px 18px 18px 0px rgba(214, 215, 235, 1); transition: transform 0.3s ease-out; z-index: 999; font-size: 14px; } .filter-sidebar ul { margin: 0; padding: 0; } .filter-sidebar li { border-bottom: 1px solid #888; list-style: none; } .filter-sidebar a { display: block; padding: 1em 1.5em; color: #888; text-decoration: none; } .filter-sidebar a:hover { background-color: #222; color: #FFF; } .filter-sidebar.is-hidden { transform: translateX(-300px); }*/ /*.filter-sidebar { position: relative; }*/ .filter-close-btn { position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 1.5rem; cursor: pointer; } .filter-close-btn:focus { outline: none; } .filter-sidebar .table thead .filters{ display: flex; flex-direction: column; padding: 50px 5px; } .filter-sidebar .table thead .filters th{ width: 100%; } .filter-sidebar button#reset-btn, .filter-sidebar button#search-btn{ /* width: 46%;*/ font-size: 13px; } .filter-sidebar .value-display{ font-size: 14px; } .filter-sidebar .form-control{ font-size: 13px; } .filter-btn{ display: none; } @media (max-width:1180px){ .table thead .filters{ /* display: none;*/ } .filter-btn{ display: inline-block; border: 1px solid #00a0e3; padding: 2px 15px; color: #00a0e3; border-radius: 7px; font-size: 14px; } #browse-users .row.justify-content-center{ padding: 0px 5px; } } .spl-instruction { color: #e10c00; font-size: 12px; margin-left: 0; font-weight: 500; } .right_bar a { text-transform: uppercase!important; font-size: 18px; font-weight: 500; } #site-feature .feature-item { text-align: center; background: #00a0e3; color: #fff; padding: 20px; border-radius:30px; } /*.qrCode img { filter: brightness(0) invert(1); }*/ .login_wrapper { background-image: linear-gradient(#00a0e3 50%, white 50%); padding:8% 0 0 0 ; overflow-y: hidden; } .top-sec { color: #fff } .right_bar a.create_profile{ background-color: #fff !important; color: #000 !important; } .right_bar a.create_profile i{ border-color: #000; } .right_bar a.create_profile:hover{ background-color: #000 !important; color: #fff !important; } .right_bar a.create_profile:hover i{ border-color: #fff; } a.btn { width:auto; height:40px; color: #fff; line-height: 40px; border-radius: 40px; padding:0 25px; font-size: 1.4rem; font-weight: 500; background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); outline: none; } a.learn-btn { background: #00a0e3; border: none; z-index: 1; overflow:hidden; } a.learn-btn:after { position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; background-color: #303030; border-radius: 30px; box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); transition: all 0.3s ease; } a.learn-btn:hover { color: #fff; } a.learn-btn:hover:after { left: 0; width: 100%; } a.learn-btn:active { top: 2px; } .site-breadcrumb{ margin-top: 30px; } .left_login_page .top-sec,.left_login_page .bottom-sec{ height: 50vh; } .left_login_page .top-sec h1{ font-weight: 700; margin-top: 20px; font-size: 30px; } .left_login_page .top-sec h2{ margin: 6px 0; line-height: 1.2; font-size: 20px; font-weight: 500; font-style: italic; } .left_login_page .top-sec p{ font-size: 14px; } .left_login_page .bottom-sec h2{ margin-top: -20px; } .contact-option { display: flex; justify-content: left; align-items: center; gap: 25px; } .contact-item { /*background: #c8e5f1; border: none;*/ border-radius: 20px; text-align: center; padding: 20px 20px; width: 250px; border: 1px solid #00a0e3; } .icon-contact { font-size: 32px; color: #00a0e3; } .contact-item p{ font-size: 14px; color: #000; } @media (max-width:599px){ .demo-btn{ padding: 6px 16px; } .navbar-brand img{ filter: none; } a.btn{ font-size: 13px; height: 30px; line-height: 30px; border-radius: 40px; padding: 0 20px; } .left_footer ul li a{ font-size: 12px !important; line-height: 23px !important; } .login_content{ height: auto; } .form_content.signup{ padding: 5px 0; } .login_content .form-group label{ font-size: 13px; margin-bottom: 0; } .login_form .form-control { height: 32px; margin-top: 1px; } .login_form .btn{ font-size: 15px; padding: 5px 30px; } .login_form .form-group p { font-size: 14px !important; } .top-sec { color: #333; } .left_login_page .top-sec h2, .left_login_page .bottom-sec h2{ font-size: 16px; line-height: 1.4; margin: 8px 0; } .left_login_page .top-sec h1{ font-size: 26px; line-height: 1.6; } .left_top_login .left_footer ul{ justify-content: center; } h2.large-head{ font-size: 16px !important; line-height: 25px !important; } .features-content h4 { font-size: calc(15px + .15vw); } ul.row_ul2 li a i { margin-right: 0px; font-size: 12px; } #accordion-style-1 .btn-link{ font-size: 15px; padding: 0px; } #accordion-style-1 .card-body{ font-size: 13px; } .right_form_login { padding-top: 35px !important; } .user_login_header{ padding-top: 20px !important; margin-bottom: 15px !important; } .user_login_header .heading{ font-size: 23px; } .login_form .form-control::placeholder, .login_form .form-control{ font-size: 13px; } .login_content .form-group label i{ margin-right: 3px; } .site-breadcrumb{ margin-top: 30px; } .blog-grid .tag{ padding: 1px 8px; font-size: 12px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-top: 6px; } } @media (min-width:600px) and (max-width:1180px){ .navbar-brand img{ filter: unset; } .top-sec { color: #333; /* padding: 0 110px 20px;*/ } .top-sec h2, .bottom-sec h2 { font-size: 18px; line-height: 1.4; margin: 12px 0; } .top-sec h1 { font-size: 28px; line-height: 1.6; } .login_content{ width: 80%; height: 46vh; } .form_content.signup{ padding: 0px; } .topSigin{ min-height: auto; } .site-breadcrumb{ margin-top: 30px; } .blog-grid .tag{ padding: 4px 8px; font-size: 13px; } } .logo-generate{ /*box-shadow: 2px 1px 1px 1px rgb(68 68 68); cursor: pointer; background: #363636;*/ border-radius: 4px; text-align: center; } .logo-generate img{ max-width: 80%; } .line-scan{ color: #fff; margin-bottom: 20px; margin-left: 0; font-size: 20px; line-height: 35px; } @media (max-width:1180px){ body, html{ overflow-x: hidden; } .left_login_page .top-sec, .left_login_page .bottom-sec{ height: auto; } .left_login_page .top-sec{ margin-top: 0; } .left_login_page .bottom-sec h2{ margin-top: 12px; } .bottom-sec .row_ul2{ margin-top: 3px; } } @media (min-width:1500px){ .login_content{ height: 80vh; } .logo-generate img{ max-width: 60%; } } @media (min-width:1081px) and (max-width:1400px){ .container { max-width: 1268px !important; } } @media (max-width:599px){ .pwaDetails { width: 80%; word-break: break-word; } .pwaContent h4 { line-height: 1.3; } } .breadcrumb-list{ /* padding: 50px 0; border-radius: 13px; text-align: center; margin-bottom: 35px;*/ padding: 90px 0; text-align: center; margin-bottom: 35px; background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5)), url(/assets/frontend/images/breadcrumb.jpg); background-size: cover; background-position: top center; color: #fff; } .breadcrumb-list p{ font-size: 40px; color: #fff; font-family: "Montserrat", sans-serif; } #category-busi .breadcrumb-list{ margin-bottom: 40px; } @media (max-width:599px){ .breadcrumb-list { padding: 40px 0; margin-bottom: 10px; } .breadcrumb-list p{ font-size: 22px !important; text-shadow: none !important; } #category-busi .breadcrumb-list { margin-bottom: 15px; } #category-busi { margin-top: 1px; } } @media (min-width:720px) and (max-width:1180px){ .breadcrumb-list{ padding: 40px 0; margin-bottom: 30px; } .breadcrumb-list p { font-size: 25px !important;} #category-busi { margin-top: 0px; } .cid-qBK2ZYNhQk{ padding-top: 0px !important; } } #regis-form{ background-color: #f8f9fa; } .reg-container { position: relative; max-width: 700px; width: 100%; margin: 0 auto; background: #fff; padding: 25px; border-radius: 8px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .reg-container header { font-size: 1.5rem; color: #fff; font-weight: 500; text-align: center; background: #0478a7; padding: 20px 0; } .reg-container .form { margin-top: 30px; } .reg-container .form .input-box { width: 100%; margin-top: 20px; } .reg-container .input-box label { color: #333; } .reg-container .form :where(.input-box input, .select-box) { position: relative; height: 50px; width: 100%; outline: none; font-size: 1rem; color: #707070; margin-top: 8px; border: 1px solid #ddd; border-radius: 6px; padding: 0 15px; } .reg-container .input-box input:focus { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); } .reg-container .form .column { display: flex; column-gap: 15px; } .reg-container .form .gender-box { margin-top: 20px; width: 100%; } .reg-container .gender-box h3 { color: #333; font-size: 1rem; font-weight: 400; margin-bottom: 8px; } .reg-container .form :where(.gender-option, .gender) { display: flex; align-items: center; column-gap: 50px; flex-wrap: wrap; } .reg-container .form .gender { column-gap: 5px; } .reg-container .gender input { accent-color: rgb(130, 106, 251); } .reg-container .form :where(.gender input, .gender label) { cursor: pointer; } .reg-container .gender label { color: #707070; } .reg-container .address :where(input, .select-box) { margin-top: 15px; } .reg-container .select-box select { height: 100%; width: 100%; outline: none; border: none; color: #707070; font-size: 1rem; } .reg-container .form button { height: 55px; width: 100%; color: #fff; font-size: 1rem; font-weight: 400; margin-top: 30px; border: none; cursor: pointer; transition: all 0.2s ease; background: #0478a7; } .reg-container input.form-control[type="file"] { appearance: none; padding: 0; margin: 0; border: none; background: none; border-radius: 0px; } .reg-container .form button:hover { background: #f16024; } /*Responsive*/ @media screen and (max-width: 599px) { .reg-container .form .column { flex-wrap: wrap; } .reg-container .form :where(.gender-option, .gender) { row-gap: 15px; } /*.login-decor{ display: none; }*/ #gallery2-4 .btn{ white-space: nowrap !important; word-wrap: normal; box-shadow: none; margin: 0 2px !important; } .mbr-gallery-filter ul{ overflow-x: auto; flex-wrap: nowrap; justify-content: start; } } .reg-container h1 { font-size: 16px; text-align: center; margin: 14px 0 10px; } .reg-container h1 small { display: block; font-size: 15px; padding-top: 8px; color: gray; } .avatar-upload { position: relative; max-width: 205px; margin: 14px auto 0; } .avatar-upload .avatar-edit { position: absolute; right: 12px; z-index: 1; top: 10px; } .avatar-upload .avatar-edit input { display: none; } .avatar-upload .avatar-edit input + label { display: inline-block; width: 34px; height: 34px; margin-bottom: 0; border-radius: 100%; background: #FFFFFF; border: 1px solid transparent; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); cursor: pointer; font-weight: normal; transition: all 0.2s ease-in-out; } .avatar-upload .avatar-edit input + label:hover { background: #f1f1f1; border-color: #d6d6d6; } .avatar-upload .avatar-edit input + label:after { content: "\f040"; font-family: 'FontAwesome'; color: #757575; position: absolute; top: 6px; left: 0; right: 0; text-align: center; margin: auto; } .avatar-upload .avatar-preview { width: 192px; height: 192px; position: relative; border-radius: 100%; border: 6px solid #F8F8F8; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); } .avatar-upload .avatar-preview > div { width: 100%; height: 100%; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .bottom-btn23{ background-color: #f06123 !important; color: #fff !important; text-align: center; border-radius: 5px; padding: 5px 0; -webkit-box-shadow: 7px 7px 1px 1px rgb(187 165 155); -moz-box-shadow: 7px 7px 1px 1px rgb(187 165 155); box-shadow: 7px 7px 1px 1px rgb(187 165 155); margin-bottom: 20px; } .contact-item h4{ color: #00a0e3; letter-spacing: normal; font-size: 20px; font-weight: 600; margin: 14px 0 5px; } .icon-contact i{ background:#00a0e31f; padding: 8px 10px; border-radius: 4px; } .bottom-btn23 a{ color: #fff !important; font-size: 18px; font-weight: 500; } @media(min-width:991px){ /*.bottom-btn23{ display: none; }*/ } @media(min-width:1500px){ .left_login_page .top-sec h1{ font-size: 45px; } .left_login_page .top-sec h2{ margin: 18px 0; line-height: 1.2; font-size: 24px; } .left_login_page .top-sec p{ font-size: 18px; margin-bottom: 20px; letter-spacing: normal; } .left_login_page .top-sec img{ object-fit: contain; } .contact-item p{ font-size: 16px; word-break: break-word; } .contact-item{ min-height: 183px; } } @media (max-width:1180px){ .mbr-gallery-item img{ height: 200px; } } .user_login_header.sgnup{ margin-bottom: 20px; padding: 0 calc(10px + 2vw); text-align: center; padding-top: 0; } .signupSection{ overflow-y: hidden !important; height: 100vh; } .social-head h3.catg-heading{ font-weight: 400; font-style: normal; text-transform: capitalize; font-size: 18px; padding-bottom: 6px; } .price-grp { display: flex; gap: 15px; } s .price-color, .price-grp s { color: #6d747eab; } .featured-place-wrap .category-part img{ filter: invert(40%) sepia(100%) saturate(500%) hue-rotate(180deg) !important; display: inline-block !important; } .categ-item.card-bord i{ color: #fff; font-size: 25px; } @media (min-width:1200px) and (max-width:1400px){ #user-sec .category-name{ width: 122px; } } @media(max-width:1180px){ #tap-menu.header{ background-color: #00a0e3; } #tap-menu.header .navbar-brand img.shopLogo{ filter: brightness(0) invert(1); } #tap-menu .login_signup a{ color: #fff !important; background: #303030; font-size: 12px !important; line-height: 1.36; font-weight: 500; } #tap-menu .login_signup .create_profile{ color: #303030 !important; background: #fff; border-color: #303030 !important; line-height: 1.2; } .login_signup a i{ font-size: 11px; } .sidebarIconToggle.tap-menu .spinner{ background: #fff; } #sidebarMenu.sidebar-tp{ background: #00a0e3; } .sidebar-tp .sidebarMenuInner li.active{ background: #fff; border-radius: 7px; } .sidebar-tp .sidebarMenuInner li a{ color: #fff; } } @media(max-width:599px){ #user-sec .category-part { padding: 0px !important; font-size: 14px; display: flex; align-items: center; gap: 0px; margin-bottom: 4px; } .featured-place-wrap .category-part img{ width: 11% !important; } .logo-generate img { max-width: 40%; } .dots-container .dot{ width: 8px; height: 8px; } button.media-btn.btn.connect{ display: block; width: 100%; } .social-buttons, .qrCode{ margin: auto; } .about-section{ padding: 0 0 3%; } } /*testimonial styling*/ #testimonial-sec { width: 100%; display: flex; justify-content: center; align-items: center; margin: 5px 0 20px; background: #fff; padding: 10px 0; border-radius: 12px; border: 1px solid #f2f2f2; } #testimonial-sec .testimonial-slide { /* padding: 40px 20px;*/ } #testimonial-sec .testimonial_box-top { background-color: #e0fbfc; padding: 30px; border-radius: 15px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; box-shadow: 5px 5px 20px rgba(152, 193, 217, 0.493); } #testimonial-sec .testimonial_box-icon { padding: 10px 0; } #testimonial-sec .testimonial_box-icon i { font-size: 25px; color: #14213d; } #testimonial-sec .testimonial_box-text { padding: 10px 0; } #testimonial-sec .testimonial_box-text p { color: #293241; font-size: 14px; line-height: 20px; margin-bottom: 0; } #testimonial-sec .testimonial_box-img { padding: 20px 0 10px; display: flex; justify-content: center; } #testimonial-sec .testimonial_box-img img { width: 70px; height: 70px; border-radius: 50px; border: 2px solid #e5e5e5; } #testimonial-sec .testimonial_box-name { padding-top: 10px; } #testimonial-sec .testimonial_box-name h4 { font-size: 20px; line-height: 25px; color: #293241; margin-bottom: 0; } #testimonial-sec .testimonial_box-job p { color: #293241; font-size: 14px; text-transform: uppercase; letter-spacing: 3px; line-height: 20px; font-weight: 300; margin-bottom: 0; } .consulting-testimonial { position: relative; display: flex; flex: 0 1 50%; } .consulting-testimonial .consulting-testimonial-inner { padding-left: 30px; } .consulting-testimonial .consulting-testimonial-info { display: flex; gap: 10px; position: relative; height: 100%; } .consulting-testimonial .consulting-testimonial-image { width: 50px; height: 50px; line-height: 50px; flex-shrink: 0; position: absolute; left: -45px; top: 30px; } .consulting-testimonial-image img { width: 100%; border-radius: 100%; height: 100%; max-width: 100%; border: none; box-shadow: none; } .consulting-testimonial .consulting-testimonial-group { padding-left: 20px; } .consulting-testimonial .consulting-testimonial-content-wrapper { display: flex; justify-content: space-between; margin-bottom: 10px; } .consulting-testimonial .consulting-testimonial-content-inner { padding-top: 30px; } .consulting-testimonial .consulting-testimonial-heading { font-size: 15px; font-style: normal; font-weight: 700; line-height: 20px; margin-bottom: 5px; transition: .3s; } .consulting-testimonial .consulting-testimonial-position { font-size: 14px; font-style: italic; font-weight: 500; line-height: 20px; transition: .3s; text-transform: capitalize; } .consulting-testimonial .consulting-testimonial-excerpt { font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; transition: .3s; padding-bottom: 20px; /* padding-right: 30px;*/ } .consulting-testimonial .consulting-testimonial-excerpt p{ font-size: 15px; } .prev-btn, .next-btn { position: absolute; top: 10px; right: 10px; background-color: #f8f9fa; border: none; font-weight: 500; /* padding: 5px;*/ border-radius: 100%; cursor: pointer; font-size: 15px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); z-index: 10; line-height: 26px; height: 30px; width: 30px; } .prev-btn { right: 47px; /* Adjust if you need some space between buttons */ } .next-btn { right: 10px; } @media (max-width:599px){ .consulting-testimonial .consulting-testimonial-content-wrapper{ margin-bottom: 6px; } .consulting-testimonial .consulting-testimonial-heading{ font-size: 13px; margin-bottom: 1px; } .consulting-testimonial .consulting-testimonial-position{ font-size:13px; line-height: 17px; } .consulting-testimonial .consulting-testimonial-excerpt{ line-height: 18px; } .consulting-testimonial .consulting-testimonial-group{ padding-left: 18px; } .consulting-testimonial .consulting-testimonial-inner { padding-left: 25px; } .consulting-testimonial .consulting-testimonial-content-inner { padding-top: 22px; } .consulting-testimonial .consulting-testimonial-image{ top: 19px; } #testimonial-sec{ background: transparent; } #testimonial-sec .slick-slider{ background: #fff; padding: 0 14px; border-radius: 6px; } #testimonial-sec .container{ padding: 0px !important; } .prev-btn, .next-btn{ top: -5px; } } .scan_itesm { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 14px; } .scan-item { display: flex; justify-content: space-between; align-items: center; background: #fff; border-radius: 12px; padding: 15px; margin-bottom: 20px; } .scan-icon { width: 40px; background: red; background: green; color: #fff; border-radius: 50%; padding: 6px; margin-right: 15px; } .scan-icon img{ filter: brightness(0) invert(1); vertical-align: middle; } /* Main Product Gallery */ .product-gallery { max-width: 500px; margin: auto; } .main-image{ padding: 20px 20px 10px; } .main-image img { width: 100%; height: 340px; object-fit: cover; /* border: 1px solid #ddd;*/ border-radius: 10px; cursor: pointer; } .thumbnail-container { display: flex; align-items: center; overflow: hidden; max-width: 500px; position: relative; margin-top: 10px; } .scroll-btn { background: #f8f8f8; border: none; cursor: pointer; border-radius: 100%; font-size: 18px; position: absolute; top: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); z-index: 10; line-height: 26px; height: 30px; width: 30px; transform: translateY(-50%); z-index: 10; } .scroll-btn.left { left: 7px; } .scroll-btn.right { right: 3px; } .thumbnails { display: flex; overflow-x: auto; scroll-behavior: smooth; gap: 9px; padding: 6px 4px 0px; width: 100%; white-space: nowrap; justify-content: start; } .thumbnails img { width: 70px; height: 70px; object-fit: cover; border: 1px solid #ddd; cursor: pointer; transition: 0.3s; border-radius: 8px; flex-shrink: 0; } .thumbnails img:hover { border-color: #f90; } .lightbox { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; text-align: center; justify-content: center; align-items: center; } .lightbox-content { max-width: fit-content; height: auto; margin-top: 5%; border-radius: 10px; } .close-btn { position: absolute; top: 20px; right: 30px; color: white; font-size: 30px; cursor: pointer; } .lightbox-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.5); border: none; font-size: 30px; cursor: pointer; padding: 10px; z-index: 1001; } .simple-txt{ margin-bottom: 15px; } .lightbox-btn.left { left: 10px; } .lightbox-btn.right { right: 10px; } .download-pdf { line-height: 38px; text-decoration: underline; font-weight: 600; font-family: 'Open Sans'; /* color: #bc2b2a; */ /*webkit-box-shadow: 12px 12px 10px -9px rgba(194, 194, 194, 1); -moz-box-shadow: 12px 12px 10px -9px rgba(194, 194, 194, 1);*/ padding: 0; margin: 0px 0 15px; display: inline-block; } @media (max-width:1180px){ .lightbox-content{ max-width: 70%; margin-top: 5%; border-radius: 10px; height: auto; } } .image-pdf{ width: 32px; margin-right: 3px; } @media(max-width:599px){ .main-image img{ height: 230px; } .thumbnails img{ width: 55px; height: 55px; } .thumbnails{ gap: 10px; } .download-pdf{ line-height: 1; } .image-pdf{ width: 22px; } .blog-grid .blogcard{ margin-bottom: 0px; margin-top: 0px; } .blog-grid{ margin-top: 10px; margin-bottom: 10px; } } .solution-images { text-align: center; /* height: 500px;*/ position: relative; padding: 0 50px; } .solution-images .image1 { position: absolute; right: 0px; top: 0px; z-index: 9; border-radius: 10px; border:4px solid #fff; box-shadow: 0px 0px 9px 0px rgba(150, 150, 150, 0.8); } .solution-images .image2 { padding-top: 20px; } .solution-images .image3 { position: absolute; left: 0px; bottom: 0px; border-radius: 10px; border:4px solid #fff; box-shadow: 0px 0px 9px 0px rgba(150, 150, 150, 0.8); } .solution-images img{ max-width: 100%; max-height: 100%; border-radius: 10px; } .heading1 .span-line { /*display: inline-block; font-size: 20px; line-height: 20px; font-weight: 700; color: #087aa8; margin-bottom: 8px;*/ font-size: 2.5rem; line-height: 1.4; color: #000 !important; text-transform: uppercase; display: inline-block; font-family: "Roboto", sans-serif; font-weight: 700; } .heading1 h2 { /*font-size: 32px; line-height: 42px; font-weight: 600; color: #0D0E10;*/ font-size: 3.5rem; line-height: 1.18; font-weight: 300; margin-bottom: 2rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .heading1 p { font-size: 16px; line-height: 28px; font-weight: 400; /* color: #676879;*/ transition: 0.4s; margin: 16px 0; } .about-btn-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 58px } .th-btn { position: relative; z-index: 2; overflow: hidden; vertical-align: middle; display: inline-block; border: none; text-transform: uppercase; text-align: center; background-color: #087aa8; color: #fff; font-family: var(--body-font); font-size: 14px; font-weight: 500; line-height: 1; padding: 20.5px 20px; min-width: 144px; border-radius: 4px } .about-btn-group .media-body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .call-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; } .call-btn .btn-text { font-size: 14px; font-weight: 500; display: block; } .call-btn .btn-text { font-size: 16px; } .call-btn .btn-title { font-size: 16px; } .call-btn .btn-title { font-size: 20px; color: #141D38; font-weight: 600; } .call-btn .play-btn>i { font-size: 40px; background-color: #087aa8; color: #fff; } .call-btn .play-btn:before, .call-btn .play-btn:after { background-color: #087aa8; } .call-btn .play-btn:hover>i { background-color: #087aa8; } .call-btn .play-btn:hover:before, .call-btn .play-btn:hover:after { background-color:#087aa8; } .play-btn { display: inline-block; position: relative; z-index: 1; } .call-btn i { width: 51px; height: 51px; line-height: 51px; text-align: center; border-radius: 50%; background: #CCD6FF; color: var(--theme-color); font-size: 24px } @keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } 30% { opacity: 0.4 } 100% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0 } } .play-btn:before, .play-btn:after{ webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ripple; animation-name: ripple; } .play-btn:after, .play-btn:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #fff; z-index: -1; border-radius: 50%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } #client-review .consulting-testimonial .consulting-testimonial-excerpt{ padding-bottom: 30px; } .count-item .item-box { display: flex; align-items: center; margin-top: 15px; } .count-item .item-box .icon { margin-right: 20px; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; background-color: #087aa8; color: #fff; transition: all 0.4s; } .heading1 h3 a { /* color: #4b566b;*/ font-size: 20px; font-style: normal; font-weight: 600; line-height: 22px; display: inline-block; } .count-item .item-box .icon { background: #087aa8 !important; } .num-line { width: 50px; font-size: 25px; color: #fff; font-weight: 700; } #why-choose { padding: 80px 0; background: #fbfbfb; background: #f5f5f5; margin: 60px 0; } #why-choose .row{ align-items: center; } .main-body1 .link-widget li a{ color: #111; font-size: 1.6rem; } #why-choose .heading1 p { font-size: 15px; line-height: 24px; margin: 6px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .count-item{ margin-top: 15px; } .choose-img{ box-shadow: 0px 0px 9px 0px rgba(150, 150, 150, 0.8); border-radius: 12px; margin-right: 30px; } .choose-img img{ border-radius: 12px; } #client-review .slick-initialized .slick-slide{ background: #f8f9fa; border-radius: 10px; background: #fff; box-shadow: 0px 8px 14px 0px rgba(69, 81, 100, 0.1); } #client-review .heading1{ text-align: center; margin-bottom: 35px; } #client-review .slick-slide{ margin:20px; } #client-review .consulting-testimonial .consulting-testimonial-group { padding-left: 63px; } #client-review .consulting-testimonial .consulting-testimonial-image{ left: 0; } #client-review .consulting-testimonial{ padding: 10px 25px; } #client-review .consulting-testimonial .consulting-testimonial-inner{ padding-left: 0px; } #client-review { background: #f5f5f5; padding: 60px 0; } .list-core-value { list-style: none; } .list-core-value li { margin-bottom: 20px; padding-left: 40px; position: relative; } .list-core-value li .ticked { height: 27px; left: 0px; position: absolute; top: 0px; width: 27px; background: url(/assets/frontend/images/check.png) 50% center no-repeat rgb(8 122 168); border-radius: 50%; } .box-border-dashed { border-bottom: 1px dashed rgb(106, 131, 140); } .list-core-value li:last-child .box-border-dashed { border-bottom: 0; } #services-sec{ padding: 20px 0 35px; } #intro-sec .about-list li{ margin-bottom: 0px; font-size: 16px; /* line-height: 28px; */ font-weight: 400; /* color: #676879;*/ line-height: 28px; transition: 0.4s; } #intro-sec .about-list li i { color: #00a0e3; font-size: 15px; position: absolute; top: 21%;} .list-heading { /* color: #4b566b;*/ font-size: 20px; font-style: normal; font-weight: 600; line-height: 26px; margin-bottom: 10px; } .faq { padding: 70px 0 0px; } .faq .heading1{ margin-bottom: 30px; } .faq .section-title { margin-bottom: 54px; } .faq .section-title h2 { margin-bottom: 22px; } .faq .accordion .card { border: none; margin-bottom: 30px; } .faq .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 10px; } .faq .accordion .card .card-header { border: none; border-radius: 10px; padding: 0; } .faq .accordion .card .card-header h5 { padding: 0; } .faq .accordion .card .card-header h5 button { color: #1e3056; font-size: 18px; font-weight: 500; text-decoration: none; padding: 0 30px 0 70px; height: 60px; display: block; width: 100%; color: rgba(30, 48, 86, 0.8); text-align: left; background: #fff; -webkit-box-shadow: 0px -50px 140px 0px rgba(69, 81, 100, 0.1); box-shadow: 0px -50px 140px 0px rgba(69, 81, 100, 0.1); border-radius: 10px 10px 0 0; position: relative; } .faq .accordion .card .card-header h5 button:after { position: absolute; left: 30px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background-color: transparent; color: #087aa8; text-align: center; border: 1px solid #087aa8; border-radius: 50%; line-height: 100%; content: '\f067'; font-size: 10px; line-height: 18px; font-family: "FontAwesome"; font-weight: 900; } .faq .accordion .card .card-header h5 button.collapsed { background: #fff; border-radius: 10px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(97, 125, 255, 0.2); } .faq .accordion .card .card-header h5 button[aria-expanded="true"]:after { content: '\f068'; color: #fff; background-image: -webkit-linear-gradient(-180deg, #087aa8 0%, #087aa8 30%, #087aa8 100%); } .faq .accordion .card .card-body { -webkit-box-shadow: 0px 15px 140px 0px rgba(69, 81, 100, 0.1); box-shadow: 0px 15px 140px 0px rgba(69, 81, 100, 0.1); border-radius: 0 0 10px 10px; padding-top: 0; margin-top: -6px; padding-left: 72px; padding-right: 70px; padding-bottom: 23px; color: rgba(30, 48, 86, 0.8); line-height: 30px; } @media(max-width:599px){ .heading1 .span-line{ font-size: 16px; line-height: 18px; margin-bottom: 5px; margin-top: 12px; } .heading1 h2{ font-size: 20px; line-height: 28px; } .heading1 p{ line-height: 21px; margin:10px 0; } #intro-sec .about-list li{ font-size: 12px; } .solution-images{ padding: 0px; height: auto; } .solution-images .image2 { padding-top: 22px; } #why-choose { padding: 40px 0; margin: 40px 0; } #why-choose .span-line{ margin-top: 0; } .heading1 h3 a{ font-size: 15px; } #why-choose .heading1 p { line-height: 20px; margin: 4px 0; } .count-item .item-box{ margin-top: 7px; align-items: center; } .count-item{ margin-top: 15px; } .choose-img{ margin-right: 0; margin-top: 20px; } .count-item .item-box .icon { margin-right: 11px; width: 30px; height: 30px; line-height: 30px; } .num-line { width: 30px; font-size: 20px; } #services-sec { padding: 2px 0; } #services-sec .span-line{ margin-top: 0px; } .list-heading{ font-size: 16px; margin-bottom: 3px; } #client-review .slick-slide{ margin: 0 12px 22px; } #client-review{ padding: 22px 0; margin: 23px 0 0; } #client-review .heading1{ margin-bottom: 15px; } .list-core-value { margin-bottom: 15px; } .faq { padding: 30px 0 0px; } .faq .accordion .card .card-header h5 button{ height: 40px; } .faq .accordion .card { margin-bottom: 20px; } .faq .accordion .card .card-body{ padding-top: 13px; margin-top: -6px; padding-left: 32px; padding-right: 32px; padding-bottom: 23px; line-height: 25px; font-size: 13px; } #client-review .consulting-testimonial .consulting-testimonial-excerpt{ padding-bottom: 10px; } .product-desp .btn-primary { font-size: 13px; } } @media (min-width:600px) and (max-width:1180px){ .heading1 h2 { font-size: 20px; line-height: 28px; } .solution-images { text-align: center; height: auto; position: relative; padding: 0 13px; } .solution-images .image2{ padding-top: 0px; } #client-review { padding: 40px 0; } #client-review .heading1 { margin-bottom: 10px; } #services-sec { padding: 20px 0; } .heading1 p{ line-height: 18px; margin: 10px 0; } #intro-sec .about-list li{ font-size: 12px; line-height: 1.5; } #intro-sec { padding: 0 15px; } #why-choose { padding: 50px 15px; margin: 30px 0; } #why-choose .heading1 p{ line-height: 18px; margin: 0px 0; } .heading1 h3 a{ font-size: 15px; } .count-item .item-box{ margin-top: 8px; align-items: center; } .count-item { margin-top: 6px; } .num-line { width: 30px; font-size: 20px; } .count-item .item-box .icon { margin-right: 12px; width: 30px; height: 30px; line-height: 30px; } .heading1 .span-line { font-size: 18px; margin-bottom: 2px; } #client-review .consulting-testimonial .consulting-testimonial-inner { padding-left: 15px; } .faq { padding: 50px 0 34px; } .list-heading { font-size: 16px; margin-bottom: 4px; } } /*new style*/ @import url('https://fonts.googleapis.com/css2?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'); @font-face { font-family: Net-born-ready-slanted; src: url('/assets/fonts/FontsFree-Net-born-ready-slanted.ttf'); } @font-face { font-family: times-new-roman-grassetto; src: url('/assets/fonts/times-new-roman-grassetto.ttf'); } @font-face { font-family: Giorgio-Sans; src: url('/assets/fonts/GiorgioSans-Medium.otf'); } @font-face { font-family: Aeonik; src: url('../../assets/fonts/Aeonik-Bold.otf'); } @font-face { font-family: Aeonik-regular; src: url('../../assets/fonts/Aeonik-regular.otf'); } :root { --default-color: #fff; --title-color: #000000; --text-color: #747474; --primary-color: #00befd; --secondary-color: #f6a91b; /* --dark-color: #062e6b;*/ --dark-color: #00a0e3; --light-color: #fafafa; --light-dot: #e7e7e7; } html { font-size: 10px; scroll-behavior: smooth; } body { margin: 0; padding: 0; background: #fff; font-size: 1.6rem; font-weight: 400; font-family: "Montserrat", sans-serif; } .default-color { color: var(--default-color) !important; } .title-color { color: var(--title-color) !important; } .text-color { color: var(--text-color) !important; } .primary-color { color: var(--primary-color) !important; } .secondary-color { color: var(--secondary-color) !important; } .dark-color { color: var(--dark-color) !important; } .light-color { color: var(--light-color) !important; } h1, h2, h3, h4, h5, h6, p, figure { margin: 0; } #main-home p { font-size: 1.6rem; color: var(--title-color); } ul { padding: 0; margin: 0; } ul li { list-style: none; } a:hover { text-decoration: none; } /* header starts here */ .sticky-header { position: fixed; animation: stickyheaderslideDown 0.35s ease-out; z-index: 999; transition: all 0.3s ease-in; width: 100%; top: 0px; box-shadow: 0 0 9px #ccc; background: var(--default-color); } .navbar.sticky-header{ position: fixed; z-index: 999; } .sticky-header .logo .navbar-brand { width: 20rem; } .sticky-header #navbar-menu .navbar-nav>li>a { padding: 2rem 1.2rem !important; } @keyframes stickyheaderslideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } header .navbar { padding: 0; /* box-shadow: 0px 5px 9px #ebebeb;*/ z-index: 9; } .logo .navbar-brand { display: block; padding: 0; min-width: 15rem; max-width: 25rem; } header .navbar-toggler { /* font-size: 4rem;*/ color: var(--title-color); border: 0; padding: 0; } header .navbar-toggler #closeNav { display: none; } #navbar-menu .navbar-nav>li>a { font-size: 1.6rem; color: var(--title-color); padding: 3.2rem 1.2rem; transition: all 0.3s; position: relative; overflow: hidden; font-weight: 400; } #navbar-menu .navbar-nav>li>a:hover { color: var(--text-color) } #navbar-menu .navbar-nav>li:hover .dropdown-menu { display: block; } #navbar-menu .dropdown-menu { padding: 0; margin: 0; border-radius: 0; min-width: 220px; border: 0; left: 50%; transform: translate(-50%); box-shadow: 1px 3px 9px #909090; } #navbar-menu .dropdown-menu>li>a { font-size: 1.5rem; border-top: 1px solid #b8b8b8; padding: 0.6rem 1.5rem; transition: all 0.3s; min-width: 250px; } #navbar-menu .dropdown-menu>li>a:hover { background: var(--title-color); color: var(--default-color); } #navbar-menu .dropdown-item.active { background: var(--title-color); } .custom-btn { display: inline-block; background: var(--title-color); padding: 1rem 3rem; font-size: 1.6rem; color: var(--default-color); text-decoration: none; line-height: 1.5; transition: all 0.3s; font-weight: 700; height: max-content; border: 1px solid var(--title-color); border-radius: 0.5rem; } .custom-btn:hover { background: var(--default-color); color: var(--title-color); border: 1px solid var(--title-color); } .custom-btn .fa-arrow-right { transform: rotate(-45deg); } .header-right .custom-btn { margin-left: 2rem; margin-right: 0; font-size: 1.3rem; } .header-right .custom-btn i { margin-right: 0.6rem; font-size: 1.6rem; } .top-bar { background: #fafafa; } .user-login, .user-country { position: relative; } .user-country { display: flex; align-items: center; } .user-country span { font-weight: 500; margin-right: 0.8rem; } .country-list-site { gap: 3rem; } .user-login { margin-left: 2rem; } .user-country-selecter, .user-login button { border: 0; background: 0; font-size: 1.6rem; color: var(--title-color); padding: 1.2rem 0rem; align-items: center; display: flex; font-weight: 500; cursor: pointer; gap: 0.6rem; } .show-user-country { display: flex; align-items: baseline !important; } .show-user-country span { margin-left: 0.5rem; } .user-country .dropdown-menu { border: 0; padding: 0; box-shadow: 1px 3px 9px #909090; border-radius: 0; min-width: 20rem; top: 100%; left: 50%; transform: translateX(-50%); } .user-country .dropdown-menu li { display: flex; align-items: center; padding: 0.6rem 1rem; border-bottom: 1px solid #ddd; cursor: pointer; color: var(--title-color); } .user-country .dropdown-menu li:last-child { border-bottom: 0; } .user-country .dropdown-menu li.active, .user-country .dropdown-menu li:hover { background: var(--title-color); color: var(--default-color); } .show-user-country figure, .user-country .dropdown-menu li figure { width: 3rem; } .show-user-country figure img, .user-country .dropdown-menu li figure img { width: 100%; } .user-country .dropdown-menu li span { margin-left: 1rem; font-weight: 400; font-size: 1.5rem; } .user-login button a { text-decoration: none; color: var(--title-color); margin-left: 0.6rem; } .user-login button .fa-circle-user { font-size: 2.5rem; color: var(--title-color); } .country-list-site .fa-chevron-down { font-size: 1.3rem; margin-left: 0.6rem; transition: all 0.3s; } .user-country:hover .fa-chevron-down, .user-login:hover .fa-chevron-down { transform: rotate(180deg); } .user-country:hover .dropdown-menu, .user-login:hover .dropdown-menu { display: block; } .user-login .dropdown-menu { border: 0; border-radius: 0; padding: 0; margin: 0; min-width: 17rem; overflow: hidden; right: 0; left: -65px; box-shadow: 1px 3px 9px #909090; } .user-login ul li { font-size: 1.5rem; padding: 0.8rem 2rem; cursor: pointer; color: var(--title-color); border-bottom: 1px solid #ddd; transition: all 0.3s; } .user-login ul li:last-child { border-bottom: 0; } .user-login ul li:hover { background: var(--title-color); color: var(--default-color); } .user-login ul li .fa-solid { margin-right: 0.5rem; } /* log in and sign up modal css starts here */ .logInModal .modal-dialog { max-width: 70rem; } .logInModal .modal-header { padding: 2rem; } .logInModal .section-heading { margin-bottom: 0; font-size: 3rem; text-align: center; width: 100%; } .logInModal .modal-body, .logInModal .projectDetails-container { padding: 0 0.5rem; } .logInFormIcon { text-align: center; } .logInFormIconItem { display: flex; align-items: center; justify-content: center; margin: auto; margin-bottom: 1rem; cursor: pointer; max-width: 30rem; } .logInFormIconItem a img { width: 100%; } .logInFormIconItem:hover { background: var(--primary-color); border-color: var(--primary-color); } .logInFormIconItem:hover .column-para { color: var(--default-color); } .logInFormIconItem figure { width: 3rem; } .logInFormIconItem .column-para { margin-left: 1rem; font-size: 1.4rem; color: #000; font-weight: 500; } .logInForm-left .logForgotPass { font-size: 1.5rem; color: var(--title-color); margin-top: 1rem; margin-bottom: 0; } .logForgotPass { border: 0; background: 0; font-size: 1.3rem; margin-bottom: 1rem; font-weight: 400; transition: all 0.3s; } .logForgotPass:hover { color: var(--text-color); text-decoration: underline; } .logInForm-left { padding: 2rem; } .logInForm-right { padding: 2rem; border-left: 1px solid #ddd; height: 100%; position: relative; } .logInForm-right:before { position: absolute; content: "Or"; background: #ddd; left: -15px; top: 0; bottom: 0; margin: auto; width: 3rem; height: 3rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 1.2rem; font-weight: 500; } #forgotPassModal.logInModal .modal-dialog { max-width: 46rem; } /* log in and sign up modal css ends here */ /* header css ends here */ /* slider banner css starts here */ .full-slider-banner .item { height: 45rem; position: relative; z-index: 0; } .full-slider-banner .item:before { position: absolute; content: ""; background: var(--title-color); width: 100%; height: 100%; left: 0; top: 0; opacity: 0.3; z-index: -1; } .full-slider-banner .owl-dots { position: absolute; bottom: 2rem; left: 0; right: 0; text-align: center; margin: auto; line-height: 0; } .full-slider-banner button.owl-dot { width: 1.5rem; height: 1.5rem; background: var(--light-dot) !important; border-radius: 50%; margin-right: 0.4rem; } .full-slider-banner button.owl-dot.active { width: 3rem; border-radius: 10px; background-color: red; } .full-slider-text-row { padding: 8rem 5rem; } .section-subHeading { color: var(--title-color); font-size: 3rem; line-height: 1.4; text-transform: uppercase; display: inline-block; font-family: "Roboto", sans-serif; font-weight: 700; margin-bottom: 0.6rem; } .section-heading { font-size: 4rem; color: var(--title-color); line-height: 1.18; font-weight: 300; margin-bottom: 3rem; } .section-heading span { font-weight: 600; } .section-heading-big { font-size: 6rem; } .full-slider-text-row .section-subHeading { font-size: 2rem; border-bottom: 0; color: var(--default-color); margin-bottom: 1rem; } .full-slider-text-row .section-heading { font-size: 3rem; margin-bottom: 0; font-family: "Montserrat", sans-serif; color: var(--default-color); } .full-slider-text-row p { color: #fff; margin-top: 1.1rem; line-height: 1.5; font-size: 1.5rem; } .slider-banner .item .custom-btn { margin-top: 0.3rem; padding: 0.6rem 2rem; } .happy-counter { /* background: #fafafa; padding: 2rem 0;*/ background: rgb(0 0 0 / 60%); padding:15px 12px 15px 85px; width: 48%; border-radius: 0; bottom: 0; right:0; /* transform: translateX(-50%);*/ position: absolute; z-index: 3; clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%); } .happy-counter .happy-customer-text p{ font-size: 14px; } .box-layout figure{ height: 458px; } .another-box{ gap: 18px; } .another-box figure{ height: 218px; border-radius: .8rem; } .another-box figure img{ border-radius: .8rem; } .another-box figure img, .box-layout figure img{ height: 100%; } .happy-counter-row { padding-bottom: 2rem; } .happy-counter-box { align-items: center; gap: .8rem; border-right: 1px solid #fff; } .happy-counter-box:last-child { border-right: 0; } .happy-counter-box figure { min-width: 3rem; max-width: 4.5rem; height: 3rem; } .happy-counter-box figure img { width: 100%; height: 100%; object-fit: contain; } .happy-customer-text { color: var(--title-color); } .counter-number { font-weight: 600; } .happy-customer-text p { font-size: 1.4rem; font-weight: 500; color: #fff; } /* slider banner css ends here */ /* new home starts here */ .full-top-banner { padding: 3rem 0; } .full-top-banner p { min-height: 7rem; } .home-banner-image figure { width: 100%; height: 45rem; border-radius: 0.5rem; overflow: hidden; } .home-banner-image figure img { width: 100%; height: 100%; object-fit: cover; } .three-stage-right-slider .owl-stage-outer .owl-stage { padding-left: 0rem !important; } /* new home ends here */ /*.section-padding { padding: 6rem 0; } .section-padding-top { padding-top: 6rem; } */ .section-marginTop { margin-top: 6rem; } .column-heading { font-size: 2rem; line-height: 1.4; color: var(--title-color); font-weight: 700; margin-bottom: 1.4rem; transition: all 0.3s; } .column-para { font-size: 1.6rem; line-height: 1.5; font-weight: 400; } .real-estate-simplified { padding: 6rem 0 6rem; } .real-estate-simpli-item { background: var(--light-color); padding: 3rem 2.5rem; border-radius: .8rem; height: 100%; } .real-estate-simpli-item.active { background: var(--dark-color); } .real-estate-simpli-item figure { margin-bottom: 2rem; } .real-estate-simpli-item figure img { width: 50px; } .real-estate-simpli-item figure i{ color: #000; } .real-estate-simpli-item .column-heading { font-size: 2.3rem; font-family: "Montserrat", sans-serif; letter-spacing: normal; } .real-estate-simpli-item.active .column-heading { color: var(--default-color); } .real-estate-simpli-item.active .column-para { color: var(--default-color); } /* get-in-touch section starts here */ .get-in-touch { background: #fafafa; /* padding-top: 2rem;*/ overflow: hidden; } .get-in-touch-left figure { position: relative; bottom: -5px; overflow: hidden; } .get-in-touch .custom-btn { min-width: max-content; } .get-in-touch .section-heading { margin-bottom: 0; } /* top projects of the month css starts here */ .top-projects-month-column { background: var(--default-color); border-radius: .8rem; box-shadow: 0 0 9px #ddd; transition: all 0.3s; overflow: hidden; height: 100%; } .top-projects-month-column:hover { box-shadow: 0 0 9px #6c6c6c; } .top-projects-month-column figure { width: 19rem; border-radius: .8rem 0 0 0rem; overflow: hidden; height: 24rem; min-width: 19rem; display: flex; align-items: center; } .top-projects-month-column figure img { width: 100%; height: 100%; transition: all 0.3s; object-fit: cover; } .top-projects-month-column:hover figure img { transform: scale(1.1); } .top-projects-month-column-text { flex: 1; padding: 1rem; width: 100%; overflow: hidden; } .top-projects-month-columnImg { position: relative; } .heart-sharing-icons { position: absolute; top: 0.5rem; left: 0.6rem; display: flex; gap: 0.5rem; } .heart-sharing-icons a { width: 3rem; height: 3rem; display: flex; justify-content: center; align-items: center; text-decoration: none; background: var(--default-color); box-shadow: 0 0 9px #cacaca; border-radius: 50%; color: var(--title-color); padding: 0; font-size: 1.5rem; } .top-pro-month-column-text-top-left .column-heading { font-size: 1.8rem; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .column-heading>a { text-decoration: none; color: var(--title-color); transition: all 0.3s; font-weight: 600; word-break: break-all; } .column-heading>a:hover { color: var(--text-color); } .published-name { color: var(--text-color); font-size: 1.3rem; font-weight: 600; } .top-pro-month-column-text-top-right a { font-size: 1.8rem; color: var(--title-color); margin-left: .5rem; text-decoration: none; } .top-pro-month-column-text-top { margin-bottom: 1rem; } .top-projects-month-column-text .column-para { font-size: 1.4rem; color: var(--text-color); transition: all 0.3s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* -webkit-line-clamp: 1; */ -webkit-box-orient: vertical; } .tpmc-area { font-size: 1.4rem; margin-top: 0.5rem; color: #2f2f2f; transition: all 0.3s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .tpmc-price { font-size: 1.5rem; color: var(--title-color); font-weight: 700; margin: 1rem 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .top-projects-month-column-text .custom-btn { background: 0; color: var(--title-color); padding: 0; font-size: 1.4rem; border: 0; box-shadow: none; } .top-projects-month-column-text .custom-btn:hover { text-decoration: underline; color: var(--text-color) !important; } .top-projects-month-column:hover .custom-btn { transform: translateX(5px); } /* how we identify css starts here */ /*.custom-gray-bg { background: #fafafa; }*/ .quick-decision-making-item { position: relative; overflow: hidden; border-radius: .8rem; transition: all 0.3s; box-shadow: 0 0 9px #afafaf; z-index: 1; } .quick-decision-making-item:hover { box-shadow: 0 0 9px #6c6c6c; } .heart-like-icon { position: absolute; top: 0; } .quick-decision-making-item:hover img { transform: scale(1.09); } .quick-decision-making-item figure { width: 100%; height: 28rem; } .quick-decision-making-item figure img { transition: all 0.3s; width: 100%; height: 100%; } .quick-decision-making-item h4 { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; font-size: 1.8rem; color: var(--default-color); font-weight: 700; z-index: 99; padding: 1.5rem 0; } .quick-decision-making-item h4:before { position: absolute; content: ""; background: rgba(0, 0, 0, 0.3); bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .property-location-banner figure { border-radius: .8rem; overflow: hidden; } /* recent projects css starts here */ .recent-projects-navTabs .nav-tabs { gap: .5rem; padding-bottom: 1.5rem; margin-bottom: 2rem; justify-content: center; } .recent-projects-navTabs .nav-link { padding: 1rem 2rem; background: var(--light-dot); color: #000; /* box-shadow: 0px 6px 9px #a6a5a5;*/ } /*.recent-projects-navTabs .nav-link:hover, .recent-projects-navTabs .nav-link.active { background: var(--secondary-color); color: var(--default-color); border-color: var(--secondary-color); }*/ .recent-projects-slider { border-radius: .8rem; } .recent-projects-slider .item { padding: 10px; } .recent-projects-slider .recent-projects-items-column-top { width: 100%; margin-bottom: 2rem; } .recent-projects-slider .recent-projects-items-column-top:last-child { margin-bottom: 0; } .recent-projects-items-column-bottom { margin-top: 20px; } .recent-projects-slider .owl-nav button, .topBuildersTwoItem-slider .owl-nav button, .housing-locations-slider .owl-nav button, .project-gallery-slider .owl-nav button, .similarNews-slider .owl-nav button { position: absolute; width: 4rem; height: 4rem; background: var(--title-color) !important; border: 1px solid var(--title-color) !important; color: var(--default-color) !important; border-radius: 0.5rem; top: 0; bottom: 0; margin: auto; } .recent-projects-slider .owl-nav button.owl-prev, .topBuildersTwoItem-slider .owl-nav button.owl-prev, .housing-locations-slider .owl-nav button.owl-prev, .similarNews-slider .owl-nav button.owl-prev { left: -1.5rem; box-shadow: -3px 3px 9px #757575; } .project-gallery-slider .owl-nav button.owl-prev { left: 0; } /* .featured-projects-slider .owl-nav button.owl-prev{ left: -5rem; } .featured-projects-slider .owl-nav button.owl-next{ right: -5rem; } */ .recent-projects-slider .owl-nav button.owl-next, .topBuildersTwoItem-slider .owl-nav button.owl-next, .housing-locations-slider .owl-nav button.owl-next, .project-gallery-slider .owl-nav button.owl-next, .similarNews-slider .owl-nav button.owl-next { right: -1.5rem; box-shadow: 3px 3px 9px #757575; } .project-gallery-slider .owl-nav button.owl-next { right: 0; } .recent-projects-slider .owl-nav button.disabled, .topBuildersTwoItem-slider .owl-nav button.disabled, .top-builders-slider .owl-nav button.disabled, .housing-locations-slider .owl-nav button.disabled, .project-gallery-slider .owl-nav button.disabled, .similarNews-slider .owl-nav button.disabled { display: none; } .our-clients-slider .owl-nav button.disabled, .floor-plans-slider .owl-nav button.disabled { background: #f3f3f3 !important; opacity: 0.9; cursor: default; } .top-builders-slider .owl-nav button, .our-clients-slider .owl-nav button, .floor-plans-slider .owl-nav button { position: absolute; width: 4rem; height: 4rem; background: var(--secondary-color) !important; color: var(--default-color) !important; border-radius: 50%; top: -7.5rem; } .top-builders-slider .owl-nav button.owl-prev, .our-clients-slider .owl-nav button.owl-prev, .floor-plans-slider .owl-nav button.owl-prev { right: 4.5rem; } .top-builders-slider .owl-nav button.owl-next, .our-clients-slider .owl-nav button.owl-next, .floor-plans-slider .owl-nav button.owl-next { right: 0; } .pro-abt-pricing-slider .owl-nav { position: relative; bottom: 7rem; } .pro-abt-pricing-slider .owl-nav button { position: absolute; width: 4rem; height: 4rem; background: var(--secondary-color) !important; color: var(--default-color) !important; border-radius: 50%; } .pro-abt-pricing-slider .owl-nav button.owl-prev { right: 8rem; } .pro-abt-pricing-slider .owl-nav button.owl-next { right: 3.5rem; } .browse-guide-slider .owl-nav button, .three-stage-right-slider .owl-nav button, .featured-projects-slider .owl-nav button, .news-slider .owl-nav button { position: absolute; width: 1.5rem; height: 1.5rem; border: 0; color: var(--title-color) !important; border-radius: 0.5rem; } .full-banner .owl-nav button { position: relative; bottom: 7.2rem; left: 38rem; width: 4rem; border: 0; color: var(--title-color) !important; border-radius: 0.5rem; } .browse-guide-slider .owl-nav { position: relative; bottom: 8.3rem; left: -100%; } .featured-projects-slider .owl-nav { top: -7rem; position: relative; right: 0; } .news-slider .owl-nav button { top: -7rem; } .three-stage-right-slider .owl-nav { position: relative; top: -47rem; right: 0; } .btn-right .range-bar { width: 100%; } .browse-guide-slider .owl-nav button.owl-prev, .three-stage-right-slider .owl-nav button.owl-prev, .featured-projects-slider .owl-nav button.owl-prev, .news-slider .owl-nav button.owl-prev { right: 6rem; } .browse-guide-slider .owl-nav button.owl-next, .three-stage-right-slider .owl-nav button.owl-next, .featured-projects-slider .owl-nav button.owl-next, .news-slider .owl-nav button.owl-next { right: 1.5rem; } .full-banner .owl-nav button i, .browse-guide-slider .owl-nav button i, .three-stage-right-slider .owl-nav button i, .featured-projects-slider .owl-nav button i, .news-slider .owl-nav button i { font-size: 2.3rem; } .full-banner .owl-nav button.disabled, .browse-guide-slider .owl-nav button.disabled { color: #ddd !important; } /* .three-stage-right-slider .owl-nav { top: -9rem; right: 0; position: absolute; } .three-stage-right-slider .owl-nav button { position: absolute; width: 4rem; height: 4rem; background: var(--title-color) !important; border: 1px solid var(--title-color) !important; color: var(--default-color) !important; border-radius: 0.5rem; } .three-stage-right-slider .owl-nav button.disabled{ background: 0 !important; color: var(--title-color) !important; } .three-stage-right-slider .owl-nav button.owl-prev { right: 5rem; } .three-stage-right-slider .owl-nav button.owl-next { right: 0; } */ /* buy sell property css starts here */ .buy-sell-property-container { background: url("/assets/frontend/images/buy-sell-property-banner.jpg") no-repeat center / cover; padding: 5rem; border-radius: 0.8rem; } .buy-sell-property-img figure { border: .8rem solid var(--default-color); } .buy-sell-property-img figure img { width: 100%; height: 100%; } .buy-sell-property-text .section-heading { margin-bottom: 2rem; color: #04233e; } .buy-sell-property-text .custom-btn { margin-top: 2rem; } /* top builders css starts here */ .top-builders, .top-projectsBy-city { padding-bottom: 6rem; } .top-builders-row { background: var(--default-color); box-shadow: 0 0 9px #ddd; border-radius: .8rem; padding-right: 2rem; margin-bottom: 1.2rem; overflow: hidden; position: relative; } .top-builders-row:last-child { margin-bottom: 0; } .top-builders-row-left { width: 100%; } /* .top-builders-row-leftImg { position: relative; } */ .top-builders figure { padding: 0 1rem; } .top-builders-row-left figure { border-radius: .8rem 0 0 0.8rem; overflow: hidden; margin-right: 1.5rem; width: 22rem; min-width: 22rem; height: 18rem; } .top-builders-row-left figure img { width: 100%; height: 100%; object-fit: contain; transition: all 0.3s; } .top-builders-row:hover figure img { transform: scale(1.1); } .top-project-builder figure { height: 26rem; width: 28rem; } .top-project-builder figure img { object-fit: cover; } .top-builders-row-left-content { padding: 1rem 1rem 1rem 0; width: 100%; } .top-builders-row-left-content .column-heading { margin-bottom: 0.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .top-builders-row-left-content .column-para { font-size: 1.4rem; color: var(--text-color); margin-bottom: 1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .builderAddress { font-weight: 400; font-size: 1.5rem; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .text-highlight { font-weight: 600; color: var(--title-color); } .top-builders-reviews { margin-top: 1rem; } .five-star-reviews { margin-right: 1rem; } .five-star-reviews i { color: #ff9506; font-size: 1.4rem; } .top-builders-reviews-count { font-size: 1.4rem; } /* .top-builders-row-right { min-width: 20rem; } */ .builders-location { margin-top: 1rem; } .builders-location-city, .builders-share-social-media a { color: var(--title-color); font-size: 1.5rem; } .builders-location-city .text-highlight { margin-right: 0.5rem; } .builders-location-city i { font-size: 1.8rem; } .builders-location-city span { color: var(--text-color); } /* top builders right ads css */ .builder-of-month .section-heading { font-size: 3.4rem; } .builderOftheMonth-sticky { position: sticky; top: 9rem; left: 0; } .top-builders-right-ads { background: var(--default-color); border-radius: .8rem; height: 100%; max-height: 58rem; padding: 2rem; overflow: hidden; box-shadow: 0 0 9px #ddd; } .top-builders-right-ads-img { max-height: 14rem; height: 10rem; margin-bottom: 1rem; border: 1px solid #e1e1e1; } .top-builders-right-ads figure { width: 100%; border-radius: 0.8rem; overflow: hidden; height: 100%; } .top-builders-right-ads figure img { width: 100%; height: 100%; object-fit: contain; } .top-builders-ads-box { display: flex; flex-direction: column; justify-content: space-between; height: calc(100% - 16rem); } .top-builders-ads-box .top-builders-row-left-content .column-para, .top-builders-ads-box .builderAddress { -webkit-line-clamp: 3; } .top-builders-ads-box .top-pro-month-column-text-top, .top-builders-ads-box .builders-location { margin-bottom: 0; position: relative; } .top-builders-ads-box .tpmc-area { color: var(--title-color); } .top-builders-ads-box .top-pro-month-column-text-top-right a { background: var(--primary-color); width: 3rem; height: 3rem; display: flex; justify-content: center; align-items: center; border-radius: 1rem; color: var(--default-color); font-size: 1.6rem; } .top-builders-ads-box .column-heading, .top-builders-ads-box .column-para, .top-builders-ads-box .top-builders-reviews-count { color: var(--title-color); } .top-builders-ads-box .builders-location-city span { color: var(--title-color); font-weight: 500; } .top-builders-ads-box .builders-location-city i { color: var(--default-color); font-size: 2rem; } /* .top-builders-right-ads .custom-btn { background: var(--default-color); border-color: var(--default-color);; color: var(--secondary-color); margin-top: 3rem; } .top-builders-right-ads .custom-btn:hover{ background: 0; color: var(--default-color); } */ .top-builders-ads-box .five-star-reviews i { color: var(--default-color); } .top-builders-ads-box .builderAddress { margin-top: 1rem; margin-bottom: 2rem; } .builderOfMonthSocial { gap: 0.5rem; } .builderOfMonthSocial .like-share-item>a, .builderOfMonthSocial .social-share-item>a { background: #fff; width: 3rem; height: 3rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 1.6rem; color: var(--primary-color); text-decoration: none; box-shadow: 0 0 9px #a4a4a4; } .builderOfMonthSocial .social-share-item .social-media-share { right: -200%; top: -125%; left: auto; } .builderOfMonthSocial .social-share-item:hover .social-media-share { left: auto; right: 0; } /* dream property css starts here */ .dream-property .section-heading { margin-bottom: 0.3rem; } .dream-property .column-para { margin-bottom: 3rem; } .dream-property-column { border-right: 1px solid var(--primary-color); padding: 1rem 0.8rem; } .dream-property-column:last-child { border-right: 0; } .dream-property-column figure { box-shadow: 0 0 9px #ddd; width: 10rem; height: 10rem; margin: auto; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .dream-property-column figure img { width: 6rem; } .dream-property-column .column-heading { font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 0; } /* purcahse dream home css starts here */ .purcahse-dream-home-container { /* background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(7,47,109,1) 0%, rgba(56,94,216,1) 100%); */ padding: 5rem; border-radius: .8rem; background: linear-gradient(0deg, #c2bfd0 0%, #eeeef0 50%); box-shadow: 0 0 12px #b7b7b7; } .purcahse-dream-home-container .section-heading { color: var(--title-color); line-height: 1.4; } .purcahse-dream-home-container .section-heading span { color: var(--secondary-color); font-size: 5rem; line-height: 0.8; border-bottom: 0; } .our-clients-container { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; } #main-page .our-clients-container{ grid-template-columns: repeat(6, 1fr); } #main-page .our-clients-logo figure img{ height: 6rem; } .our-clients-slider .item { padding: 0.6rem; } .our-clients-logo { padding: 1rem 1rem 1.5rem; text-align: center; display: block; text-decoration: none; border-radius: 0.8rem; transition: all 0.3s; overflow: hidden; } .our-clients-logo:hover { box-shadow: 0 0 9px #dbdbdb; } .item .our-clients-logo:hover { box-shadow: none; } .our-clients-content{ margin-top: 5px; } .our-clients-logo figure { width: 100%; height: 12rem; padding: 1rem; border: 1px solid #c7c7c7; display: flex; justify-content: center; align-items: center; border-radius: 0.8rem; } .our-clients-logo figure img { width: 100%; height: 9rem; object-fit: contain; transition: all 0.4s; } .our-clients-logo:hover img { transform: scale(1.1); } .item .our-clients-logo figure { border: 1px solid #c7c7c7; transition: all 0.3s; } #rev .item .our-clients-logo figure{ border-color: #f2f2f2; transition: all 0.3s; } .item .our-clients-logo:hover figure { border-color: #000; } #rev .readmore{ bottom: 6px; left: 12px; } .our-clients-content .column-heading { font-size: 1.5rem; margin-bottom: 0.5rem; line-height: 1.1; } .our-clients-content .column-para { font-size: 1.4rem; color: var(--secondary-color); display: none; } .tabs-counter { position: absolute; top: 6rem; right: 0; width: 50%; } .news-slider .item { padding: 1rem; } .real-estate-news-column { box-shadow: 0 0 9px #e3e3e3; border-radius: .8rem; height: 100%; overflow: hidden; background: var(--default-color); } .real-estate-news-column:hover { box-shadow: 0 0 9px #b6b6b6; } .real-estate-news-column figure { width: 100%; height: 24rem; overflow: hidden; border-radius: .8rem .8rem 0 0; } .real-estate-news-column figure img { width: 100%; height: 100%; transition: all 0.5s; object-fit: cover; } .real-estate-news-column:hover img { transform: scale(1.1); } .similarNews-section .real-estate-news-column-content { text-align: center; } .real-estate-news-column-content { padding: 2rem; background: var(--default-color); } .real-estate-news-column-content .column-heading { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 58px; } .real-estate-news-column-content .column-para { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .real-estate-news-column-content .custom-btn { margin-top: 1rem; } /* blog news right side bar starts */ .blog-news-right-side-bar { box-shadow: 0 0 9px #ddd; padding: 2rem; border-radius: 0.8rem; margin-bottom: 2rem; border: 1px solid #e3e9ed; } .blog-news-right-items { display: flex; align-items: center; border: 1px solid #e3e9ed; margin-bottom: 2rem; /* border-radius: 0.8rem; */ overflow: hidden; box-shadow: 0 .5rem 1rem rgb(94 94 94 / 15%); } .blog-news-smlImg figure { width: 11rem; height: 10rem; margin-right: 1rem; border-right: 1px solid #ddd; } .blog-news-smlImg figure img { width: 100%; height: 100%; object-fit: cover; } .blog-news-right-items-text { padding-right: 0.6rem; } .blog-heading { font-size: 1.6rem; line-height: 1.4; text-decoration: none; color: var(--title-color); margin-bottom: 1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 700; font-family: "Poppins", sans-serif; } .blog-heading:hover { text-decoration: underline; } .blog-price { font-size: 1.5rem; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blog-news-right-side-bar .custom-btn { background: 0; width: 100%; color: var(--title-color); text-align: center; } .blog-news-builders .blog-news-smlImg figure img { object-fit: contain; } .blog-news-builders { position: sticky; top: 9rem; } /* blog news right side bar ends here */ .pagination-container tr td span, .pagination-container tr td a { width: max-content; min-width: 3rem; display: inline-block; border-radius: 5px; line-height: 1; text-decoration: none; margin-right: 5px; padding: 8px; background: var(--title-color); color: #fff; } .thispage { background: var(--text-color) !important; } .get-started-propkonnect { box-shadow: 0 0 9px #ddd; } .get-started-propkonnect .section-heading { font-size: 5rem; font-weight: 400; } .get-started-propkonnect .section-heading span { font-size: 4rem; } .get-started-propkonnect .column-para { line-height: 1.8; } .get-started-propkonnect .custom-btn { margin-top: 3rem; } .similar-projects-section { padding-bottom: 10rem; } /* discover dream property banner css starts */ .discover-dream-property { position: relative; width: 100%; z-index: 2; } .discover-dream-property:before { position: absolute; content: ""; background: var(--title-color); width: 100%; height: 50%; bottom: 0; } .promote-prop-faster { background: transparent; } .discover-dream-property-container { background: var(--dark-color); border-radius: .8rem; height: 100%; position: relative; padding: 6rem 5rem; } .discover-dream-property-container .section-heading { color: var(--default-color); font-size: 4.3rem; margin-bottom: 0; font-weight: 400; } .discover-dream-property-container .section-heading span { text-shadow: 0 2px 4px #6e6e6e; } .discover-dream-property-img figure { position: absolute; bottom: 0; right: 0; max-width: 24rem; bottom: -170px; } /* footer css starts here */ .footer-container { background: var(--title-color); padding: 6rem 0 0; position: relative; overflow: hidden; z-index: 0; } .footer-container::before { position: absolute; content: ""; background: url('../../assets/images/footer-circle-img.png') no-repeat bottom / contain; width: 100%; height: 100%; bottom: 0; right: 0; z-index: -1; } .footer-logo { max-width: 21rem; margin-bottom: 1.9rem; } .footer-column, .footer-menu { border-right: 1px solid rgb(255 255 255 / 25%); padding-right: 2rem; padding-bottom: 2rem; } .footer-menu { padding-left: 4rem; } .footer-menu:last-child { border-right: 0; } .footer-column .column-para { color: var(--default-color); font-size: 1.4rem; margin-bottom: 0.8rem; line-height: 1.7; text-align: justify; } .footer-social-icon { margin-top: 2rem; display: flex; gap: .4rem; } .footer-social-icon a { width: 4rem; height: 4rem; display: flex; background: var(--default-color); border-radius: 50%; justify-content: center; align-items: center; text-decoration: none; font-size: 1.6rem; color: var(--default-color); transition: all 0.3s; } .footer-social-icon a:hover { transform: translateY(-5px); } .footer-social-icon a.facebook, .social-media-share .facebook .fa-brands { background: #334c8c; } .footer-social-icon a.instagram, .social-media-share .instagram .fa-brands { background: linear-gradient(45deg, #feb52d 0%, #feb52d 25%, #fe3079 50%, #a306cd 75%, #a306cd 100%); } .footer-social-icon a.linkedin { background: #0b69c7; } .footer-social-icon a.xTwitter, .social-media-share .xTwitter i { color: var(--title-color); } .footer-social-icon a.youtube { background: #f20000; } .footer-menu .column-heading { color: var(--default-color); margin-bottom: 2rem; } .footer-menu-list>li>a { text-decoration: none; color: var(--default-color); font-size: 1.5rem; padding-bottom: 1rem; display: inline-block; font-weight: 300; transition: all 0.3s; } .footer-menu-list>li>a:hover { color: #fff; text-decoration: none; } .footer-menu p { color: var(--default-color); font-size: 1.3rem; } .footer-subscribe-box { margin-top: 2rem; } .footer-subscribe-box .form-control { font-size: 1.4rem; background: 0; color: var(--default-color); border: 0; border-bottom: 1px solid var(--default-color); border-radius: 0; margin-bottom: 2rem; padding: 1rem; transition: all 0.3s; } .footer-subscribe-box .form-control::placeholder { color: var(--default-color); } .footer-subscribe-box .form-control:focus { background: var(--default-color); color: var(--title-color); } .footer-subscribe-box .form-control:focus::placeholder { color: var(--title-color); } .footer-subscribe-box .custom-btn { background: var(--default-color); color: var(--title-color); border: 1px solid var(--default-color); } .footer-subscribe-box .custom-btn:hover { background: 0; color: var(--default-color); } .copyright-container { color: var(--default-color); border-top: 1px solid rgb(255 255 255 / 25%); padding: 2rem 1rem; } .copyright-container p { color: var(--default-color); font-size: 1.5rem; letter-spacing: normal; } .copyright-container .footer-menu-list { gap: 0 3rem; margin-bottom: 0; } .recent-projects-navTabs .nav-link{ font-size: 1.4rem; text-transform: capitalize; } .copyright-container .footer-menu-list li a { padding: 0; } /* enquire Form pop up css starts here */ .enquireFormModal .modal-header { border-bottom: 0; padding: 2rem 2rem 1rem; position: relative; } .enquireFormModal .section-heading { font-size: 3rem; text-align: center; margin-bottom: 0; } .enquireFormModal .btn-close { position: absolute; top: -10px; right: -10px; background: var(--primary-color); color: var(--default-color); opacity: 1; width: 2.5rem; height: 2.5rem; border-radius: 50%; } .enquireForm-container { padding: 1.5rem; } .enquireForm-container .form-control { padding: 1rem; border: 0; margin-bottom: 1.2rem; font-size: 1.3rem; box-shadow: 0 0 9px #ddd; font-weight: 500; } .enquireForm-container .form-control:focus::placeholder, .listing-search-form .form-control:focus::placeholder { color: transparent; } .select-form-control { position: relative; } .select-form-control:after { position: absolute; content: "\f078"; font-family: 'FontAwesome'; top: 50%; right: 20px; bottom: 0; margin: auto; font-size: 14px; color: var(--title-color); transform: translateY(-50%); line-height: 1; } .select-form-control .form-control { cursor: pointer; } .enquireForm-container .form-check, .indiPro-contactUs-container .form-check { padding-left: 1.8rem; } .enquireForm-container .form-check-label, .indiPro-contactUs-container .form-check-label { font-size: 1.1rem; color: var(--text-color); cursor: pointer; } .enquireForm-container .form-check-label a, .indiPro-contactUs-container .form-check-label a { color: var(--title-color); text-decoration: none; font-weight: 500; transition: all 0.3s; } .enquireForm-container .form-check-label a:hover, .indiPro-contactUs-container .form-check-label a:hover { text-decoration: underline; color: var(--text-color); } .enquireForm-container .form-check-input, .indiPro-contactUs-container .form-check-input { width: 1.6rem; height: 1.6rem; margin-right: 0.7rem; cursor: pointer; } .enquireForm-container .custom-btn { min-width: 18rem; margin-top: 2rem; } /* enquire Form pop up css ends here */ /* project Details Modal css starts here */ .projectDetailsModal .modal-dialog { max-width: 90rem; } .projectDetailsModal .modal-header { padding: 1.5rem; } .projectDetailsModal .section-heading { margin-bottom: 0; text-align: center; width: 100%; } .projectDetailsModal .btn-close, .logInModal .btn-close { position: absolute; right: -10px; top: -10px; background: var(--text-color); opacity: 1; display: flex; align-items: center; justify-content: center; border-radius: 100%; color: var(--default-color); width: 2.5rem; height: 2.5rem; } .projectDetails-container { padding: 1rem; } .pro-radio-column { margin-bottom: 1.2rem; } .pro-radio-column .column-heading { font-size: 1.4rem; font-weight: 400; margin-bottom: 0; } .pro-radio-label { margin-left: 2rem; } .pro-radio-label .form-check-input { border: 1px solid var(--text-color); cursor: pointer; } .pro-radio-label .form-check-label { font-size: 1.2rem; cursor: pointer; } .estTimeFrame { margin-top: 1rem; } .estTimeFrame .pro-radio-label { margin-left: 0; margin-right: 2rem; margin-bottom: .5rem; } .estTimeFrame .pro-radio-label:last-child { margin-right: 0; } .pro-radio-column .form-control { font-size: 1.4rem; padding: 1rem; color: var(--title-color); font-weight: 400; border: 0; box-shadow: 0 0 9px #ddd; } .pro-radio-column .form-control:focus { box-shadow: 0 0 9px var(--text-color); } .pro-radio-column .form-control:focus::placeholder { color: transparent; } .projectDetails-container .form-check { margin-bottom: 1rem; } .projectDetails-container .form-check .form-check-label { font-size: 1.3rem; cursor: pointer; } .projectDetails-container .form-check .form-check-label a { text-decoration: none; color: var(--title-color); transition: all 0.3s; font-weight: 600; } .projectDetails-container .form-check .form-check-label a:hover { text-decoration: underline; color: var(--text-color); } .projectDetails-container .form-check .form-check-input { border: 1px solid var(--text-color); cursor: pointer; } .modalSubmit-btn { margin-bottom: 1rem; text-align: center; } .modalSubmit-btn .custom-btn { width: 88%; } /* project Details Modal css ends here */ /* user exit page modal css starts here */ #lookingBuyProp .modal-dialog { max-width: 70rem; } .lookingBuyPropTop { padding: 3rem; } .lookingBuyPropTop:before { position: absolute; content: ""; background: #f6a91b; width: 17rem; height: 100%; left: 0; top: 0; z-index: 0; clip-path: polygon(0% 0%, 100% 0%, 0% 100%); } .lookingBuyPropTop-icon { z-index: 999; } .lookingBuyPropTop-icon figure { background: var(--default-color); width: 14rem; height: 14rem; border-radius: .8rem; box-shadow: 0 0 9px #a2a2a2; display: flex; align-items: center; justify-content: center; } .lookingBuyPropTop-icon figure img { width: 6rem; height: 6rem; object-fit: contain; } .lookingBuyPropTop-right { margin-left: 2rem; } .lookingBuyPropTop-right .section-heading { text-align: left; font-size: 2rem; margin-bottom: 1.5rem; } .lookingBuyPropTop-right .column-para { font-size: 1.4rem; } .lookingBuyPropTop-right .column-para:last-child { font-weight: 700; margin-top: 1rem; } #lookingBuyProp .form-control { margin-bottom: 0; } #lookingBuyProp .modal-body { background: #f5f5f5; } #lookingBuyProp .form-check .form-check-label { line-height: 2; color: var(--title-color); } /* user exit page modal css ends here */ /* about us page css starts here */ .how-we-are-img-left { right: -3rem; } .how-we-are figure, .findAproperty-img figure { border-radius: .8rem; overflow: hidden; } .how-we-are .column-para { font-size: 1.6rem; line-height: 1.7; margin-bottom: 0.6rem; } .listing-search { height: 35rem; display: flex; justify-content: center; align-items: center; } .listing-search .section-heading { color: var(--default-color); font-size: 3rem; } .listing-search-form .form-control { padding: 2rem 3rem 2rem 2rem; font-size: 1.4rem; border: 0; border-left: 1px solid #ddd; border-radius: 0; } .listing-search-form .form-control:focus { box-shadow: none; } .listing-search-icon { position: absolute; top: 0; right: 0; bottom: 0; width: 7rem; height: 95%; margin: auto; display: flex; align-items: center; justify-content: center; background: var(--default-color); font-size: 2rem; color: var(--primary-color); border-radius: .8rem; } .findAproperty-content { background: var(--default-color); position: relative; left: -10rem; border-radius: .8rem; padding: 6rem 3.4rem; } .findAproperty-content .section-heading { margin-bottom: 2rem; } .findAproperty-content .column-para { line-height: 1.7; } .findAproperty-content .custom-btn { margin-top: 2rem; } /* make dream property css starts here */ .makeHappen-item { background: var(--default-color); padding: 3rem 2rem; border-radius: .8rem; box-shadow: 0 0 17.5px rgba(0, 0, 0, 0.23); ; text-align: center; height: 100%; transition: all 0.3s; } .makeHappen-item:hover { background: var(--title-color); } .makeHappen-item figure { width: 7rem; margin: auto; margin-bottom: 1rem; height: 7rem; overflow: hidden; } .makeHappen-item figure img { width: 100%; height: 100%; object-fit: contain; transition: all 0.3s; } .makeHappen-item:hover .simplified-img-1 { display: none; } .makeHappen-item:hover .simplified-img-2 { display: block !important; } .makeHappen-item .column-heading { margin-bottom: 1rem; } .makeHappen-item .column-para { font-size: 1.4rem; } .makeHappen-item:hover .column-heading, .makeHappen-item:hover .column-para { color: var(--default-color); } .right-decision { background: var(--dark-color); } .right-decision-content .section-heading { color: var(--default-color); } .right-decision-content .column-para { color: var(--default-color); line-height: 1.7; } .getHunting .findAproperty-content { left: auto; right: -10rem !important; } /* services page css starts here */ .section-heading-para { padding-bottom: 4rem; } .section-heading-para .section-heading { margin-bottom: 0.7rem; } .our-expertise .column-heading { font-size: 1.8rem; margin-top: 1.5rem; } .our-full-services [id] { scroll-margin-top: 100px; } .our-services-box-img { float: left; min-width: 50%; max-width: 50%; margin-right: 2rem; margin-bottom: 1rem; } .our-services-box-img figure { width: 100%; height: 34rem; } .our-services-box-img figure img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.8rem; } /* .our-services-box { height: 100%; } .our-services-box-item { border: 2px dashed #ddd; padding: 2rem; border-radius: .8rem; height: 100%; } .our-services-box-item figure { width: 6rem; } */ .our-services-tag { font-size: 1.5rem; color: var(--title-color); line-height: 1.4; margin-bottom: 1rem; } .services-all-content .column-para { font-size: 1.4rem; line-height: 1.8; text-align: justify; } /* read more and read less button css */ .services-all-content .custom-btn { margin-top: 0.8rem; background: 0; border: 0; box-shadow: none; color: var(--title-color); padding: 0; } .services-all-content .custom-btn:hover { text-decoration: underline; color: var(--text-color); } .services-all-content .collapse:not(.show) { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; transition: max-height 0.3s ease; } .services-all-content a.collapsed:before { content: 'Read More'; } .services-all-content a:not(.collapsed):before { content: 'Read Less'; } .ind-builder-about .services-all-content .collapse:not(.show) { -webkit-line-clamp: 9; } .ind-builder-about .column-para { font-size: 1.5rem; line-height: 1.8; } button.readmore, button.readless { font-size: 15px; color: var(--text-color); padding: 0; border: 0; background: 0; } /* potential Property Buyers accordian css starts here */ .potential-property .accordion-item { margin-bottom: 1.5rem; border: 0; border-radius: .8rem; box-shadow: 0 0 9px #ddd; } .potential-property .accordion-item:last-child { margin-bottom: 0; } .prop-accordion { border-radius: .8rem; } .potential-accor-icon figure { background: var(--dark-color); width: 8rem; height: 8rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .potential-accor-icon figure img { width: 4rem; } .potential-accor-icon .column-heading { margin-left: 1rem; margin-bottom: 0; } .prop-accordion.accordion-button::after { width: 3rem; height: 3rem; background-size: 2.5rem; } .prop-accordion.accordion-button:not(.collapsed) { background: none; } .buyers-img { height: 100%; } .buyers-img figure, .real-partners-img figure { height: 100%; border-radius: .8rem; overflow: hidden; } .purcahse-dream-home-container .section-heading em{ font-size: 4rem; font-weight: 300; font-style: normal; /* margin-bottom: 14px; */ display: inline-block; } .purcahse-dream-home-container .section-heading strong{ font-weight: 600; display: block; color: var(--secondary-color); font-size: 4rem; } .buyers-img figure img, .real-partners-img img { height: 100%; width: 100%; } .real-partners { padding-bottom: 6rem; } .real-partners .section-heading-para { padding-bottom: 2rem; } .onboarding-row { display: flex; align-items: center; gap: 2rem; position: relative; } .onboarding-row figure { background: var(--dark-color); min-width: 8rem; height: 8rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .onboarding-row figure:before { position: absolute; content: ""; border: 1px dashed var(--primary-color); height: 100%; top: 56%; z-index: -1; } .onboarding-result figure:before { display: none; } .onboarding-content .column-heading { margin-bottom: 1rem; } .onboarding-content .column-para { font-size: 1.4rem; font-weight: 400; } .leads-gmp .section-heading, .leads-gmp-column .column-heading, .leads-gmp .column-para { color: var(--default-color); } .leads-gmp-column .column-heading { margin: 1.4rem 0; } .leads-gmp .column-para { font-size: 1.4rem; } .leads-gmp-column { background: 0; padding: 0; } .leads-gmp-column figure { background: var(--default-color); width: 10rem; height: 10rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 2.3rem; } .start-journey-heading { background: var(--title-color); padding: 2rem; border-radius: .8rem .8rem 0 0; position: relative; z-index: 1; } .start-journey-heading:before { position: absolute; content: ""; background: var(--title-color); width: 4rem; height: 4rem; bottom: -1rem; left: 0; right: 0; margin: auto; transform: rotate(45deg); z-index: -1; } .start-journey-heading .section-heading { margin-bottom: 0; font-size: 3rem; color: var(--default-color); font-weight: 400; } .start-journeyForm-container { border: 2px solid var(--primary-color); border-top: 0; border-radius: 0 0 .8rem .8rem; padding: 5rem 5rem 3rem; } .start-journeyForm-container .form-group { margin-bottom: 4rem; position: relative; } .start-journey-label { position: absolute; top: -1rem; left: 3rem; background: #fff; padding: 0 1rem; line-height: 1; font-weight: 500; font-size: 1.5rem; } .start-journeyForm-container .form-control { padding: 1.4rem; font-size: 1.2rem; border: 1px solid var(--text-color); } .start-journeyForm-container .form-group.select-form-control:after { line-height: inherit; } .start-journeyForm-container .custom-btn { min-width: 20rem; } /* top 10 builders page css starts here */ /* top banner tab css starts here */ .top-builders-banner .section-heading { margin-bottom: 4rem; } .buySellPropSearch { background: var(--default-color); display: inline-flex; border-radius: .8rem 0.8rem 0 0; overflow: hidden; } .buySellPropSearch .nav-link { color: var(--title-color); font-size: 1.8rem; font-weight: 600; border-radius: 0; padding: 1rem 3rem; } .buySellPropSearch .nav-link.active { background: var(--secondary-color); color: var(--default-color); } #buySellPropTabContent { background: var(--default-color); padding: 2rem; } #buySellPropTabContent label { font-size: 1.6rem; font-weight: 600; margin-bottom: 1rem; padding: 0 1rem; } #buySellPropTabContent .form-control { font-size: 1.5rem; padding: 1rem; border: 1px solid #ddd; } #buySellPropTabContent .select-form-control:after { line-height: 5; } #buySellPropTabContent .custom-btn { width: 100%; padding: 1rem; } /* all builders page css starts here */ .top-builders-item { background: var(--default-color); border: 1px solid var(--title-color); padding: 1rem; transition: all 0.3s; position: relative; } .top-builders-item:before { position: absolute; content: ""; background: #161e42; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.9; opacity: 0; transition: all 0.3s; } .top-builders-item:hover::before { opacity: 0.9; } .top-builders-item:hover { background: var(--secondary-color); } .top-builders-item:hover img { height: 12rem; transition: all 0.3s; } .top-builders-item:hover .top-builders-item-content { opacity: 1; visibility: visible; bottom: 4rem; } .top-builders-item figure { width: 100%; height: 20rem; overflow: hidden; transition: all 0.3s; } .top-builders-item figure img { width: 100%; height: 100%; object-fit: contain; transition: all 0.3s; } .top-builders-item-content { padding: 1rem; opacity: 0; visibility: hidden; position: absolute; bottom: -100%; transition: all 0.3s; width: 100%; text-align: center; left: 0; } .top-builders-item-content .column-heading { margin-bottom: 0.2rem; font-size: 1.8rem; color: var(--secondary-color); } .top-builders-item-content .tpmc-area { color: var(--default-color); } .top-builders-hover-item { position: absolute; top: -100%; left: 0; right: 0; margin: auto; font-size: 1.5rem; color: #fff; opacity: 0; visibility: hidden; text-align: center; transition: all 0.3s; } .top-builders-item:hover .top-builders-hover-item { top: 6rem; opacity: 1; visibility: visible; } /* left filter css starts here */ .builders-filter-section { padding-bottom: 6rem; } .builders-filter-container { box-shadow: 0 0 9px #ddd; padding: 1.5rem 2rem; border-radius: .8rem; } .buildersFilterTop { margin-bottom: 2rem; } .buildersFilterTop .column-heading { font-size: 1.6rem; font-weight: 500; margin-bottom: 0; cursor: pointer; } .filter-searchItem { position: relative; margin-bottom: 2rem; } .buildersFilterInputBox { margin-top: 1.5rem; } .filter-searchItem .form-control { padding: 1rem 1.5rem; font-size: 1.5rem; border: 0; background: #efefef; } .filter-searchItem .form-control:focus { box-shadow: 0 0 9px #acacac; background: var(--default-color); } .filter-searchItem .form-control:focus::placeholder { color: transparent; } .filter-searchItem .fa-magnifying-glass { position: absolute; top: 50%; right: 1.2rem; margin: auto; transform: translateY(-50%); cursor: pointer; color: var(--primary-color); font-size: 2rem; } .buildersFilterInputHeading { border: 0; background: 0; display: flex; justify-content: space-between; width: 100%; font-size: 1.5rem; font-weight: 600; padding: 1.5rem 0 0; border-top: 1px solid #ddd; } .buildersfilterInputItem { max-height: 18.5rem; overflow-x: hidden; overflow-y: auto; } .buildersfilterInputItem::-webkit-scrollbar { width: 5px; } .buildersfilterInputItem::-webkit-scrollbar-track { background: var(--light-color); } .buildersfilterInputItem::-webkit-scrollbar-thumb { background: var(--title-color); } .buildersfilterInputItem .form-check { padding: 0; margin-top: 0.8rem; } .buildersfilterInputItem .form-check label { display: flex; font-size: 1.5rem; color: var(--title-color); font-weight: 400; cursor: pointer; } .buildersfilterInputItem .form-check .filter-check { width: 1.8rem; height: 1.7rem; margin-top: 0.3rem; margin-right: 0.7rem; cursor: pointer; } /* left filter css ends here */ /* latter filter css starts here */ .builders-latter-filters { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 2rem; } .bLFilter { text-align: center; padding: 0.7rem; line-height: 1; font-size: 1.5rem; font-weight: 500; cursor: pointer; min-width: 2.5rem; } .bLFilter.active, .bLFilter:hover { background: var(--primary-color); color: var(--default-color); box-shadow: 0 0 9px #b6b6b6; border-radius: 0.2rem; } /* latter filter css ends here */ .filters-content-column { padding-right: 1rem; } .filters-content-column-img { position: relative; } .filters-content-column-img figure { width: 18rem; height: 16rem; min-width: auto; } .filtersImgShareIcon { position: absolute; top: .5rem; right: 2.5rem; color: var(--secondary-color); } .filtersImgShareIcon a { color: var(--primary-color); font-size: 1.6rem; } .filters-content-column .top-builders-row-left-content { flex: 1; } .builders-name-logo-row { display: flex; justify-content: space-between; align-items: center; } .builders-name-logo-row .column-heading { margin-bottom: 0; } .filters-content-column .column-heading, .filters-content-column .column-para { -webkit-line-clamp: 2; } .builders-logo img { width: 8rem; } .filters-content-column .column-para, .filters-content-column .tpmc-area { margin-top: 0; } .filters-content-column .top-builders-row-left-content .tpmc-area span { font-weight: 600; } .filters-content-column .builders-location { margin-bottom: 0; margin-top: 0.5rem; } /* individual builders page css starts here */ .ind-top-banner { position: relative; z-index: 0; } .ind-top-banner:before { position: absolute; content: ""; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; z-index: -1; top: 0; } .ind-top-banner-logo { display: block; padding-top: 5rem; position: relative; top: 1rem; } .ind-top-banner-logo figure { background: var(--default-color); border-radius: 0.8rem 0.8rem 0 0; text-align: center; display: flex; align-items: center; justify-content: center; padding: 2rem 2rem; height: 16rem; } .ind-top-banner-logo figure img { object-fit: contain; width: 100%; height: 100%; } .ind-top-banner .section-heading { color: var(--default-color); margin-bottom: 2rem; font-size: 5.5rem; } .ind-top-banner-project { font-size: 1.8rem; color: var(--default-color); font-weight: 500; } .indTop-projects .item { padding: 1rem; } .indTop-projects .top-builders-row { border: 0; box-shadow: 0 0 9px #ababab; padding-right: 0; } .indTop-projects .top-builders-row-left { position: relative; } .indTop-projects .top-builders-row-left-content { flex: 1; } .indTop-projects .column-para { margin-top: 0.5rem; margin-bottom: 0; -webkit-line-clamp: 2; } .indTop-projects .tpmc-area { margin-top: 0.5rem; margin-bottom: 0; -webkit-line-clamp: 1; } .indTop-projects .custom-btn { background: 0; border: 0; box-shadow: none; color: var(--text-color); padding: 0; margin-top: 1rem; } .indTop-projects .custom-btn:hover { color: var(--title-color); } .ind-builder-about-left { padding: 3rem 0 5rem 0; } .ind-builder-aboutImg { overflow: hidden; text-align: center; } .ind-builder-aboutImg figure { width: 100%; height: 40rem; } .ind-builder-aboutImg figure img { height: 100%; } .filters-category-subheading { margin-bottom: 3rem; gap: 1.5rem; display: flex; flex-wrap: wrap; } .filters-category-subheading button { background: 0; border: 1px solid var(--title-color); padding: 0.4rem 1rem; border-radius: 0.3rem; box-shadow: 2px 3px 9px #ffffff; font-size: 1.5rem; position: relative; } .filters-category-subheading button i { position: absolute; top: -11px; right: -10px; background: var(--title-color); color: var(--default-color); width: 2rem; height: 2rem; border-radius: 50%; font-size: 1.2rem; display: flex; justify-content: center; align-items: center; } .filters-projects .top-projects-month-columnImg { width: 50%; } .filters-projects .top-projects-month-column figure { height: 28rem; width: 100%; } .filters-projects .top-pro-month-column-text-top { margin-bottom: 2rem; } .filters-projects .builders-location-city { margin-bottom: 1rem; } .filters-projects .top-projects-month-column-text { padding: 2rem; justify-content: space-between; display: flex; flex-direction: column; flex: 1; } .filters-projects-btn { display: flex; justify-content: end; gap: 1rem; align-items: center; } .filters-projects-btn .custom-btn { background: var(--secondary-color); color: var(--title-color); padding: 1rem 2rem; box-shadow: 5px 5px 2px 0px #ddd; font-size: 1.6rem } .filters-projects-btn .custom-btn:hover { color: var(--default-color); } /* .builders-instant-deal { padding-bottom: 6rem; } */ .get-instant-deal { padding-bottom: 6rem; } .get-instant-deal-container { background: #161e42; padding: 6rem 0; border-radius: 0.8rem; } .get-instant-deal-container .section-heading { color: var(--default-color); margin-bottom: 1rem; } .get-instant-deal-container .column-para { color: var(--default-color); } .get-instant-deal-form { margin-top: 3rem; } .get-instant-deal-form .form-control { height: 4.7rem; padding: 2rem; font-size: 1.4rem; border: 0; border-radius: 0.5rem; } .get-instant-deal-form .form-control:focus::placeholder { color: transparent; } .get-instant-deal-form .custom-btn { width: 100%; height: 100%; } .get-instant-deal-form .form-check { margin-top: 2rem; } .get-instant-deal-form .form-check-label { color: var(--default-color); font-size: 1.2rem; cursor: pointer; } .get-instant-deal-form .form-check-input { width: 3rem; height: 3rem; margin-right: 1rem; cursor: pointer; } .get-instant-deal-form .form-check-label a { color: var(--default-color); font-weight: 500; } .subscribe-box .section-heading { margin-bottom: 1rem; } .subscribe-box .section-heading span { font-size: 4rem; } .subscribe-box .column-para a { color: var(--primary-color); } .subscribe-box .custom-btn { margin-top: 1rem; } .small-heading { font-size: 1.6rem; margin-bottom: 1.5rem; } .newslatter-box .section-heading { margin-bottom: 2rem; } .newslatter-form .form-control { border: 0; box-shadow: 0 0 9px #ddd; font-size: 1.4rem; padding: 1rem 2rem; } .newslatter-form .custom-btn { min-width: max-content; padding: 1rem 2rem; } /* contact us page css start here */ .contact-happy-counter .happy-counter-box figure { min-width: 5rem; max-width: 5rem; height: 5rem; } .excServices .section-heading { font-size: 3rem; margin-bottom: 0; } .excServices .makeHappen-item { padding: 2rem; height: 100%; } .connectWithReach .column-para { /* color: var(--default-color); */ margin-top: 0.6rem; font-weight: 400; } .connectWithReach .section-subHeading { margin-top: 1rem; } .reach-timing { padding-bottom: 2rem; } .reach-timing .fa-clock { font-size: 3rem; } .reach-timing-list { margin-left: 2rem; } .reach-timing-list li { font-weight: 400; line-height: 2; } .forPP-section { margin-bottom: 3rem; } .forPP-section .column-para { margin-top: 1rem; } .forPP-section a { color: var(--title-color); text-decoration: none; font-weight: 500; } .forPP-section a:hover { text-decoration: underline; color: var(--text-color); } .ddTransparentBg { background: transparent; } .project-dream-prop { margin-top: 5rem; } /* city builders css starts here */ .city-search-section .section-heading { font-size: 4rem; } .city-search-section .listing-search-form { display: flex; align-items: center; background: var(--default-color); } .city-search-location { display: flex; align-items: center; } .city-search-location .fa-location-dot { color: var(--primary-color); font-size: 2rem; margin-left: 2rem; } .city-search-location select.form-control { border-left: 0; width: max-content; padding-left: 1rem; } .city-search-location.select-form-control::after { line-height: 2; right: 0.8rem; } .popular-city .recent-projects-navTabs .nav-tabs { border-bottom: 0; margin-bottom: 2rem; } .popular-city .top-projects-month-column figure { min-width: 22rem; height: 100%; } .popular-city .top-projects-month-column-text { margin-left: 1rem; } .popular-city .tpmc-area { margin-bottom: 0.7rem; color: #000; } .popular-city .tpmc-area span { font-weight: 500; } .city-builder-share-icon { position: absolute; right: 1.5rem; top: 1rem; } /* city builders css ends here */ /* individual city builders css starts here */ .horizontal-banner a, .horizontal-ads { display: inline-block; } .horizontal-banner a figure img, .horizontal-ads figure img { border-radius: 0.8rem; } .handPropCollection .column-heading { color: var(--primary-color); margin: 1.5rem 0 3rem; font-weight: 500; } .handPropCollection .happy-customer-text { text-align: left; } .top-projects-full-column .top-projects-month-column { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .top-projects-full-column .top-projects-month-column-text { padding: 2rem 2rem 1rem; } .top-projects-full-column figure { width: 100%; border-radius: 0 0 0.8rem 0.8rem; height: 22rem; } .prop-consIcon-row .real-estate-simpli-item { text-align: center; box-shadow: 0px 4px 9px #a5a5a5; } .prop-consIcon-row .real-estate-simpli-item figure img { width: 8rem; } .prop-consIcon-row .column-heading { margin-bottom: 0.5rem; } .prop-consIcon-row .column-para { font-weight: 700; font-size: 1.6rem; } .prop-multiProjectItem { position: relative; overflow: hidden; transition: all 0.5s; display: block; } .prop-multiProjectItem:before { position: absolute; content: ""; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; border-radius: 0.8rem; visibility: hidden; z-index: 1; } .prop-multiProjectItem:hover::before { visibility: visible; } .prop-multiProjectItem figure { width: 100%; height: 27rem; border-radius: 0.8rem; overflow: hidden; } .prop-multiProjectItem figure img { width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; } .prop-multiProjectItem:hover figure img { transform: scale(1.1); } .prop-multiProjectItem .column-heading { position: absolute; bottom: 0; margin-bottom: 0; background: #fff; padding: 1rem; border-radius: 0 0.8rem 0 0; font-size: 1.6rem; font-weight: 500; transition: all 0.5s; } .prop-multiProjectItem:hover>.column-heading { bottom: -100%; } .prop-multiProjectItemText { position: absolute; bottom: -100%; transition: all 0.5s; left: 0; display: flex; flex-direction: column; justify-content: center; width: 100%; align-items: center; z-index: 2; text-align: center; } .prop-multiProjectItem:hover .prop-multiProjectItemText { top: 0; bottom: 0; } .variety-column-heading { font-size: 2.5rem; color: var(--primary-color); text-transform: uppercase; font-weight: 700; margin-bottom: 1rem; } .prop-multiProjectItemText p { font-size: 2rem; color: var(--default-color); font-weight: 500; margin-bottom: 0.4rem; } .prop-multiProjectItemText p:last-child { margin-bottom: 0; } .prop-multiProjectItemText .custom-btn { border-radius: 50%; min-width: 4rem; min-height: 4rem; display: flex; align-items: center; justify-content: center; box-shadow: none; padding: 0; } .prop-multiProjectItemText .custom-btn .fa-arrow-right { transform: none; } /* .expert-advise-banner { margin-top: 6rem; } */ .expert-advise-container .section-heading { color: var(--title-color); margin-bottom: 1.5rem; } .expert-advise-container .column-para { font-size: 1.6rem; color: var(--title-color); margin-bottom: 2rem; } .housing-locations-items .column-heading { font-size: 1.7rem; } .housing-locations-lists li { margin-bottom: 1.5rem; } .housing-locations-lists li:last-child { margin-bottom: 0; } .housing-locations-lists li a { text-decoration: none; color: var(--text-color); display: inline-block; font-size: 1.5rem; } .housing-locations-lists li a:hover { text-decoration: underline; color: var(--primary-color); } .city-builder-about { padding-top: 6rem; text-align: center; } .city-builder-about .column-para { line-height: 1.8; } .city-builder-about .custom-btn { margin-top: 2.5rem; } /* individual city builders css ends here */ /* all categories css starts here */ .searchProp-preference .quick-decision-making-item figure { height: 22rem; } .looking-apartments-select-btn { display: flex; justify-content: center; align-items: center; gap: 1.5rem; margin-bottom: 4rem; } .looking-apartments-booking .form-check-label, .looking-apartments-booking .form-check-label a { color: var(--title-color); } .looking-apartments-booking .form-check-label { text-align: left; } .category-banner { position: relative; z-index: 1; } .category-banner:before { position: absolute; content: ""; background: rgb(0 0 0 / 20%); width: 100%; height: 100%; left: 0; top: 0; z-index: -1; } /* project category css */ .project-category-top-banner { padding: 3rem 0; } .pro-cat-top-banner-container { box-shadow: 0 0 9px #ddd; padding: 1rem; } .pro-cat-top-banner-img figure { width: 100%; height: 25rem; overflow: hidden; border-radius: 5px; } .pro-cat-top-banner-img figure img { width: 100%; height: 100%; object-fit: cover; } .pro-cat-top-banner-text { padding: 1rem; } .pro-cat-top-banner-text .section-heading { margin-bottom: 2rem; } /* project category css ends */ .top-pick-housing-item { background: var(--default-color); padding: 1rem; border-radius: 0.8rem; box-shadow: 0 0 9px #ddd; transition: all 0.3s; height: 100%; } .top-pick-housing-item:hover { box-shadow: 0 0 9px #a1a1a1; } .top-pick-housing-item-img { position: relative; } .top-pick-housing-item-img figure { width: 100%; height: 22rem; overflow: hidden; border-radius: 0.8rem; } .top-pick-housing-item-img figure img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; } .top-pick-housing-item:hover img { transform: scale(1.1); } .heart-like-icon .fa-heart { position: absolute; background: var(--default-color); color: var(--secondary-color); top: 1rem; left: 1rem; width: 4rem; height: 4rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; box-shadow: 0 0 9px #ddd; } .top-pick-housing-item-img i.active, .heart-like-icon i.active, .like-share-item a i.active { content: "\f004"; font-family: 'FontAwesome'; } .heart-sharing-icons .projectlike:hover { background: var(--title-color); color: var(--default-color); } .top-pick-housing-item-text-top { padding: 1.5rem 0 1rem; } .top-pick-housing-item-text-top .column-heading { margin-bottom: 0; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 500; } .top-pick-housing-item-text-top .tpmc-area { font-weight: 500; min-width: 11rem; margin-top: 0; text-align: center; } .top-pick-housing-item-text-top .fa-location-dot { color: var(--title-color); font-size: 2.1rem; } .top-pick-housing-item-text-btn { padding-bottom: 0.5rem; } .top-pick-housing-item-text-btn small { font-size: 1.4rem; font-weight: 500; color: var(--title-color); } .top-pick-housing-item-text-btn .custom-btn { padding: 0.5rem 1rem; font-size: 1.5rem; text-align: center; min-width: max-content; font-weight: 500; } .city-housing-projects-row .quick-decision-making-item figure { height: 35rem; } .city-housing-projects-row .quick-decision-making-item h4 { min-height: 7.5rem; } /* confused section css starts here */ .confused-selection { position: relative; z-index: 1; } .confused-dotted-icon-left { position: absolute; top: 0; left: 0; } .confused-dotted-icon-right { position: absolute; bottom: 0; right: 0; } .confused-selection-content .section-heading { font-size: 5rem; color: var(--default-color); margin-bottom: 1rem; } .confused-selection-content .column-heading { color: var(--default-color); font-weight: 300; } .confused-selection-content, .confused-selection-img { z-index: 99; text-align: center; } .confused-selection-img figure { height: 42rem; overflow: hidden; } .confused-selection-img figure img { object-fit: contain; height: 100%; } /* faq section starts here */ #faqAccordion .accordion-item { border: 0; margin-bottom: 1rem; box-shadow: 0 0 9px #ddd; border-radius: 0.8rem; } .accordion-item-top { display: flex; justify-content: space-between; align-items: center; padding: 1.8rem 2.5rem 1.8rem 5rem; } .accordion-heading { font-size: 1.6rem; color: var(--title-color); font-weight: 600; position: relative; line-height: 1.5; } .accordion-heading:before { position: absolute; content: ""; width: 1.2rem; height: 1.2rem; background: var(--text-color); left: -2.5rem; top: 0; bottom: 0; margin: auto; border-radius: 50%; } .accordion-item-top i { color: var(--text-color); font-size: 2rem; transition: all 0.3s; } #faqAccordion .accordion-body { padding: 1rem 2.5rem 1rem; border-top: 1px solid #cbcbcb; } .pro-faq-text { overflow-y: hidden; overflow-x: auto; } .pro-faq-text p, .pro-faq-text div { font-size: 1.6rem; line-height: 1.8; } .pro-faq-text ol li { font-size: 1.5rem; line-height: 1.6; } .accordion-item-top.collapsed i { rotate: -180deg; } .pro-faq-text table { width: 100% !important; margin-top: 2rem; } .pro-faq-text table tr td { width: 33%; padding: 0.5rem 1rem !important; } /* all categories css ends here */ /* home loan page css starts here */ .home-loan-banner { height: 50rem; display: flex; align-items: center; position: relative; } .home-loan-banner .section-heading { font-size: 4.5rem; margin-bottom: 2rem; color: var(--title-color); font-weight: 400; } .home-loan-banner .section-heading span { color: #000; font-weight: 900; font-style: italic; } .home-loan-banner .column-para { margin-top: 0.5rem; line-height: 1.6; color: var(--title-color); } .home-loan-banner .column-para span { font-weight: 700; } .tcBtn { position: absolute; bottom: 1rem; color: #e6e6e6; font-weight: 500; text-decoration: none; transition: all 0.3s; } .tcBtn:hover { text-decoration: underline; color: #e9e9e9; } .home-loan-form-container { background: #fafafa; border-radius: 1rem; padding: 5rem 0; } .apply-home-loan-section .section-heading { font-size: 1.8rem; } .apply-home-loan-section .section-heading-para .column-heading { font-size: 2.8rem; margin-bottom: 0; font-weight: 500; color: var(--primary-color); text-shadow: 2px 1px #d0d0d0; } .apply-home-loan-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem; } .apply-home-loan-items { position: relative; } .apply-home-loan { box-shadow: 0 0 9px #ddd; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 3rem; width: 100%; height: 22rem; text-decoration: none; transition: all 0.3s; padding: 1rem 1.8rem; text-align: center; position: relative; } .apply-home-loan:hover { box-shadow: 0 0 9px #5d5d5d; } /* .apply-home-loan:before, .home-loan-buy-prop-btn:before { background: #f6a91b; content: ""; position: absolute; visibility: hidden; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; } */ .apply-home-loan.active { background: var(--dark-color); } .apply-home-loan figure { width: 100%; height: 17rem; } .apply-home-loan figure img { width: 100%; height: 100%; } .home-loan-form-container .apply-home-loan { height: auto; background: var(--default-color); } .apply-home-loan .column-para { font-size: 1.4rem; color: var(--title-color); font-weight: 500; } .home-loan-buy-prop-btn, .home-loan-location .form-control { text-decoration: none; padding: 1rem 2rem; box-shadow: 0 0 9px #ddd; color: var(--title-color); font-size: 1.6rem; font-weight: 500; border-radius: 3rem; transition: all 0.3s; border: 0; background: 0; width: 100%; position: relative; background: var(--default-color); } .home-loan-location .form-control:focus::placeholder { color: transparent; } .home-loan-buy-prop-btn:hover { box-shadow: 0 0 9px #6d6d6d; } #regiration_form fieldset:not(:first-of-type) { display: none; } .hloan-check { position: absolute; top: 0; left: 0; opacity: 1; cursor: pointer; appearance: none; width: 100%; height: 100%; border-radius: 3rem; } .hloan-check:checked { box-shadow: 0 0 9px #2c2c2c; } .previous.custom-btn, .next.custom-btn { min-width: 16rem; } .apply-home-loan-section .custom-btn { padding: 1.5rem; border-radius: 0.8rem; } .typeOfEmploye figure { width: 6rem; height: 6rem; } .typeOfEmploye figure img { object-fit: contain; } .typeOfEmploye .column-para { margin-top: 0.5rem; } /* .salary-amount { margin-bottom: 4rem; } */ .salary-amount .form-control { border: 0; border-bottom: 1px solid #ddd; border-radius: 0; font-size: 1.7rem; padding: 0.8rem 1.5rem; } .salary-amount .form-control:focus { box-shadow: 0 0 9px #dadada; border-radius: 0.8rem; } .amount-progressBar-slider input[type="range"] { -webkit-appearance: none; width: 100%; height: 1rem; background: var(--text-color); outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; border-radius: 1rem; } .amount-progressBar-slider input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; border-radius: 50%; width: 2rem; height: 2rem; background: var(--text-color); cursor: pointer; box-shadow: 0 0 0px 10px var(--title-color); transition: background .3s ease-in-out; } .amount-progressBar-slider input[type="range"]::-moz-range-thumb { appearance: none; border-radius: 50%; width: 2rem; height: 2rem; background: var(--text-color); cursor: pointer; box-shadow: 0 0 0px 10px var(--title-color); transition: background .3s ease-in-out; } .amount-progressBar-slider-mrpLeft, .amount-progressBar-slider-mrp span { color: var(--title-color); font-size: 1.8rem; font-weight: 600; } .amount-progressBar-slider-mrp { margin-top: 1rem; } .area-pin-code { position: relative; } .area-pin-code figure { position: absolute; left: 1.2rem; top: 1.4rem; width: 1.8rem; } .area-pin-code .form-control { padding-left: 4.5rem !important; } .contact-home-loan-deals .form-control { padding: 1.8rem; font-size: 1.4rem; border: 0; box-shadow: 0 0 9px #ddd; } .contact-home-loan-deals .form-control:focus::placeholder { color: transparent; } .home-loan-number-verify { display: flex; gap: 2rem; justify-content: center; } .home-loan-number-verify-row .form-control { width: 5rem; height: 5rem; border-radius: 0.8rem; } .home-loan-number-verify-row .form-check-label { font-size: 1rem; cursor: pointer; color: #000; font-weight: 500; } .hl-resendOTP { border: 0; background: 0; color: var(--primary-color); font-size: 1.3rem; text-decoration: underline; padding: 0; line-height: 0; font-weight: 700; transition: all 0.3s; } .hl-resendOTP:hover { color: var(--secondary-color); } /* home loan page css ends here */ /* privacy policy css starts here */ .privacy-policy-banner { background: var(--dark-color); } .privacy-policy-banner .section-heading { font-size: 5rem; margin: 0; color: var(--default-color); } .pp-content-container .column-heading { padding-top: 3rem; } .pp-content-container .column-para { color: var(--title-color); line-height: 1.7; margin-top: 1rem; } .pp-content-list { padding-left: 3rem; } .pp-content-list li { list-style: decimal; line-height: 1.8; margin-bottom: 0.8rem; color: var(--title-color); } .column-subPara { font-weight: 500; margin-top: 2rem !important; margin-bottom: 1rem; } .pp-content-container a { text-decoration: none; color: var(--primary-color); transition: all 0.3s; } .pp-content-container a:hover { text-decoration: underline; color: var(--secondary-color); } /* all projects page css starts here */ /* .city-new-properties { background: #fafafa; } */ .city-new-properties .section-heading { font-size: 6rem; } .city-new-properties-container { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; } .city-new-properties-item { text-decoration: none; transition: all 0.3s; } .city-new-properties-item:hover { transform: translateY(-10px); } .city-new-properties-item figure img { width: 16rem; height: 16rem; overflow: hidden; border-radius: 50%; object-fit: cover; } .city-new-properties-item .column-heading { margin-bottom: 0; margin-top: 1.5rem; font-size: 1.8rem; font-weight: 400; } .city-new-properties-item:hover .column-heading { color: var(--secondary-color); } .city-builders-properties-section { padding-bottom: 5rem; background: #fafafa; } .light-chocolate-bg { background: #fafafa; } /* all projects page css ends here */ .top-projectsBy-city:nth-child(2n - 1), .popular-project-by-city:nth-child(2n - 1) { background: #f3f3f3; } /* projects details page starts here */ .builders-full-address { padding: 0rem 1.5rem; display: flex; align-items: center; margin-bottom: 2.5rem; border-radius: 0.8rem; } .builders-full-address-img { position: relative; height: 100%; } .builders-full-address figure { width: 25rem; text-align: center; height: 10rem; min-width: 25rem; } .builders-full-address figure img { width: 100%; object-fit: contain; height: 100%; } .builders-full-address-text { margin-left: 2rem; width: 100%; } .bf-address-text-row { margin-bottom: 1rem; } .bf-address-text-row .builders-amt { margin-right: 2rem; min-width: max-content; } .builders-full-address-text .column-heading { font-size: 1.8rem; margin-bottom: 0; } .builders-full-address-text .column-buil-heading { font-weight: 500; font-size: 1.4rem; line-height: 1.6; } .builders-full-address-text .custom-btn { padding: 1rem 2rem; min-width: max-content; } .builders-amt { font-size: 1.4rem; font-weight: 500; line-height: 1.6; } .builders-full-address-text .builders-amt i { font-size: 2rem; color: var(--title-color); margin-right: 0.5rem; } /* project gallery pop up css starts here */ .project-gallery-container { width: 100%; position: relative; border-radius: 0.8rem; } .project-gallery-slider { border-radius: 0.8rem; overflow: hidden; } .pg-slider-item { height: 40rem; } .pg-slider-item figure { height: 100%; } .pg-slider-item figure img { height: 100%; border-radius: 0.8rem; object-fit: cover; } .pg-slider-item video { width: 100%; object-fit: cover; height: 100%; } .pro-gallery-upper-content { position: absolute; bottom: 0; z-index: 3; display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0.5rem 2rem; color: var(--default-color); background: rgb(0 0 0 / 70%); border-radius: 0 0 0.8rem 0.8rem; } .pro-gallery-upper-content-img { display: flex; gap: 0.6rem; } .pro-gallery-upper-content-img figure { width: 2rem; } .pro-gallery-upper-content-img p { font-size: 1.5rem; font-weight: 500; line-height: 2; } .lb-thumbnail-wrapper .lbr-thumb { border: 3px solid #ddd; } .lb-thumbnail-wrapper .lbr-thumb.active, .lb-thumbnail-wrapper .lbr-thumb:hover { border: 3px solid var(--primary-color); } #lbt-profile_lightbox, #lbt-name_lightbox, #lbt-date_lightbox, #lbt-chat_lightbox, #lbt-star_lightbox, #lbt-smile_lightbox, #lbt-forward_lightbox, #lbt-download_lightbox, #lbt-dot_lightbox { display: none; } #lbt_next, #lbt_previous { width: 5rem; height: 5rem; padding: 0; background: var(--primary-color); text-align: center; } #lbt_next i, #lbt_previous i { font-size: 3rem; transform: translateY(-70%); } /* project gallery pop up css ends here */ .best-deals-form .enquireForm-container { box-shadow: 0 0 9px #ddd; background: var(--default-color); border-radius: 0.8rem; position: sticky; top: 9rem; } .best-deals-form .section-heading { font-size: 2.2rem; text-align: center; font-weight: 400; line-height: 1.3; } .saperate-container, .project-top-container { box-shadow: 0 0 9px #ddd; padding: 2rem 1rem; border-radius: 0.8rem; } .saperate-container { margin-top: 2rem; } .projectABT-para, .projectABT-para p { font-size: 1.5rem; line-height: 1.7; margin-bottom: 0.6rem; text-align: justify; } .projectABT-para { margin-bottom: 0; } .project-category { box-shadow: 0 0 9px #e1e1e1; padding: 1rem 1.5rem; border-radius: 0.8rem; height: 100%; } .project-category small { font-size: 1.3rem; font-weight: 600; color: var(--title-color); } .project-category-text { font-size: 1.3rem; font-weight: 400; margin-top: 1rem; } .ind-abt-project .services-all-content .collapse:not(.show) { -webkit-line-clamp: 5; } .pro-abt-pricing-item { padding: 3rem; position: relative; z-index: 1; color: var(--default-color); border-radius: 0.8rem; box-shadow: 0 0 9px #a3a3a3; height: 100%; } .pro-abt-pricing-item:before { position: absolute; content: ""; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; left: 0; top: 0; z-index: -1; border-radius: 0.8rem; } .proAbtPricingText { font-size: 1.6rem; font-weight: 500; margin-bottom: 1.5rem; } .project-price-row { background: #62626261; max-width: max-content; padding: 1rem 2rem; border-radius: 0.8rem; } .project-size { padding-right: 2rem; border-right: 1px solid #ddd; } .project-price-row span { display: block; margin-bottom: 0.5rem; color: var(--default-color); } .project-price-row span:last-child { margin-bottom: 0; } .project-price { padding-left: 2rem; color: var(--default-color); } .project-size-price-list li { line-height: 2; font-size: 1.6rem; } .project-size-price-list li i { margin-right: 1rem; color: var(--default-color); } .project-size-price-box .builders-location i { font-size: 2rem; margin-right: 1rem; color: var(--default-color); } small.proAbtPricingText { border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 1.3rem; padding: 0.6rem 0; display: block; } .pro-abt-pricing-item .custom-btn { margin-top: 1.5rem; } .all-amenities-item { text-align: center; padding: 1rem; border-radius: 0.8rem; transition: all 0.3s; box-shadow: 0 0 9px #ddd; height: 100%; } .all-amenities-item figure { width: 3rem; margin: auto; } .all-amenities-item figure img { width: 100%; object-fit: contain; } .all-amenities-item .column-heading { margin-top: 1rem; font-size: 1.4rem; margin-bottom: 0; font-weight: 400; } .all-amenities-btn { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; gap: 0.5rem; } .facilitiesmore, .facilitiesless, .overviewmore, .overviewless { text-align: center; padding: 1rem; border-radius: 0.8rem; transition: all 0.3s; box-shadow: 0 0 9px #ddd; width: 100%; height: 100%; font-size: 1.5rem; color: var(--title-color); } .all-amenities-btn:hover { box-shadow: 0 0 9px #bcbcbc; } .likeToVisitPro-banner { height: 40rem; } .likeToVisitProContainer { padding-top: 6rem; } .likeToVisitPro-banner p.section-heading { margin-bottom: 1rem; font-size: 3rem; } .likeToVisitPro-banner .custom-btn { min-width: 30rem; box-shadow: 5px 5px 2px 0px #000; } .likeToVisitPro-img { padding: 5rem 0 1rem; } .project-highlight { padding-top: 6rem; padding-bottom: 9rem; } .proHighlightImg figure img { width: 100%; height: 100%; border-radius: 0.8rem; object-fit: cover; } .project-highlight-img-3 { position: absolute; bottom: -4rem; right: 0; } .project-highlight-img-3 figure { height: 33rem; } .project-highlight-img-1 figure { width: 100%; height: 50rem; } .project-highlight-img-2 figure { height: 19rem; } #prHighlightAccordian .accordion-item { border: 0; } #prHighlightAccordian .accordion-item .accordion-heading:before { content: "\f0da"; font-family: 'FontAwesome'; background: none; color: var(--secondary-color); font-size: 2.4rem; top: -5px; width: auto; height: auto; } /* .prDescription { padding-left: 2rem; } */ .prDescription p { font-size: 1.6rem; line-height: 2; font-weight: 400; } .floor-plans-slider .item, .similarNews-slider .item { padding: 1rem; } .top-channel-partner .similarNews-slider .item { padding: 0.5rem; } /* .floor-plans { background: var(--light-color); } */ .floor-plans-item { box-shadow: 0 0 9px #ddd; background: var(--default-color); padding: 1rem; text-align: center; border-radius: 0.8rem; position: relative; } .floor-plans-item figure { height: 30rem; } .floor-plans-item figure img { width: 100%; height: 100%; } .floor-plans-item .custom-btn { margin-top: 1rem; margin-bottom: 1rem; } .floor-vertical-banner { background: var(--default-color); padding: 2rem 1rem 1rem; margin-bottom: 1rem; border-radius: 0.8rem; box-shadow: 0 0 9px #ddd; } .floor-vertical-banner .column-heading { font-size: 2.25rem; line-height: 1.35; margin-bottom: 2rem; } .floor-vertical-banner .custom-btn { margin-bottom: 2rem; border-radius: 3rem; padding: 0.8rem 3rem; } .floor-vertical-banner figure { width: 100%; height: 15.25rem; } .floor-vertical-banner figure img { width: 100%; height: 100%; object-fit: contain; } .indiPro-contactUs .section-heading { font-size: 2.5rem; line-height: 1.5; } .indiPro-contactUs-container { background: var(--default-color); box-shadow: 0 0 9px #ddd; border-radius: 0.8rem; } .indiPro-contactUs-container .start-journeyForm-container { border: 0; } /* projects details page ends here */ /* blog page css starts here */ .blog-details-container .section-heading { font-weight: 500; } .blog-content-row { background: var(--default-color); box-shadow: 0 0 9px #ddd; border-radius: 0.8rem; overflow: hidden; } .blog-img-left figure { width: 100%; height: 25rem; } .blog-img-left figure img { width: 100%; height: 100%; object-fit: cover; } .blog-content { padding: 1rem 1rem 1rem 0; } .blog-content .column-heading>a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blog-date span { font-size: 16px; color: #717171; font-weight: 300; } .blog-content .column-para { margin: 1rem 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blog-details-section { padding-bottom: 0; } .blog-details-container p, .blog-details-container div { font-size: 1.6rem !important; line-height: 1.5 !important; font-family: "Montserrat", sans-serif !important; } .blog-details-img { margin: 2rem 0; } .blog-details-container img { width: 100% !important; max-width: 100% !important; height: auto !important; } .blog-details-container table tr, .blog-details-container table td { border: 1px solid #000; padding: 1rem; } .blog-details-container table thead th { border-right: 1px solid #000; } .blog-details-container table th { padding: 1rem; } /* blog page css ends here */ /* no-news-found css starts here */ #nodata, .no-news-found { background: var(--light-color); height: calc(100% - 6.5rem); border-radius: 0.8rem; padding-top: 10rem; padding-bottom: 2rem; text-align: center; position: relative; font-weight: 500; width: 100%; display: flex; justify-content: center; align-items: center; } #nodata::before, .no-news-found::before { position: absolute; content: ""; background: url('https://propkonnect.com/assets/images/dream-pro-happen-icon-3.png'); width: 5rem; height: 5rem; background-size: contain !important; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .no-news-found::before { background: url('https://propkonnect.com/assets/images/dream-pro-happen-icon-2.png'); } .no-image-avlb { position: absolute; background: var(--light-color); top: 0; width: 100%; height: 100%; text-align: center; padding: 1rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } .no-image-avlb img { width: 6rem !important; } .no-image-avlb p { font-weight: 600; line-height: 1.5; } /* no-news-found css ends here */ /* advertise with us page css starts here */ .advs-top-banner .full-slider-text-row .section-heading, .advs-top-banner .full-slider-text-row p { color: var(--title-color); } .sos-column figure { margin-bottom: 3rem; width: 100%; height: 20rem; } .sos-column figure img { height: 100%; object-fit: contain; } .sos-list { margin-top: 1rem; } .sos-list li { padding-left: 2.3rem; position: relative; font-size: 1.5rem; font-weight: 500; margin-bottom: 1rem; } .sos-list li:before { position: absolute; content: "\f046"; font-family: 'fontawesome'; left: 0; color: var(--secondary-color); } .areUinterested { margin-bottom: 4rem; } .areUinterestedLeftImg { padding-top: 5rem; } .areUinterested-item figure { border: 1px solid var(--title-color); border-radius: 50%; width: 7rem; min-width: 7rem; height: 7rem; text-align: center; display: flex; justify-content: center; align-items: center; } .areUinterested-item figure img { width: 4rem; height: 4rem; object-fit: contain; } .item-heading { font-weight: 600; font-size: 1.5rem; margin-left: 2rem; } .potential-buyers-section { padding: 5rem 0; height: 60rem; margin-top: 3rem; } .potential-buyers-section .column-para { font-weight: 400; line-height: 1.6; font-size: 1.8rem; color: #161e42; } .readyPropAds-text { padding: 4rem 0; } .readyPropAds-text .section-heading { color: var(--title-color); margin-bottom: 1rem; } .advs-include-item { padding: 2rem; box-shadow: 0 0 9px #ddd; border-radius: 1rem; } .advs-include-item figure { width: 8rem; height: 8rem; margin: auto; box-shadow: 0 0 9px #ddd; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 1.5rem; background: var(--default-color); } .advs-include-item figure img { width: 5rem; height: 5rem; object-fit: contain; } .advs-include-item .column-heading { position: relative; padding-bottom: 0.5rem; } .advs-include-item .column-heading:before { position: absolute; content: ""; background: var(--secondary-color); width: 5rem; height: 2px; bottom: 0; left: 0; right: 0; margin: auto; } .boostSell-property { margin-bottom: 3rem; } .boostSellProp-container { padding: 5rem 2rem; position: relative; z-index: 0; } .boostSellProp-container:before { position: absolute; content: ""; box-shadow: 0 0 9px #ddd; width: 75%; height: 100%; right: 0; z-index: -1; top: 0; border-radius: 0.8rem; } .boostSellPropText { padding-left: 3rem; } /* advertise with us page css ends here */ #ui-id-1 { max-width: 33.4rem; background: var(--secondary-color); max-height: 39rem; overflow: auto; box-shadow: 0px 3px 9px #8b8b8b; } #ui-id-1 .ui-menu-item { padding: 0.7rem 2rem; border-bottom: 1px solid #ddd; color: var(--default-color); cursor: pointer; transition: all 0.4s; } #ui-id-1 .ui-menu-item:hover { background: var(--primary-color); } .social-share-item { padding-bottom: 0.5rem; } .social-share-item .social-media-share { background: var(--default-color); padding: 0.5rem; box-shadow: 0 0 9px #424242; border-radius: 0.8rem; position: absolute; top: 100%; left: -500%; opacity: 0; visibility: hidden; display: flex; transition: all 0.3s; z-index: 2; gap: 0.5rem; } .social-share-item:hover .social-media-share { left: 0; opacity: 1; visibility: visible; } .social-media-share>a { box-shadow: none; transition: all 0.3s; text-decoration: none; } .social-media-share>a:hover { transform: translateY(-3px); } .social-media-share>a .fa-brands { background: var(--secondary-color); width: 3rem; height: 3rem; min-width: 3rem; max-width: 3rem; display: flex; border-radius: 50%; justify-content: center; align-items: center; text-decoration: none; font-size: 1.6rem; color: var(--default-color); transition: all 0.3s; } .social-media-share>a .fa-x-twitter { background: linear-gradient(45deg, #66757f, #00ACEE, #36D8FF, #757575, #ffffff); } .social-media-share>a>span { background: var(--title-color); padding: 0.2rem 0.5rem; color: #fff; position: relative; z-index: 0; display: block; min-width: 9rem; font-size: 1.4rem; display: none; } .social-media-share>a>span:after { position: absolute; content: ""; width: 2rem; height: 2rem; left: -8px; top: 0; background: var(--title-color); transform: rotate(45deg); bottom: 0; margin: auto; z-index: -1; } .social-share-item .social-media-share>a>figure { width: 3rem; height: 3rem; max-width: 3rem !important; min-width: 3rem !important; background: var(--primary-color); border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 0; } .social-media-share .whatsApp figure { background: #29a71a !important; } .social-media-share>a>figure img { width: 1.6rem !important; object-fit: contain !important; } /* review css starts here */ .review-container { /* box-shadow: 0 0 9px #ddd; */ background: #f3f3f3; } .review-rating-full-row { margin-bottom: 30px; } .review-rating-number>p>i { font-size: 35px; color: #ffc000; } .review-rating-number>p>span { font-size: 40px; font-weight: 700; margin-left: 5px; } .review-rating-number small { margin-left: 1rem; font-size: 13px; color: var(--title-color); line-height: 16px; font-weight: 500; } .review-rating-btn .custumBtn { width: 250px; } .review-container .nav-tabs { margin-bottom: 2rem; border: 0; gap: 1rem 0.5rem; } .review-container .nav-tabs li a { padding: 5px 8px; border: 1px solid var(--text-color); border-radius: 0; color: var(--text-color) !important; font-size: 13px; font-weight: 400; transition: all 0.3s; } .review-container .nav-tabs li a:hover { background: var(--text-color); color: #fff !important; border: 1px solid var(--text-color); } .review-container .nav-tabs li a.active { background: var(--title-color); color: #fff !important; border: 1px solid var(--title-color); } .review-content .nav-tabs { border-bottom: 1px solid #ddd; } .review-content .nav-tabs li a { text-transform: uppercase; border: none; font-size: 14px; padding: 0; margin-right: 30px; padding-bottom: 10px; border-bottom: 3px solid #ddd0; margin-bottom: 6px; } .review-content .nav-tabs li a.active { background: 0; color: var(--title-color) !important; border: 0; border-bottom: 3px solid; font-weight: 600; margin-bottom: 0; } /* .review-content .nav-tabs li a:hover { background: 0; border: 0; color: var(--primary-color)!important; } */ #latest-review .review-item-box-container.collapse:not(.show) { max-height: 480px !important; overflow: hidden; display: -webkit-box; transition: max-height 0.3s ease; } #latest-review .all-review-btn a.collapsed:after { content: 'Read More Reviews'; } #latest-review .all-review-btn a:not(.collapsed):after { content: 'Read Less Reviews'; } .review-item-user-content { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; padding: 6px; } .review-item-box { background: #fff; box-shadow: 0 1px 8px #b9b9b9; padding: 2rem 1.5rem; } .review-star-box { font-size: 14px; color: #ffc000; } .review-item-box h4 { font-size: 18px; color: #000; font-weight: 600; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .review-item-box p { font-size: 14px; color: #000; } .review-item-box p.collapse:not(.show) { overflow: hidden; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .review-item-box p.collapsing { min-height: 42px !important; } .review-item-box a.collapsed:after { content: 'Read More'; } .review-item-box a:not(.collapsed):after { content: 'Read Less'; } /* .review-item-box p { font-size: 14px; color: #000; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } */ .review-item-box>a { color: var(--primary-color); font-size: 1.4rem; font-weight: 600; } .review-user-box { margin-top: 1rem; } .review-user-box h5 { font-size: 1.4rem; color: #000; } .review-user-box small { font-size: 10px; color: var(--primary-color); line-height: 1; font-weight: 600; } .all-review-btn { margin-top: 2rem; } .all-review-btn .custumBtn { max-width: 25rem; margin: auto; } .writeReviewsContainer .modal-dialog { max-width: 500px; } .userReview_content .modal-header { margin-bottom: 1rem; } .userReview_content .modal-header .section-heading { margin-bottom: 0; width: 100%; font-size: 3rem; } .userReview_content .modal-header .section-heading h2 { font-size: 20px; } .userReview_content .modal-header .section-heading h2:before { width: 100%; } .userReview_content .modal-header .section-heading h2:after { width: 40%; } .userReview_content .modal-header .close { position: absolute; right: -10px; top: -10px; background: var(--primary-color); padding: 5px; border-radius: 50%; opacity: 1; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff; border: 0; } .userReview_content .modal-header .close:hover, .mymodal .modal-header .close:hover { opacity: 1; box-shadow: 0 0 9px var(--primary-color); } .user-review-perf-row { margin-bottom: 0.7rem; justify-content: center; } .user-review-perf-row span { width: 60%; font-size: 1.5rem; color: var(--title-color); font-weight: 500; } .user-review-perf-star { margin-left: 1rem; } .user-review-perf-star i { color: #afafaf; font-size: 1.6rem; cursor: pointer; } .user-review-perf-star i:hover { color: var(--secondary-color); } .reviewSubmit_form { padding: 1rem; } .reviewSubmit_form .form-group { margin-bottom: 1rem; } .reviewSubmit_form .form-control { box-shadow: 0 0 9px #ddd; padding: 1rem 1.5rem; font-size: 1.4rem; border: 0; border-radius: 0.8rem; } .remember_check_box label { font-size: 1.2rem; } .reviewSubmit_form .custom-btn { margin: 1rem 0; } /* review css ends here */ /* pagination css starts here */ .pagination_row { padding-top: 3rem; } .pagination_row .paging tr td span { background: #f6a91b; padding: 0.5rem 1rem; margin-right: 0.5rem; color: var(--default-color); border-radius: 4px; min-width: 4rem; display: inline-block; } .pagination_row .paging tr td a { text-decoration: none; background: var(--title-color); padding: 0.8rem 1rem; margin-right: 0.5rem; color: var(--default-color); border-radius: 4px; } .pagination_row .paging tr td span:hover, .pagination_row .paging tr td a:hover { background: var(--text-color); } .pagination_row .paging tr td span.thispage { background: var(--text-color) !important; } /* pagination css ends here */ /* dashboard css starts here */ .dashboard-sidebar { padding: 1rem; background: var(--dark-color); border-radius: 0.8rem; } .user-panel img { width: 45px; } .dashboard-sidebar .info a { text-decoration: none; margin-left: 1rem; color: #fff; font-size: 1.6rem; font-weight: 500; } .dashboard-sidebar ul { gap: 0.3rem; } .dashboard-sidebar ul .nav-item a { display: flex; align-items: center; color: var(--default-color); padding: 1rem 1.5rem; } .dashboard-sidebar ul .nav-item a:hover, .dashboard-sidebar ul .nav-item a.active { background: var(--secondary-color); } .dashboard-sidebar ul .nav-item a i { margin-right: 1rem; width: 20px; font-size: 1.7rem; } .nav-treeview { background: var(--title-color); border-radius: 0.8rem; } .nav-treeview li { width: 100%; } .dashboardright-wrapper { background: #f3f3f3; padding: 2rem 2rem 5rem; border-radius: 0.8rem; height: 100%; } .dashboardright-wrapper .breadcrumb-item a { text-decoration: none; color: var(--title-color); font-weight: 500; } .dashboardright-wrapper .breadcrumb-item.active { font-weight: 500; color: var(--secondary-color); } .dashboardRight_topText { text-align: center; margin: 2rem 0 3rem; font-size: 1.6rem; font-weight: 500; } .main-dashboard { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } .main-dashboard .dbbox { background: var(--default-color); box-shadow: 0 0 9px #ddd; border-radius: 0.8rem; text-align: center; } .main-dashboard .dbbox a { text-decoration: none; color: #000; padding: 3rem 1rem; display: block; } .main-dashboard .dbbox .dbimg { width: 55px; height: 55px; box-shadow: 0 0 9px #b4b4b4; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .main-dashboard .dbbox .dbimg img { width: 35px; } .main-dashboard .dbbox .amount-wrap { margin-left: 1.5rem; font-weight: 900; } .main-dashboard .dbbox h4 { border-top: 1px solid #ddd; padding-top: 1rem; margin-top: 1rem; font-size: 1.6rem; font-weight: 400; } .profile-content .form-control { padding: 1.5rem; font-size: 1.3rem; border: 0; box-shadow: 0 0 9px #ddd; } /* dashboard css ends here */ .logout-container { padding-top: 5rem; padding-bottom: 25rem; } .alert-box { padding: 5rem; box-shadow: 0 0 9px #ddd; border: 0; border-radius: 0.8rem; } .lg-outer .lg-thumb { margin: auto; } .city-wise-builders-section .top-projects-month-column figure img { object-fit: contain; } .city-wise-builders-section .top-projects-month-column-text .column-para { -webkit-line-clamp: 2; } .city-wise-builders-section .builderAddress { margin: 0.5rem 0; } .top-projects-india .top-builders-row-left figure { height: 20rem; width: 25rem; } .top-projects-india .top-builders-row-left figure img { object-fit: cover; } .top-projects-india .top-builders-right-ads { padding: 0; display: flex; justify-content: space-between; align-items: center; position: relative; } .top-projects-india .top-builders-right-ads-img { width: 45%; height: 100%; max-height: 100%; margin-bottom: 0; } .top-projects-india .top-builders-right-ads-img figure { height: 36rem; border-radius: 0.8rem 0 0 0.8rem; } .top-projects-india .top-builders-right-ads-img figure img { object-fit: cover; height: 100%; } .top-projects-india .top-builders-ads-box { width: 52%; } .top-projects-india .builders-location { position: static; } .top-projects-india .builderOfMonthSocial { position: absolute; top: 6px; left: 6px; } .top-projects-india .builderOfMonthSocial .social-share-item .social-media-share { left: -200%; top: 100%; right: auto; } .top-projects-india .builderOfMonthSocial .social-share-item:hover .social-media-share { right: auto; left: 0; } .top-projects-india .top-builders-ads-box .tpmc-price { color: var(--title-color); margin-top: 2rem; } .top-projects-india .top-builders-ads-box .custom-btn { margin-top: 2rem; } .thank-check-box { width: 5rem; height: 5rem; margin: auto; background: var(--primary-color); display: flex; justify-content: center; align-items: center; font-size: 3rem; border-radius: 50%; color: var(--default-color); margin-bottom: 2rem; } .thank-you-massage .section-heading { margin-bottom: 1rem; } .thank-you-massage .section-para { font-size: 1.6rem; font-weight: 400; } /* multi step form starts here */ .wizard-content-left { background-blend-mode: darken; background-color: rgba(0, 0, 0, 0.45); background-image: url("https://i.ibb.co/X292hJF/form-wizard-bg-2.jpg"); background-position: center center; background-size: cover; height: 100vh; padding: 30px; } .wizard-content-left h1 { color: #ffffff; font-size: 38px; font-weight: 600; padding: 12px 20px; text-align: center; } /* .form-wizard { color: #888888; } */ .form-wizard .wizard-form-radio { display: inline-block; margin-left: 5px; position: relative; } .form-wizard .wizard-form-radio input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: #dddddd; height: 25px; width: 25px; display: inline-block; vertical-align: middle; border-radius: 50%; position: relative; cursor: pointer; } .form-wizard .wizard-form-radio input[type="radio"]:focus { outline: 0; } .form-wizard .wizard-form-radio input[type="radio"]:checked { background-color: #fb1647; } .form-wizard .wizard-form-radio input[type="radio"]:checked::before { content: ""; position: absolute; width: 10px; height: 10px; display: inline-block; background-color: #ffffff; border-radius: 50%; left: 1px; right: 0; margin: 0 auto; top: 8px; } .form-wizard .wizard-form-radio input[type="radio"]:checked::after { content: ""; display: inline-block; webkit-animation: click-radio-wave 0.65s; -moz-animation: click-radio-wave 0.65s; animation: click-radio-wave 0.65s; background: #000000; content: ''; display: block; position: relative; z-index: 100; border-radius: 50%; } .form-wizard .wizard-form-radio input[type="radio"]~label { padding-left: 10px; cursor: pointer; } .form-wizard .form-wizard-header { text-align: center; } .form-wizard .form-wizard-next-btn, .form-wizard .form-wizard-previous-btn, .form-wizard .form-wizard-submit { background-color: var(--title-color); color: var(--default-color); display: inline-block; min-width: 100px; min-width: 120px; padding: 10px; text-align: center; text-decoration: none; border: 0; border-radius: 0.5rem; } .form-wizard .form-wizard-next-btn:hover, .form-wizard .form-wizard-next-btn:focus, .form-wizard .form-wizard-previous-btn:hover, .form-wizard .form-wizard-previous-btn:focus, .form-wizard .form-wizard-submit:hover, .form-wizard .form-wizard-submit:focus { color: var(--default-color); opacity: 0.6; text-decoration: none; } .form-wizard .wizard-fieldset { display: none; } .form-wizard .wizard-fieldset.show { display: block; } .form-wizard .wizard-form-error { display: none; border: 1px solid #f6a91b; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; } .form-wizard .form-wizard-previous-btn { background-color: var(--text-color); margin-right: 1rem; } .form-wizard .form-control { font-weight: 300; height: auto !important; padding: 15px; color: #888888; border: none; border-radius: 0; } .form-wizard .form-control:focus { box-shadow: none; } .form-wizard .form-group { position: relative; } .form-wizard .wizard-form-text-label { position: absolute; left: 10px; top: 16px; transition: 0.2s linear all; } .form-wizard .focus-input .wizard-form-text-label { color: #d65470; top: -18px; transition: 0.2s linear all; font-size: 12px; } .form-wizard .form-wizard-steps { margin: 30px 0; } .form-wizard .form-wizard-steps li { width: 25%; float: left; position: relative; } .form-wizard .form-wizard-steps li::after { background-color: #f3f3f3; content: ""; height: 5px; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 100%; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; } .form-wizard .form-wizard-steps li span { background-color: #dddddd; border-radius: 50%; display: inline-block; height: 40px; line-height: 40px; position: relative; text-align: center; width: 40px; z-index: 1; } .form-wizard .form-wizard-steps li:last-child::after { width: 50%; } .form-wizard .form-wizard-steps li.active span, .form-wizard .form-wizard-steps li.activated span { background-color: #d65470; color: #ffffff; } .form-wizard .form-wizard-steps li.active::after, .form-wizard .form-wizard-steps li.activated::after { background-color: #d65470; left: 50%; width: 50%; border-color: #d65470; } .form-wizard .form-wizard-steps li.activated::after { width: 100%; border-color: #d65470; } .form-wizard .form-wizard-steps li:last-child::after { left: 0; } .form-wizard .wizard-password-eye { position: absolute; right: 32px; top: 50%; transform: translateY(-50%); cursor: pointer; } @keyframes click-radio-wave { 0% { width: 25px; height: 25px; opacity: 0.35; position: relative; } 100% { width: 60px; height: 60px; margin-left: -15px; margin-top: -15px; opacity: 0.0; } } @media screen and (max-width: 767px) { .wizard-content-left { height: auto; } } /* multi step form ends here */ .glossary-banner-img img { max-height: 40rem; width: 100%; } .latter-filter { margin-bottom: 2rem; } .latter-filter-item { border: 0; background: 0; font-size: 1.5rem; width: 2.7rem; height: 2.5rem; font-weight: 500; padding: 0; text-align: center; cursor: pointer; display: flex; justify-content: center; align-items: center; } .latter-filter-item.active, .latter-filter-item:hover { background: var(--title-color); color: var(--default-color); border-radius: 4px; font-weight: 600; } .filter-category-box { margin-bottom: 1rem; } .filter-category-box-heading { font-size: 20px; font-weight: 600; color: var(--default-color); margin-bottom: 10px; background: var(--text-color); padding: 5px; width: 50px; height: 35px; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 9px #959595; border-radius: 4px; } .filter-category-table-row table { width: 100% !important; border: 1px solid var(--title-color); margin: 0; text-align: center; } .filter-category-table-row table thead tr th { font-size: 18px !important; background: #e6bf25 !important; text-wrap-mode: wrap !important; } .filter-category-table-row tbody td { text-wrap-mode: wrap !important; width: 100% !important; padding: 5px !important; border: 1px solid var(--title-color); color: var(--title-color) !important; } .filter-category-table-row table thead tr th:first-child, .filter-category-table-row tbody td:first-child { width: 270px !important; min-width: 270px !important; padding: 5px !important; vertical-align: baseline !important; } .filter-category-table-row table tbody tr td:last-child { text-align: left; } .filter-category-table-row table tbody tr td:first-child { text-align: center; } .table-top-heading { border: 1px solid var(--title-color); border-bottom: 0; background: var(--title-color); } .table-heading { color: var(--default-color); font-size: 18px; font-weight: 800; padding: 8px; text-align: center; } .table-heading:first-child { min-width: 27rem; width: 27rem; border-right: 1px solid var(--text-color); } .table-heading:last-child { width: calc(100%); } /* .filter-category-box { margin-top: 2rem; } .filter-category-table-row table tr { border-color: #ababab !important; } .filter-category-table-row .table { max-width: 100%; } .filter-category-box-heading { font-size: 1.8rem; font-weight: 600; color: var(--default-color); margin-bottom: 10px; background: var(--secondary-color); padding: 5px; width: 4rem; height: 3rem; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 9px #959595; border-radius: 4px; } */ .recent-articals-container h2.column-heading { text-align: center; text-decoration: underline; } .recent-articals-box .blog-content { padding: 0; border-bottom: 1px solid #b1b1b1; padding-bottom: 5px; margin-top: 20px; } .recent-articals-box .column-heading { font-size: 1.8rem; margin-bottom: 0.8rem; } .recent-articals-box .column-para { -webkit-line-clamp: 3; color: var(--title-color); } .recent-articals-box .column-para a { color: var(--title-color); text-decoration: none; } .recent-articals-box .column-para a:hover { text-decoration: underline; } .vertical-ads-article { margin-top: 2rem; } .verticle-ads-center a { display: inline-block; } .ver-ads-text { margin-left: auto; background: #4a4a4a; color: var(--default-color); font-size: 1.6rem; padding: 4px 2rem; border-radius: 20px; max-width: max-content; } .vertical-ads-article a figure { margin: auto; } /* newslatter subscribe */ .newslatter-subscribe-box { background: #161e42; padding: 4rem 4rem; } .newslatter-subscribe-box .column-heading, .newslatter-subscribe-box .column-para { color: var(--default-color); } .newslatter-subs-form { margin-top: 2rem; } .newslatter-subs-form .form-control { padding: 1rem; font-size: 1.6rem; text-align: center; font-weight: 700; color: var(--title-color); border-radius: 1.5rem; } .newslatter-subs-form .form-control:focus::placeholder { color: transparent; } .newslatter-subs-form .custom-btn, .your-query-form .custom-btn { margin-top: 1rem; width: 100%; border-radius: 1.5rem; } .your-query-box { border: 1px solid #929295; margin-top: 1rem; padding: 4rem; position: sticky; top: 11rem; box-shadow: 5px 5px 2px 0px #bbbbbb; } .your-query-form .form-control { padding: 0.5rem; font-size: 1.4rem; border: 0; border-bottom: 1px solid #929295; border-radius: 0; margin-bottom: 1.5rem; } .your-query-form .custom-btn:hover { border: 1px solid var(--secondary-color); } .events-details .column-para { margin-bottom: 1rem; text-align: justify; } .real-estate-events-banner { height: 45rem; position: relative; z-index: 0; display: flex; align-items: center; } .real-estate-events-banner::before { position: absolute; content: ""; background: var(--title-color); width: 100%; height: 100%; left: 0; top: 0; opacity: 0.3; z-index: -1; } .real-estate-events-banner .section-heading { color: var(--default-color); font-size: 5rem; margin: 0; } .real-estate-past-events { padding-bottom: 6rem; } .blog-details-section .newslatter-subscribe-box { position: sticky; top: 12rem; } .event-blog-container .section-heading { margin-bottom: 2rem; text-align: center; } .event-blog-container .blog-details-img { margin: 1rem 0; } .item-event-info { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1rem; } .event-info-box { color: var(--title-color); font-size: 1.5rem; font-weight: 400; } .event-info-box i { color: var(--primary-color); } .published-date { margin-top: 2rem; border-top: 1px solid #b1b1b1; padding-top: 1rem; } .realty-expert-banner { padding: 10rem 0; } .realty-expert-banner .section-heading { color: var(--default-color); margin-bottom: 1rem; } .realty-expert-banner .section-subHeading { margin-bottom: 3rem; } .expert-talk-section .section-heading { font-size: 2.5rem; } .expert-talk-section h2.section-heading { margin-bottom: 1.5rem; } .expert-talk-text .column-heading { font-size: 2.5rem; margin-top: 2rem; } .expert-talk-text .column-para { margin-top: 0.6rem; } .meet-expert-row { background: var(--default-color); box-shadow: 0 0 9px #dddddd; border-radius: .8rem; margin-top: 2.5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .meet-expert-left { max-height: 33rem; } .meet-industry-experts { padding-bottom: 6rem; } .experts-filter-row .form-control { padding: 1.2rem 1.5rem; font-size: 1.5rem; border-radius: 6px; } .expert-image { float: left; max-width: 25%; margin-right: 2rem; } /* .meet-industry-video { float: left; width: 45%; margin-right: 2rem; } */ .meet-industry-content .column-para { margin-bottom: 1rem; text-align: justify; } .meet-experts-details { margin-bottom: 2rem; } .meet-ex-details-img { overflow: hidden; margin-right: 2rem; box-shadow: 2px 3px 9px #adadad; border-radius: 50%; } .meet-ex-details-img img { width: 13rem; height: 13rem; object-fit: contain; } .meet-ex-details-text h3 a { font-size: 2rem; text-decoration: none; color: var(--title-color); font-weight: 700; transition: all 0.3s; } .meet-ex-details-text h3 a:hover { color: var(--text-color); text-decoration: underline; } .meet-ex-details-text h4 { margin: 0.5rem 0; color: #7e7e7e; font-size: 1.6rem; } .expert-social-icon { margin-top: 0.5rem; } .expert-social-icon a { font-size: 2rem; margin-right: 0.5rem; color: var(--title-color); transition: all 0.3s; } .expert-social-icon a:hover { color: var(--text-color); } .realty-ex-inner-banner { min-height: 40rem; display: flex; justify-content: center; align-items: center; } .realty-ex-details { padding-top: 6rem; } .other-experts { padding-bottom: 6rem; } .other-experts .meet-experts-details { background: var(--default-color); box-shadow: 0 0 9px #dddddd; border-radius: .8rem; margin-top: 2rem; overflow: hidden; padding: 0.4rem; } .other-experts .meet-ex-details-img { width: 12rem; min-width: 12rem; margin-right: 1rem; } .other-experts .meet-ex-details-img img { width: 100%; } .other-experts .meet-industry-content { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .meet-experts-details-container { padding: 1rem; } .meet-industry-content { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .meet-industry-content, .meet-industry-content p, .meet-industry-content p span, .expert-details, .expert-details p, .expert-details p span { font-size: 1.6rem !important; line-height: 1.4 !important; } .expert-details ul { padding-left: 2rem; margin-bottom: 1rem; } .expert-details ul li { list-style: initial; font-size: 1.6rem !important; line-height: 1.7 !important; } .related-experts-item { background: var(--default-color); box-shadow: 0 0 9px #dddddd; border-radius: .8rem; overflow: hidden; } /* .related-experts-item .meet-industry-video { width: 100%; margin: 0; float: none; } */ .related-experts-item .meet-industry-content { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding: 1rem; } .channel-partner-abt .column-para { margin-bottom: 1rem; } .channel-city-item { background: var(--default-color); box-shadow: 0 0 9px #dddddd; border-radius: .8rem; overflow: hidden; height: 100%; } .channel-city-item-img { position: relative; overflow: hidden; } .channel-city-item-img:before { position: absolute; content: ""; background: var(--title-color); width: 100%; height: 100%; opacity: 0.4; transform: translateY(-100%); transition: all 0.5s; } .channel-city-item-img:hover::before { transform: scale(1); } .channel-city-item-img:hover>.prop-multiProjectItemText { bottom: 4rem; } .channel-city-item-img .prop-multiProjectItemText p { font-size: 1.6rem; line-height: 1.2; } .channel-city-item figure { width: 100%; height: 20rem; border-bottom: 1px solid var(--light-color); } .channel-city-item figure img { width: 100%; height: 100%; object-fit: contain; } .channel-city-item-text { padding: 1rem; } .ch-city-text { font-size: 1.6rem; text-decoration: none; color: var(--title-color); font-weight: 800; display: block; line-height: 1.2; transition: all 0.3s; } .ch-city-text:hover { color: var(--text-color); } .city-channel-right-item { position: relative; margin-bottom: 2rem; } .city-channel-right-item figure { height: 25rem; } .channel-city-item figure img { width: 100%; height: 100%; object-fit: cover; } .city-ch-right-item-text { position: absolute; top: 1rem; left: 0; right: 0; } .city-ch-right-item-text .ch-city-text { color: var(--default-color); } .channel-city-item-text .column-para { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.4rem; font-weight: 400; line-height: 1.6; } .ch-partner-of-month { margin-bottom: 2rem; } .ch-partner-of-month h3 { text-align: center; margin-bottom: 1rem; font-weight: 600; line-height: 1.4; } .ch-partner-of-month figure { height: 18rem; } .location { min-width: max-content; margin-left: 0.6rem; } .category { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 1.4rem; font-weight: 400; line-height: 1.6; margin: 0.5rem 0 0.2rem; } .phone-email-box { padding: 0.5rem 0; } .phone-email-box button { border: 0; width: 50%; text-align: left; padding: 0.5rem 1rem; border-right: 1px solid #000; } .phone-email-box button:last-child { border-right: 0; } .awards-banner-section { height: 35rem; display: flex; justify-content: center; align-items: center; } .awards-banner-section .section-heading { text-align: center; color: var(--default-color); font-size: 4.5rem; margin: 0; } .received-awards .section-heading { font-size: 1.6rem; line-height: 1.5; color: #817c7c; } .received-awards-item { background: var(--default-color); box-shadow: 0 0 9px #dddddd; border-radius: .8rem; text-align: center; width: 100%; height: 20rem; padding: 1rem; } .received-awards-item figure { width: 100%; height: 100%; } .received-awards-item figure img { width: 100%; height: 100%; object-fit: contain; } .perfect-investment-banner .section-heading { font-size: 4.5rem; margin-bottom: 2rem; color: var(--default-color); } /* sign up page css starts here */ .top-main-banner { height: 40rem; display: flex; align-items: center; } .top-main-banner p { color: var(--default-color); } .sign-up-banner .section-heading { font-size: 3.5rem; color: var(--default-color); line-height: 1.18; font-weight: 600; margin-bottom: 1rem; } .sign-up-banner .custom-btn { margin-top: 3rem; } .single-platform .column-para { font-size: 1.6rem; color: var(--text-color); margin-bottom: 0.5rem; } .single-platform-item-container { gap: 1rem; margin-top: 3rem; margin-bottom: 3rem; } .single-platform-item { width: 39%; box-shadow: 0 0 9px #1a2039a6; border-radius: 0.8rem; overflow: hidden; } .single-platform-item:nth-child(2n) { width: 19%; } .single-platform-item figure { width: 100%; height: 35rem; } .single-platform-item figure img { height: 100%; width: 100%; transition: all 0.5s; } .single-platform-item figure img:hover { transform: scale(1.1); } .broker-partner-content .section-heading { margin-bottom: 1.5rem; } .broker-partner-content .column-para { font-size: 1.6rem; color: var(--text-color); line-height: 1.6; margin-bottom: 1rem; } .broker-partner-box { background: var(--default-color); box-shadow: 0 0 11px rgba(0, 0, 0, 0.25); padding: 2rem 1.4rem; border-radius: 1rem; margin-top: 1.5rem; height: calc(100% - 1.5rem); } .broker-partner-box figure img { width: 5rem; } .broker-partner-box .column-heading { margin: 0.8rem 0; font-size: 1.6rem; } .broker-partner-box .column-para { font-size: 1.5rem; color: var(--text-color); } .broker-partner-btn .custom-btn { margin-top: 1.5rem; margin-right: 2rem; border: 1px solid var(--title-color); box-shadow: 5px 5px 2px 0px var(--text-color); } .broker-partner-btn .custom-btn:last-child { margin-right: 0; background: var(--default-color); color: var(--title-color); box-shadow: 5px 5px 2px 0px var(--text-color); } .broker-partner-btn .custom-btn:hover { background: var(--default-color); box-shadow: 5px 5px 2px 0px var(--title-color); } .broker-partner-btn .custom-btn:last-child:hover { background: var(--title-color); color: var(--default-color); box-shadow: 5px 5px 2px 0px var(--text-color); } .expand-your-business-right { padding-left: 5rem; } .our-pricing { overflow: hidden; } .pricing-box-column:first-child .pricing-box { margin-top: 10rem; height: calc(100% - 10rem); } .pricing-box-column:nth-child(2) .pricing-box { margin-top: 5rem; height: calc(100% - 5rem); } .pricing-box { background: var(--default-color); box-shadow: 0 0 17.5px rgba(0, 0, 0, 0.42); border-radius: 0.8rem; text-align: center; padding: 3rem 1.5rem; height: 100%; } .pricing-box .column-heading { font-size: 3.5rem; } .pricing-box .column-para { font-size: 1.5rem; color: var(--text-color); } .price-amount { font-size: 3.5rem; font-weight: 800; margin: 2rem 0; color: var(--title-color); } .pricing-box .custom-btn { margin: 2rem 0; } .pricing-list { text-align: left; } .pricing-list li { position: relative; padding-left: 2.5rem; font-size: 1.5rem; line-height: 2; color: var(--text-color); } .pricing-list li:before { position: absolute; content: "\f058"; font-family: 'Font Awesome 5 Free'; left: 0; color: var(--title-color); font-size: 1.5rem; } .our-pricing-top { padding-bottom: 4rem; } .our-pricing-top .section-heading { margin-bottom: 2rem; } .our-pricing-top .column-para { font-size: 1.6rem; color: var(--text-color); } .deciding-plan-banner .section-heading { margin-bottom: 1.5rem; font-weight: 500; } .deciding-plan-banner .section-para { font-size: 2.5rem; line-height: 1.5; font-weight: 400; } .deciding-plan-banner a { color: var(--title-color); text-decoration: none; font-size: 2.2rem; display: inline-block; padding-left: 0.5rem; font-weight: 500; transition: all 0.3s; } .deciding-plan-banner a:hover { text-decoration: underline; transform: translateX(6px); } /* sign up page css ends here */ .our-services { position: relative; } .our-services::before { position: absolute; content: ""; background: #fafafa; width: 40%; height: 100%; z-index: -1; top: 0; } .btn-right { margin-left: 4rem; width: 100%; text-align: right; } .service-item { position: relative; overflow: hidden; } .service-heading { position: absolute; bottom: 0; color: var(--default-color); padding: 2rem; width: 100%; font-size: 1.8rem; background: rgba(0, 0, 0, 0.5); } .service-item figure { width: 100%; height: 40rem; } .service-item figure img { width: 100%; height: 100%; object-fit: cover; } .service-item-details { position: absolute; top: -100%; padding: 1rem; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; bottom: 0; margin: auto; place-items: flex-start; transition: all 0.3s; opacity: 0; visibility: hidden; } .service-item:hover .service-item-details { opacity: 1; visibility: visible; top: 0; } .service-item:hover .service-heading { opacity: 0; visibility: hidden; } .service-item .column-heading { margin-bottom: 0.5rem; color: var(--default-color); } .service-item-details p { font-size: 1.4rem; line-height: 1.5; color: var(--default-color); font-weight: 400; } .service-item-details .custom-btn { background: var(--default-color); color: var(--title-color); margin-top: 1rem; } .real-estate-simplified { position: relative; } .real-estate-simplified:before { position: absolute; content: ""; background: url('../../assets/images/dotted-bg.webp') no-repeat bottom / contain; width: 100%; height: 100%; bottom: 0; z-index: -1; } /* how it works section starts here */ .how-it-works { overflow: hidden; } .how-it-works-container { display: grid; grid-template-columns: repeat(3, 1fr); position: relative; } .how-it-works-item { width: 70%; } .how-it-works-item .column-heading { font-size: 1.5rem; text-align: center; margin-bottom: 0.5rem; } .how-it-works-item p { font-size: 1.2rem; text-align: center; font-weight: 400; color: #333333; } .how-it-works-icon-container { display: flex; margin: 0rem 2rem; gap: 3rem; justify-content: flex-end; } .how-it-works-icon-box { width: 15rem; height: 15rem; background: #302e2d; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative; z-index: 0; } .how-it-works-icon-box::before { position: absolute; content: ""; background: #fff; width: 100%; height: 50%; z-index: -1; top: 0; } .how-it-works-icon-box:nth-child(2n)::before { bottom: 0 !important; top: inherit; } .how-it-works-icon-box::after { position: absolute; content: "\f061"; font-family: 'FontAwesome'; background: #302e2d; width: 3.4rem; height: 3.4rem; right: -3rem; border-radius: 50%; z-index: 6; color: var(--default-color); display: flex; justify-content: center; align-items: center; font-size: 1.8rem; } .how-it-works-icon-box:last-child::after { display: none; } .how-it-works-icon-box figure { width: 12rem; height: 12rem; background: #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); } .how-it-works-icon-box figure img { height: 7rem; width: 7rem; object-fit: contain; } .how-it-works-container-bottom { right: -6rem; } .how-it-works-container-bottom .how-it-works-item { margin-left: auto; } /* how it works section ends here */ .fetured-project-item { position: relative; height: 30rem; } .fetured-project-item-left { height: 61rem; } .fetured-project-item figure { width: 100%; height: 100%; border-radius: 0.5rem; overflow: hidden; } .fetured-project-item figure img { width: 100%; height: 100%; } .fetured-project-details { position: absolute; bottom: 0; color: var(--default-color); padding: 1rem 2rem; width: 100%; background: rgba(0, 0, 0, 0.2); } .fetured-project-details .box-heading { font-size: 2rem; margin-bottom: 1rem; } .fetured-project-details .box-heading a { color: var(--default-color); text-decoration: none; } .fetured-project-details .box-heading a:hover { text-decoration: underline; } .fetured-project-details p { color: var(--default-color); font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .fetured-project-details .tpmc-price { font-size: 2rem; } .button-box { gap: 1rem; margin-top: 1.5rem; } .call-btn { padding: 1rem 2rem; background: var(--title-color); color: var(--default-color); text-decoration: none; min-width: 14rem; text-align: center; border: 1px solid var(--title-color); border-radius: 0.5rem; font-size: 1.6rem; font-weight: 400; transition: all 0.3s; } .call-btn:hover { background: 0; color: var(--default-color); border-color: var(--default-color); } .call-btn i { margin-right: 0.6rem; } .home-about { background: var(--title-color); } .about-logo figure { max-width: 40rem; margin-bottom: 1rem; } .home-about-left .section-heading, .home-about-left .column-heading, .home-about-left p { color: var(--default-color); } .home-about-left .section-heading { margin-bottom: 2rem; } .home-about-left hr { color: var(--default-color); margin-bottom: 2rem; } .home-about-left .column-heading { font-weight: 500; margin-bottom: 1rem; } .home-about-left p { margin-bottom: 1rem; font-size: 1.4rem; font-weight: 400; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .home-about-right figure { border-radius: 0.5rem; overflow: hidden; } .home-about-btn { gap: 1rem; } .home-about-btn span { color: var(--default-color); font-weight: 400; font-size: 1.8rem; margin-right: 2rem; display: inline-block; } .home-about-btn .custom-btn { border: 1px solid var(--default-color); } .browse-guide-top-text .carousel-counter { margin-top: 10rem; max-width: 100%; margin-right: 8rem; } .full-top-banner .carousel-counter { max-width: 100%; margin-right: 10rem; } .browse-guide-item { display: block; position: relative; overflow: hidden; border-radius: 0.5rem; } .browse-guide-item:hover .service-item-details { opacity: 1; visibility: visible; top: 0; } .browse-guide-item .column-heading { color: var(--default-color); } .browse-guide-item figure { height: 40rem !important; } .browse-guide-item figure img { height: 100%; object-fit: cover; } .browse-guide-slider .owl-stage { display: flex; align-items: flex-end; } .browse-guide-slider .owl-item:nth-child(2n) { height: 45rem; } .browse-guide-slider .owl-item:nth-child(2n) .browse-guide-item figure { height: 45rem !important; } .news-tab .recent-projects-navTabs .nav-tabs { border: 0; gap: 1rem; } .news-tab .recent-projects-navTabs .nav-tabs .nav-link { background: var(--default-color); box-shadow: none; border: 1px solid var(--title-color); border-radius: 0.5rem; color: var(--title-color); font-weight: 500; } .news-tab .recent-projects-navTabs .nav-tabs .nav-link.active, .news-tab .recent-projects-navTabs .nav-tabs .nav-link:hover { background: var(--title-color); color: var(--default-color); } .carousel-counter { margin-top: 4rem; font-weight: 600; color: #333; display: flex; align-items: center; max-width: 69%; margin-left: auto; margin-right: 9rem; } .carousel-counter span { min-width: 2rem; } .carousel-counter .current { margin-right: 8px; } .carousel-counter .total { margin-left: 8px; } .range-bar { width: 100%; height: 2px; background-color: #e0e0e0; margin-left: 1.4rem; position: relative; border-radius: 2px; } .range-bar .progress { height: 100%; width: 0%; background-color: #000000; transition: width 0.3s ease; border-radius: 2px; } .top-developers { overflow: hidden; } .developers-container { background: var(--default-color); padding: 3rem; border: 1px solid rgba(0, 0, 0, 0.18); box-shadow: 0 0 9px #ddd; margin-top: 2rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem 1rem; width: 80%; z-index: 2; } .developers-box { display: flex; align-items: center; text-decoration: none; transition: all 0.3s; border-radius: 0.5rem; width: 100%; box-shadow: 0 0 9px #ddd; } .developers-box:hover { box-shadow: 0 0 9px #000; } .developers-box figure { width: 13rem; height: 12rem; border-right: 1px solid #ddd; display: flex; justify-content: center; align-items: center; padding: 1rem; } .developers-details { padding: 0.5rem 1rem; } .developers-details .column-heading { margin-bottom: 0.6rem; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .developers-details p { font-weight: 400; font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .developers-details .total-number { margin-top: 0.5rem; font-weight: 600; } /* .developers-logo-box { box-shadow: 0 0 27px rgba(0,0,0,0.2); background: var(--default-color); padding: 2rem; border-radius: 0.6rem; filter: blur(3px); z-index: 0; position: absolute; right: 0; top: -7rem; width: 30rem; } .developers-logo { width: 80%; margin: auto; margin-bottom: 0.5rem; } .developers-logo figure { width: 100%; height: 8rem; } */ .developers-logo-box { box-shadow: 0 0 27px rgba(0, 0, 0, 0.2); background: var(--default-color); border-radius: 0.6rem; z-index: 0; position: absolute; right: 0; top: -7rem; width: 30rem; } .developers-logo figure { width: 100%; height: 45rem; } .developers-logo figure img { height: 100%; object-fit: cover; width: 100%; } .developers-logo { position: relative; } .developers-logo .custom-btn { position: absolute; bottom: 2rem; margin: auto; left: 0; right: 0; max-width: max-content; } .work-together { position: relative; } .work-together:before { position: absolute; content: ""; background: url('../../assets/images/work-circle-img.png') no-repeat bottom / contain; width: 100%; height: 100%; bottom: 0; z-index: -1; } .work-together p { font-weight: 400; margin-top: 0.5rem; font-size: 1.5rem; } .work-together p a { text-decoration: none; color: var(--title-color); } .work-together p a:hover { text-decoration: underline; color: var(--text-color); } .work-together-form .form-select { font-weight: 500; font-size: 1.6rem; border: 1px solid #000; margin-bottom: 0.5rem; border-radius: 0; padding: 1rem 1.5rem; cursor: pointer; } .work-together-form .form-select:foucs { box-shadow: none; } .work-together-form .form-control { font-size: 1.5rem; padding: 1rem 1.6rem; border: 1px solid rgba(0, 0, 0, 0.76); box-shadow: 0 0 13.5px rgba(0, 0, 0, 0.15); border-radius: 0; } /* .care-of-needs-item-content .custom-btn { margin-top: 1rem; border-radius: 5rem; opacity: 0; visibility: hidden; } .care-of-needs-item:hover .custom-btn { visibility: visible; opacity: 1; } */ .curious-info-left .section-heading { font-size: 2.5rem; margin-bottom: 1rem; } .curious-info-left .section-para { margin-bottom: 2rem; } .curious-info-left .custom-btn { margin-top: 1rem; margin-bottom: 2rem; } .curious-social-icon { display: flex; justify-content: space-around; margin-top: 1rem; } .curious-social-icon a { text-decoration: none; color: var(--title-color); font-size: 1.6rem; display: flex; justify-content: center; align-items: center; } .curious-social-icon a:hover { color: var(--text-color); } .curious-social-icon a i { margin-right: 1rem; border: 1px solid var(--title-color); padding: 0.6rem; border-radius: 50%; font-size: 2rem; width: 3.2rem; height: 3.2rem; } /* realty podcast page css */ .meet-expert-row .meet-expert-left { height: 25rem; } .podcast-column .meet-experts-details-container { padding: 0.6rem 0; } .podcast-column .meet-experts-details { margin-bottom: 0.8rem; } .podcast-column .meet-industry-content { -webkit-line-clamp: 2; } /* book demo page css starts here */ .expand-your-business { padding: 1rem 0; } .book-demo-logo { margin-bottom: 4rem; max-width: 40rem; } .book-demo-heading { font-size: 3rem; font-weight: 700; margin-bottom: 1rem; color: var(--title-color); text-align: center; } .book-demo-heading span { position: relative; z-index: 1; color: var(--default-color); padding: 0rem 0.8rem; } .book-demo-heading span::before { position: absolute; content: ""; background: #00befd; width: 100%; height: 100%; z-index: -2; display: inline-block; left: 0; clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%); } .expand-your-business-left .section-heading { font-weight: 500; margin-bottom: 1rem; font-size: 3.1rem; } .joining-form { padding: 4rem 0; } .book-demo-header { padding-top: 1.5rem; } .book-demo-service-list .broker-partner-box { padding: 0; text-align: center; box-shadow: none; margin: 0; height: 100%; } .book-demo-service-list .broker-partner-box figure img { width: 3rem; } .book-demo-service-list .broker-partner-box .column-heading { font-size: 1.1rem; margin-bottom: 0; } .joining-form-left .section-heading { margin-bottom: 1rem; font-size: 3rem; font-weight: 500; line-height: 1.3; } .joining-form-left h1.section-heading { margin-bottom: 3rem; } .joining-form-left .column-para { margin-bottom: 0.5rem; line-height: 1.6; } .joining-form-img { margin-top: 3rem; } .joining-form-img figure { width: 100%; } .joining-form-img figure img { width: 100%; } .joining-form-right { background: #fafafa; padding: 1.5rem 2rem 1rem; box-shadow: 0 4px 20px rgba(0, 0, 0, .25); border-radius: 0.5rem; } .joining-form-right .section-heading { font-size: 2.5rem; margin-bottom: 1rem; text-align: center; font-weight: 600; } .joining-form-right .section-para { text-align: center; font-size: 1.8rem; color: var(--title-color); } .joining-form-container { padding: 0; margin-top: 1rem; } .joining-focus-areas label { margin-bottom: 0.5rem; font-weight: 500; font-size: 1.5rem; } .joining-focus-areas .form-check { padding: 0; } .joining-focus-areas .form-check .checkbox-inline { font-size: 1.2rem; cursor: pointer; font-weight: 400; margin-bottom: 0; } .joining-focus-areas .form-check .checkbox-inline .filter-check { margin-right: 0.3rem; width: 1rem; height: 1rem; } .demo-pick-date { display: flex; align-items: center; box-shadow: 0 0 9px #ddd; background: var(--default-color); margin-bottom: 1rem; border-radius: 0.4rem; position: relative; } .demo-pick-date label { min-width: max-content; padding: 1rem 2rem; border-right: 1px solid #ddd; font-size: 1.4rem; color: var(--title-color); } .demo-pick-date .form-control { box-shadow: none; margin: 0; } .joining-form-container .custom-btn { margin: 1.5rem 0; } .joining-form-right-remember .form-check-input { width: 1.2rem; height: 1.2rem; margin-right: 0.4rem; } .joining-form-right-remember .form-check-label { font-size: 1.1rem; color: var(--title-color); font-weight: 500; } .joining-form-right-remember .form-check-label a, .joining-form-right-remember .column-para a { color: var(--title-color); text-decoration: none; font-weight: 700; } .joining-form-right-remember .form-check-label a:hover, .joining-form-right-remember .column-para a:hover { color: var(--title-color); text-decoration: underline; } .joining-form-right-remember .column-para { font-size: 1rem; color: var(--title-color); } .happy-counter-box figure { height: 4rem; } .happy-counter { width:40%; clip-path:polygon(10% 0, 100% 0, 100% 100%, 0% 100%); } .globe-icon a { color: var(--text-color); text-decoration: none; } .globe-icon a i { color: var(--title-color); margin-right: 0.2rem; } .globe-icon a:hover span { color: var(--title-color); text-decoration: underline; } .joining-footer-container { padding: 0.5rem 0; border-top: 1px solid #ddd; } .joining-social-icons span { font-weight: 500; color: var(--title-color); } .joining-social-icons { display: flex; align-items: center; gap: 1rem; } .joining-social-icons .footer-social-icon { margin: 0; } .joining-social-icons .footer-social-icon a { box-shadow: 0 0 9px #ddd; width: 3rem; height: 3rem; font-size: 1.4rem; } /* book demo page css ends here */ .partner-form .joining-form-right { background: none; padding: 4rem 3rem; } /* login page css starts here */ .login-container { background: #f5f7f9; padding: 3rem 4rem; position: relative; z-index: 1; box-shadow: 0 0 12.5px rgba(0, 0, 0, 0.15); } .login-container::before { position: absolute; content: ""; background: #fff; width: 50%; height: 100%; left: 0; top: 0; z-index: -1; box-shadow: 7px 5px 17px rgba(0, 0, 0, 0.21); } .log-in-logo { display: block; } .log-in-logo figure { box-shadow: 0 0 12.5px rgba(0, 0, 0, 0.15); max-width: 21rem; padding: 1rem; border-radius: 1rem; margin-bottom: 1rem; } .login-container .section-heading { font-weight: 600; font-size: 2.6rem; color: var(--text-color); margin-bottom: 1.5rem; } .fb-gmail-login-icon { gap: 1rem; } .log-in-or { border-top: 1px solid #c3c3c3; margin: 3rem 0; position: relative; display: flex; justify-content: center; align-items: center; } .log-in-or span { position: absolute; top: -11px; background: #f5f7f9; padding: 0 0.5rem; font-weight: 600; font-size: 1.4rem; } .login-field-group { margin-bottom: 1.5rem; } .login-field-group label { margin-bottom: 0.5rem; font-size: 1.6rem; font-weight: 500; } .login-field { display: flex; border: 1px solid rgba(68, 68, 68, 0.6); align-items: center; border-radius: 0.5rem; height: 4rem; overflow: hidden; } .login-field i { font-size: 1.5rem; padding: 1rem; width: 3.8rem; height: 3.8rem; display: flex; justify-content: center; align-items: center; border-right: 1px solid rgba(68, 68, 68, 0.6); } .login-field .form-control { border: 0; font-size: 1.5rem; border-radius: 0; padding: 0.8rem 1rem; height: 3.8rem; background: none; } .login-field .form-control:focus { box-shadow: none; background: #ebebeb; } .login-pass-field i { border-right: 0; border-left: 1px solid rgba(68, 68, 68, 0.6); } .forget-row { padding: 1.5rem 0; border-bottom: 1px solid #c3c3c3; margin-bottom: 1.5rem; } .forget-row a { color: var(--text-color); font-size: 1.5rem; text-decoration: none; } .forget-row a:hover { text-decoration: underline; } .forget-row a i { margin-right: 0.3rem; } .do-not-account a { color: var(--text-color); text-decoration: none; font-weight: 700; transition: all 0.3s; } .do-not-account a:hover { text-decoration: underline; color: var(--title-color); } .login-disclaimer p { font-size: 1.4rem; font-weight: 500; } /* login page css ends here */ /* responsive css */ @media (min-width: 1400px) { .how-it-works-icon-box { width: 16rem; min-width: 18rem; height: 18rem; } .how-it-works-icon-box figure { width: 14rem; height: 14rem; } .browse-guide-top-text .carousel-counter { margin-top: 12.5rem; } .three-stage-right-slider .owl-nav { top: -49rem; } .service-item figure { height: 42rem; } .carousel-counter { max-width: 65%; } .developers-container { width: 83%; } .full-banner .owl-nav button { left: 45rem; } } @media (max-width: 1399px) { /* #navbar-menu .navbar-nav>li>a, .sticky-header .user-login button { padding: 3.2rem 1rem !important; } */ .header-right .custom-btn, .sticky-header .header-right .custom-btn { padding: 1rem 1.5rem; } .top-projects-month-column figure { width: 155px; min-width: 155px; display: flex; } .top-pro-month-column-text-top-left .column-heading { font-size: 1.7rem; } .published-name { font-size: 1.3rem; } .purcahse-dream-home-container .section-heading { font-size: 3.5rem; } .purcahse-dream-home-container .section-heading span { font-size: 4rem; } .builders-location .custom-btn { padding: 1rem; min-width: 14rem; text-align: center; } } @media (max-width: 1199px) { .user-login button { font-size: 1.3rem; } #navbar-menu .navbar-nav>li>a { font-size: 1.3rem; padding: 3.2rem 0.8rem !important; } .discover-dream-property-container .section-heading { font-size: 4rem; } .confused-selection-img figure { height: auto; } .purcahse-dream-home-container .section-heading { font-size: 3.8rem; line-height: 1.2; } .purcahse-dream-home-container .section-heading br { display: none; } .purcahse-dream-home-container .section-heading span { font-size: 4rem; } .project-highlight-img-1 figure { height: 32rem; } .project-highlight-img-2 figure { height: 16rem; } .project-highlight-img-3 figure { height: 19rem; } .filters-content-column-img figure { width: 15rem; } .city-new-properties-item figure img { width: 13rem; height: 13rem; } .newslatter-subscribe-box, .your-query-box { padding: 3rem 2rem; } .realty-expert-banner { padding: 6rem 0; } .realty-expert-banner { position: relative; z-index: 0; } .realty-expert-banner::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: var(--title-color); opacity: 0.2; z-index: -1; } .browse-guide-top-text .carousel-counter { margin-top: 5.3rem; max-width: 75%; } .developers-container { padding: 2rem; } .developers-box figure { width: 10rem; height: 9rem; } .developers-details { margin-left: 0.6rem; } .developers-details .column-heading { margin-bottom: 0.4rem; font-size: 1.4rem; } .developers-details p { font-size: 1.2rem; } .developers-details .total-number { margin-top: 0.2rem; } .developers-logo figure { height: 6rem; } } @media (max-width: 992px) { html { font-size: 9px; } header .navbar { padding: 0.5rem; } #navbar-menu { position: absolute; top: 77px; left: -100%; background: rgba(0, 0, 0, 1); width: 100%; z-index: 9; height: 100vh; transition: all 0.3s; overflow: auto; } .sticky-header #navbar-menu { top: 65px; } #navbar-menu.collapse.show { left: 0; } header .navbar-toggler:focus { outline: none; box-shadow: none; } #navbar-menu .navbar-nav { width: 75%; padding-top: 2rem; } #navbar-menu .navbar-nav>li>a, .sticky-header #navbar-menu .navbar-nav>li>a { font-size: 1.4rem; padding: 1rem 1.8rem !important; color: var(--default-color); } #navbar-menu .navbar-nav .dropdown-menu { display: block; left: 0; transform: none; margin-left: 3rem; background: none; box-shadow: none; } #navbar-menu .navbar-nav>li.dropdown { margin-bottom: 2rem; } #navbar-menu .navbar-nav .dropdown-menu li a { color: var(--default-color); border-top: 0; border-bottom: 1px solid #ffffff54; padding: 1rem 1rem 1rem 0; } #navbar-menu .navbar-nav>li>a:hover { color: rgb(255 255 255 / 80%); } #navbar-menu .navbar-nav>li:hover .dropdown-menu { transform: none; } .country-list-site { width: 80%; padding: 0.5rem 2rem; gap: 0rem; } .user-login-list li { color: var(--default-color) !important; border-bottom: 0 !important; padding: 0.5rem !important; } /* .user-country-selecter, .user-login button, .user-login button .fa-circle-user { color: var(--default-color); } */ .header-right .custom-btn { margin-left: 0; } .get-in-touch { padding-top: 4rem; } .buy-sell-property-container { background-position: left !important; } .buy-sell-property-text { margin-top: 3rem; } .buy-sell-property-text .section-heading, .buy-sell-property-text .column-para { color: var(--default-color); } .purcahse-dream-home-container { text-align: center; padding: 0rem 4rem 0; } .purcahse-dream-home-img { margin-top: 5rem; } .dream-property-column:nth-child(2n) { border-right: 0; } .top-builders-right-ads { height: auto; max-height: max-content; } .recent-projects-navTabs .nav-link { padding: 0.5rem 1rem; } .full-slider-text-row { padding: 6rem 1.5rem; } .prop-consIcon-row .real-estate-simpli-item { padding: 2rem 1rem; justify-content: center; display: flex; flex-direction: column; align-items: center; } .prop-consIcon-row .real-estate-simpli-item figure { margin-bottom: 1rem; } .prop-consIcon-row .real-estate-simpli-item figure img { width: 5rem; } .confused-selection-content .section-heading { font-size: 4.4rem; } .confused-selection-content .column-heading { font-size: 1.7rem; } .individual-prop-gallery-banner { padding: 4rem 0; } .builders-full-address { padding: 1rem; ; flex-wrap: wrap; } .builders-full-address figure { width: 100%; } .builders-full-address-text { margin-left: 0; margin-top: 2rem; } .project-highlight { padding-bottom: 4rem; } .get-instant-deal-form { margin-top: 2rem; padding: 2rem; } .get-instant-deal-form .form-check { margin-top: 0rem; } .filters-projects .top-projects-month-column figure { height: 24rem; width: 18rem; } .top-builders-row-left figure { width: 14rem; min-width: 12rem; } .filters-content-column-img figure { height: 14rem; } .city-new-properties-container { grid-template-columns: repeat(4, 1fr); gap: 2rem; } .discover-dream-property-container { padding: 3rem 3rem; } .discover-dream-property-img figure { max-width: 30rem; } .boostSellPropTextBtn .custom-btn { padding: 1rem 1.5rem; } .areUinterested-column { padding: 4rem 0; } .potential-buyers-section { height: auto; position: relative; z-index: 1; } .potential-buyers-section:before { position: absolute; content: ""; background: var(--title-color); width: 100%; height: 100%; left: 0; top: 0; opacity: 0.3; z-index: -1; border-radius: 0.8rem; } .potential-buyers-section .section-heading { font-size: 3rem; margin-bottom: 2rem; color: var(--default-color); text-align: center; } .potential-buyers-section .column-para { font-size: 1.6rem; color: var(--default-color); text-align: center; } .pg-slider-item { height: 30rem; } .home-loan-banner { height: auto; padding: 5rem 0; z-index: 1; } .home-loan-banner:before { position: absolute; content: ""; background: #000; width: 100%; height: 100%; opacity: 0.2; z-index: -1; } .expert-advise-banner { background-position: 40% 60% !important; text-align: center; } .footer-column { border-bottom: 1px solid rgb(255 255 255 / 25%); } .footer-menu { border-bottom: 1px solid rgb(255 255 255 / 25%); padding-top: 2rem; } .copyright-container { border-top: 0; } .footer-column .column-para { padding-right: 0; } .our-clients-container { grid-template-columns: repeat(3, 1fr); } .filter-category-table-row thead tr th:first-child { width: 30% !important; } .blog-news-smlImg figure { width: 16rem; height: 13rem; } .blog-heading { font-size: 2rem; margin-bottom: 0.5rem; } .blog-price { font-size: 1.8rem; } .home-banner-image { margin-bottom: 2rem; } .home-banner-image figure { height: 40rem; } .carousel-counter { margin-top: 1rem; margin-bottom: 2rem; } .full-banner .owl-nav { bottom: -1rem; right: 0; left: inherit; } .browse-guide-slider .owl-nav { bottom: -3rem; right: 0; left: inherit; } .browse-guide-top-text .carousel-counter { margin-top: 3rem; max-width: 85%; } .developers-logo-box { width: 27rem; } .pricing-box-column:first-child .pricing-box { margin-top: 0; height: auto; } .pricing-box-column:nth-child(2) .pricing-box { margin-top: 0; height: auto; } } @media (max-width: 767px) { .happy-counter { padding: 10px 15px !important; border-radius: 14px !important; width: auto; bottom: 0% !important; transform: translateY(-50%); clip-path: border-box !important; /* flex-direction: column;*/ right: 0px; } .happy-counter .container{ padding: 0 !important; } .happy-counter-box { flex-direction: column; text-align: center; width: 100% !important; padding: 0 !important; } .happy-counter .row { gap: 7px; flex-direction: column; /* justify-content: center;*/ } .happy-counter-box figure { min-width: 3rem; max-width: 3.9rem; } .happy-customer-text p { font-size: 1.3rem; display: none; } .top-builders-row { padding-right: 0; } .ind-top-banner-logo { padding-top: 2rem; } .ind-top-banner .section-heading { font-size: 4rem; } .ind-top-banner-project { font-size: 1.2rem; } .ind-top-banner-logo figure { padding: 3rem 2rem; } .ind-top-banner-logo figure img { max-width: 100%; } .ind-builder-about-left { padding: 3rem 0; } .findAproperty-content { left: 0; padding: 2rem 1rem; } .getHunting .findAproperty-content { right: 0 !important; } .findAproperty-content { left: 0; padding: 2rem 1.4rem; } .main-dashboard { grid-template-columns: repeat(2, 1fr); gap: 1rem; } .city-new-properties .section-heading { font-size: 5rem; } .contact-happy-counter .happy-counter-box:nth-child(2) { border-right: 0; } .contact-happy-counter .happy-counter-box:last-child { flex-direction: row; margin-top: 2rem; } .contact-happy-counter .happy-counter-box:last-child p { text-align: left; } .full-slider-text-row .section-heading { font-size: 4rem; } .full-slider-text-row .section-heading br { display: none; } .boostSellProp-container { padding: 2rem; } .boostSellProp-container:before { width: 100%; } .boostSellPropText { padding-left: 0; text-align: center; } .boostSellPropTextBtn { justify-content: center; } .how-we-are-img-left { right: -1rem; } .how-we-are-img-right { position: relative; left: -1rem; z-index: -1; } .review-item-user-content { grid-template-columns: repeat(2, 1fr); } .top-builders-row-right .custom-btn { padding: 0.5rem 1rem; font-size: 1.4rem; } .builders-location { margin-top: 1rem; align-items: end !important; } .expert-advise-banner { background-position: 26% 74% !important; } .project-dream-prop { margin-top: 0; } .projectDetailsModal .btn-close, .logInModal .btn-close { right: 0; top: 0; } .builders-full-address { margin-bottom: 0rem; } .bf-address-text-row { flex-wrap: wrap; } .builders-full-address-text .column-heading { font-size: 3rem; width: 100%; margin-bottom: 1rem; text-align: center; } .builders-full-address-text .column-buil-heading { font-size: 1.8rem; width: 100%; } .project-mob-btn { text-align: center; display: block; margin: 1.6rem 0 0.5rem; font-size: 1.8rem; } .enquireForm-container .custom-btn { width: 100%; } .recent-articals-container { margin-top: 2rem; } .filter-category-box { margin-top: 1rem; } .realty-expert-banner { padding: 4rem 0; text-align: center; } .realty-expert-banner::before { opacity: 0.4; } .expert-talk-img { order: -1; } .meet-industry-experts { padding-bottom: 2rem; } .developers-container { grid-template-columns: repeat(2, 1fr); width: 85%; } .developers-logo-box { width: 22rem; top: -1rem; } .featured-projects-slider .owl-nav button { margin: inherit; top: inherit; bottom: -5rem; } .featured-projects-slider .owl-nav button.owl-prev { right: 5rem !important; left: inherit; } .featured-projects-slider .owl-nav button.owl-next { right: 0; } .section-heading-big { font-size: 4.5rem; } .our-services-box-img figure { height: 25rem; } .services-all-content .collapse:not(.show) { -webkit-line-clamp: 4; } } @media (max-width: 576px) { html { font-size: 8px; } header .navbar { padding: 0.8rem; } #navbar-menu { top: 61px; } .sticky-header #navbar-menu { top: 49px; } .logo .navbar-brand { max-width: 20rem; } .sticky-header .logo .navbar-brand { width: 8.5rem; } .user-login { margin-left: 1rem; } .header-right .custom-btn, .sticky-header .header-right .custom-btn { padding: 1rem 1rem; } .enquireFormModal .btn-close { top: 0; right: 0; } #buySellPropTabContent .form-group { margin-bottom: 2rem; } .get-in-touch-left { flex-wrap: wrap; } .get-in-touch-left figure { width: 100%; text-align: center; } .get-in-touch .custom-btn { order: -1; margin: 10px auto 15px; } .builders-location { flex-wrap: wrap; } .top-builders-row-left figure { width: 18rem; min-width: 18rem; } .dream-property { padding: 0 1.5rem; } .dream-property-column { border: 0; box-shadow: 0 0 9px #ddd; border-radius: 0.8rem; padding: 3rem 1rem; } .full-slider-banner .item { height: 30rem; display: flex; justify-content: center; align-items: center; text-align: center; } .full-slider-text-row .section-heading { font-size: 4rem; } .top-builders-slider .owl-nav button, .our-clients-slider .owl-nav button, .floor-plans-slider .owl-nav button { width: 26px; height: 26px; top: -7rem; } .top-builders-slider .owl-nav button.owl-prev, .our-clients-slider .owl-nav button.owl-prev, .floor-plans-slider .owl-nav button.owl-prev { right: 3.5rem; } .recent-projects-slider .owl-nav button, .topBuildersTwoItem-slider .owl-nav button, .housing-locations-slider .owl-nav button, .project-gallery-slider .owl-nav button, .similarNews-slider .owl-nav button { width: 26px; height: 26px; } .get-started-propkonnect .section-heading { font-size: 3rem; } .get-started-propkonnect .section-heading span { font-size: 2.3rem; } .top-builders-right-ads-img { height: 10rem; margin-bottom: 1rem; } .section-heading { font-size: 2rem; margin-bottom: 2rem; } .section-subHeading { font-size: 1.4rem; } /*.section-padding { padding: 4rem 0; }*/ .top-builders, .top-projectsBy-city { padding-bottom: 4rem; } /*.section-padding-top { padding-top: 4rem; }*/ .builders-filter-section .section-heading { text-align: center; } .filters-projects .top-projects-month-column-text { padding: 1rem; } .filters-projects-btn { gap: 1rem; justify-content: start; } .filters-projects-btn .custom-btn:last-child { padding: 1rem; } .city-new-properties-container { grid-template-columns: repeat(3, 1fr); } .discover-dream-property-container .section-heading { font-size: 3rem; } .discover-dream-property-img figure { max-width: 24rem; } .footer-menu .column-heading { margin-bottom: 1.5rem; margin-top: 1rem; text-align: center; font-weight: 500; } .real-partners-img { align-items: flex-end; } .indiPro-contactUs-container .start-journeyForm-container { padding: 5rem 2rem 3rem; } .blog-img-left figure { height: 25rem; } .blog-content { padding: 1.5rem; } .newslatter-right { padding-top: 2rem; } .home-loan-banner .section-heading { font-size: 3.5rem; } .review-item-user-content { grid-template-columns: repeat(1, 1fr); } .logInForm-right { border-left: 0; border-top: 1px solid #ddd; padding-top: 4rem; } .logInForm-right:before { top: -11px; left: 0; right: 0; bottom: inherit; } .expert-advise-banner { background-position: 22% 70% !important; position: relative; min-height: 30rem; } .expert-advise-container { position: absolute; right: 0; } .accordion-item-top { padding: 1.6rem 1.5rem 1.5rem 3.5rem; } .footer-column { margin-bottom: 0; } .recent-projects-slider .owl-nav button.owl-prev, .topBuildersTwoItem-slider .owl-nav button.owl-prev, .housing-locations-slider .owl-nav button.owl-prev, .similarNews-slider .owl-nav button.owl-prev { left: 0.5rem; } .recent-projects-slider .owl-nav button.owl-next, .topBuildersTwoItem-slider .owl-nav button.owl-next, .housing-locations-slider .owl-nav button.owl-next, .project-gallery-slider .owl-nav button.owl-next, .similarNews-slider .owl-nav button.owl-next { right: 0.5rem; } .our-clients-container { grid-template-columns: repeat(3, 1fr); } #rev .item .our-clients-logo figure{ border-color: #c7c7c7; } .our-clients-logo figure{ height: 8rem; padding: 0.5rem; background: #fff; } .container2 .our-clients-container, .our-clients-container{ display: flex; overflow-x: auto; gap: 0.6rem; -webkit-overflow-scrolling: touch; } #main-page .our-clients-container{ gap: 0.3rem; } .container2 .our-clients-container .item, .our-clients-container .item{ flex: 0 0 auto; max-width: 100px; } .our-clients-content .column-heading{ font-size: 1.2rem; margin-bottom: 0; } .home-loan-form-container { padding: 3rem 1.5rem; } .area-pin-code figure { top: 1.8rem; } .pro-abt-pricing-item { padding: 3rem 1rem; } .project-price-row { flex-wrap: wrap; padding: 1rem; } .project-size, .project-price { padding-right: 1rem; width: 50%; } .pro-abt-pricing-item .custom-btn { width: 100%; text-align: center; } .likeToVisitPro-banner { background-position: top right !important; height: auto; } .likeToVisitProContainer { padding: 4rem 0 12rem; } .likeToVisitPro-banner .section-heading { margin-bottom: 1rem !important; font-size: 2rem !important; } .prDescription p { text-align: center; } .start-journeyForm-container .custom-btn { width: 100%; } .real-estate-events-banner { height: 25rem; } .real-estate-events-banner .section-heading { font-size: 4rem; text-align: center; } .realty-expert-banner .section-subHeading { margin-bottom: 1rem; display: block; } .meet-expert-left iframe { height: 100%; } .realty-ex-inner-banner { min-height: auto; } .full-slider-text-row .section-heading { font-size: 3rem; } .service-item figure { width: 100%; height: 32rem; } .featured-projects { padding-bottom: 7rem; } .our-services::before { width: 50%; } .footer-container { padding: 1rem 0 0; } .footer-menu { padding: 1rem; } .footer-menu:last-child { padding-bottom: 2rem; } .copyright-container { flex-wrap: wrap; justify-content: center !important; gap: 1rem; } .copyright-container p{ margin: auto; } .footer-menu-list>li>a{ font-size: 1.3rem; } .copyright-container .footer-menu-list { order: -1; } .browse-guide-slider .owl-item:nth-child(2n), .browse-guide-slider .owl-item:nth-child(2n) .browse-guide-item figure { height: auto; } .browse-guide-item figure { height: 40rem !important; } .browse-guide-top-text .carousel-counter { max-width: 80%; } .our-services-box-img { float: none; min-width: 100%; max-width: 100%; margin-right: 0; } .our-services-box-img figure { height: auto; } .our-services-box-item { text-align: center; } } @media(max-width: 425px) { header .navbar-toggler { font-size: 0rem; align-self: center; } .logo .navbar-brand { max-width: 11rem; min-width: 10rem; } .header-right .custom-btn, .sticky-header .header-right .custom-btn { padding: 0.8rem 0.6rem; } #navbar-menu { top: 52px; } #navbar-menu::before, .country-list-site { width: 90%; } .country-list-site { padding: 0.5rem 1rem; } .country-list-site .fa-chevron-down { margin-left: 0; } #navbar-menu .navbar-nav { width: 85%; } .builders-location-left { margin-bottom: 1rem; } .top-builders-reviews, .builders-location { margin-top: 0.5rem; } .builders-location-city .text-highlight { margin-right: 0; margin-bottom: 0.5rem; display: block; } .happy-counter-box figure { min-width: 3rem; max-width: 3.5rem; height: 3rem; } .prop-consIcon-row .real-estate-simpli-item { padding: 1rem; } .prop-consIcon-row .real-estate-simpli-item figure { margin-bottom: 0.8rem; } .prop-consIcon-row .column-heading { font-size: 2rem; } .prop-consIcon-row .column-para { font-size: 1.4rem; } .ind-top-banner .section-heading { font-size: 3.5rem; } .city-new-properties .section-heading { font-size: 3.5rem; color: var(--default-color); } .city-new-properties-container { grid-template-columns: repeat(2, 1fr); } .discover-dream-property-container { padding: 2rem; } .discover-dream-property-container .section-heading { font-size: 1.6rem; } .discover-dream-property-img figure { max-width: 23rem; } } #middle-header .navbar-brand img{ filter: none; } #middle-header a.btn{ border-radius: 0.5rem; height: auto; font-weight: 700; box-shadow: none; background: #000; font-family: inherit; line-height: normal; padding: 1rem 1.5rem; color: #fff !important; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; } #middle-header a.btn i{ transition: color 0.3s ease; } #middle-header a.btn:hover{ background: #fff; color: #000 !important; border-color: #000; } #middle-header a.btn:hover i{ color: #000 !important; } .contact-icon { display: flex; justify-content: space-between; gap: 10px; align-items: center; } .happy-counter-box a{ text-decoration: none; } .about-us-why .section-heading{ letter-spacing: normal; font-family: "Montserrat", sans-serif; } #advt-slider{ position: relative; } #advt-slider .custom-btn:hover, .get-in-touch .custom-btn:hover, .projects-btn .custom-btn:hover, .buy-sell-property .custom-btn:hover, .recent-projects-section .custom-btn:hover, .builders-location .custom-btn:hover, .top-builders .custom-btn:hover, .builders-location .custom-btn:hover, .purcahse-dream-home .custom-btn:hover, .real-estate-news .custom-btn:hover { color: #000 !important; } #main-page .section-heading{ font-family: "Montserrat", sans-serif; letter-spacing: normal; } .section-heading, .column-heading, .top-projects-month-column-text .custom-btn, .tpmc-price{ font-family: "Montserrat", sans-serif; letter-spacing: normal; } @media (max-width:767px){ .discover-dream-property-img figure{ bottom: -76px; } } .client-container { width: 100%; display: flex; align-items: center; justify-content: center; position: relative; } .client-container .testimonial { position: relative; /* max-width: 80%;*/ width: 100%; padding: 50px 0; overflow: hidden; min-height: auto; background: none; } .client-container .testimonial .image { height: 60px; width: 60px; object-fit: cover; border-radius: 50%; } .client-container .testimonial .slide { display: flex; align-items: start; justify-content: start; flex-direction: column; row-gap: 30px; height: 100%; width: 100%; } .client-container .slide p { text-align: left; padding: 0 250px 0 0; font-size: 25px; font-weight: 400; color: #333; font-style: italic; font-family: "Montserrat", sans-serif; } .client-container .slide .quote-icon { font-size: 189px; /* color: var(--dark-color);*/ position: absolute; right: 0; top: 0; opacity: 0.5; } .client-container .slide .details { display: flex; flex-direction: column; align-items: flex-start; } .client-container .details .name { font-size: 16px; font-weight: 600; color: #333; font-family: "Montserrat", sans-serif; } .client-container .details .job { font-size: 13px; font-weight: 400; color: #333; font-family: "Montserrat", sans-serif; } /* swiper button css */ .client-container .nav-btn { height: 40px; width: 40px; border-radius: 50%; transform: translateY(30px); background-color: rgba(0, 0, 0, 0.1); transition: 0.2s; } .client-container .nav-btn:hover { background-color: rgba(0, 0, 0, 0.2); } .client-container .nav-btn::after, .client-container .nav-btn::before { font-size: 20px; color: #fff; } /*.client-container .swiper-pagination-bullet { background-color: rgba(0, 0, 0, 0.8); }*/ .client-container .client-box { display: flex; gap: 15px; align-items: center; } .client-container .swiper-pagination{ text-align: left; /* max-width: 80%;*/ width: 100%; padding: 0; /* left: 135px;*/ position: absolute; } .testimonial-section{ /* background-color: #fafafa;*/ } .top-bar { background: #000; color: #fff; padding: 8px 0; } .topbar-content{ display: flex; justify-content: space-between; } .top-bar a{ color: #fff; text-decoration: none; } .top-bar p{ color: #fff; margin-bottom: 0; opacity: 0.9; } .header-contact .hotline{ margin-right: 12px; font-size: 15px; transition: all 0.3s; opacity: 0.9; } .header-contact .hotline i{ margin-right: 5px; } .connect-btn{ display: block; width: 30%; margin: 20px auto; } .header-social-icon a{ margin-left: 10px; font-size: 16px; opacity: 0.9; transition: all 0.3s; } .header-social-icon a:hover, .header-contact .hotline:hover{ opacity: 1; color: #fff; } #middle-header .navbar-brand img{ height: 100%; width: auto; max-height: 60px; max-width: 200px; object-fit: contain; } #middle-header.sticky-header .navbar-brand img{ max-height: 50px; } #middle-header .navbar-brand figure{ display: flex; align-items: center; /* max-height: 100px;*/ overflow: hidden; } .footer-container .logo-generate{ text-align: center !important; } .footer-container .logo-generate img{ max-width: 60%; } .footer-logo figure{ display: flex; align-items: center; overflow: hidden; } .footer-logo figure img{ height: 100%; width: auto; max-height: 85px; max-width: 200px; object-fit: contain; /* filter: brightness(0) invert(1);*/ } .happy-customer-text p { font-size: 2.4rem; text-transform: uppercase; } .contact-icon { flex-direction:column; gap:15; } /*.happy-counter { padding: 5rem 0; }*/ .client-container .slide p { font-size: 2.5rem !important; font-weight: 500; padding:0 275px 0 0 } .client-container .slide .quote-icon { font-size: 23rem; } .call-action-one .call-action-content .call-action-btn .primary-btn:hover{ background: #000 !important; border-color: #000; } .testimonial-section .client-container .details .job{ font-size: 1.5rem !important; } .testimonial-section .client-container .details .name{ font-size: 1.7rem !important; } .how-we-are .about-list li{ color: #000; font-size: 1.5rem; } @media (max-width:767px){ .client-container .slide p { padding: 0 20px; font-size: 1.4rem !important; font-weight: 400; } .buy-sell-property-text .section-heading{ margin: 1.5rem 0; } .client-container .nav-btn, .client-container .swiper-pagination, .client-container .testimonial:after { display: none; } .happy-counter-box{ flex: 0 0 auto; width: 100% !important; align-items: flex-start; gap: none; border-right: none; justify-content: space-between; } .buy-sell-property-container{ padding: 3rem; } .happy-customer-text p{ font-size: 10px !important; margin-bottom: 0; display: none; } .contact-icon{ gap: 5px; } .happy-counter .row{ gap: 7px; } #middle-header a.btn{ padding: 0.5rem; } .client-container .testimonial{ padding: 0; } .client-container .slide .quote-icon{ font-size: 90px; } .purcahse-dream-home-container .section-heading, .purcahse-dream-home-container .section-heading span{ font-size: 2.8rem; } .client-container .details .name{ font-size: 14px; } .prop-multiProjectItem figure{ height: 20rem; } .call-action-content{ padding: 20px; } .how-we-are .about-list li{ font-size: 12px; letter-spacing: 1px; } .call-action-one .call-action-content .call-action-text{ margin: 20px 0; } .call-action-one .call-action-content .call-action-text .action-title{ font-size: 1.7em; } .testimonial-section .section-heading{ font-size: 2rem; } } @media (min-width:768px) and (max-width:1180px){ .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl{ padding-right: 15px !important; padding-left: 15px !important; } .prop-multiProjectItem figure{ height: 20rem; } header .navbar .logo{ margin-right: auto; margin-left: 15px; } .logo .navbar-brand{ max-width: 20rem; } .client-container .slide p{ padding: 0 0px; font-size: 20px !important; } .client-container .testimonial{ padding: 10px 0; width: 89%; } .get-started-propkonnect .section-heading{ font-size: 4rem; } .get-started-propkonnect .section-heading span{ font-size: 5rem; } .purcahse-dream-home-container .section-heading, .purcahse-dream-home-container .section-heading span{ font-size: 2.8rem; } .section-heading{ font-size: 3rem; margin-bottom: 2rem; } .section-subHeading{ font-size: 2rem; } .logo-generate{ text-align: left; } .logo-generate img{ max-width: 50%; } } @media (min-width:1600px){ .full-slider-banner .item{ height: 60rem; } .full-slider-text-row{ padding: 16rem 0; } .full-slider-banner .item{ font-size: 2.4rem; } .full-slider-text-row .section-heading{ font-size: 4rem; } .discover-dream-property-img figure { bottom: -146px; max-width: 21rem; } } #main-page section:nth-child(odd) { background-color: #f5f5f5; /* Replace with your desired background */ } /* ===== Buttons Css ===== */ .call-action-one .call-action-content .call-action-btn .primary-btn { /* background: #000;*/ color: #fff; box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16); font-weight: bold; font-size: 18px; line-height: 3px; text-align: center; letter-spacing: 0.08em; text-transform: uppercase; padding: 24px 32px; border-radius: 0.5rem; border: 2px solid #fff; z-index: 2; position: relative; } .call-action-one .call-action-content .call-action-btn .active.primary-btn, .call-action-one .call-action-content .call-action-btn .primary-btn:hover, .call-action-one .call-action-content .call-action-btn .primary-btn:focus { background: transparent; color: #fff; box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.04), 0px 2px 4px rgba(96, 97, 112, 0.16); } .call-action-one .call-action-content .call-action-btn .deactive.primary-btn { background: #eee; color: #6d6d6d; pointer-events: none; } /*===== call action one =====*/ .call-action-one { /*background-color: #f5f5f5; padding-top: 50px; padding-bottom: 100px;*/ padding: 6rem 0; } .call-action-one .call-action-content .call-action-text { margin: 50px 0; } .call-action-one .call-action-content .call-action-text .action-title { font-weight: 600; color: #fff; font-size: 3.25rem; line-height: 1.25; } .call-action-one .call-action-content .call-action-text .text-lg { color: #fff; margin-top: 16px; font-size: 1.65rem; line-height: 1.5; } .call-action-one .call-action-content .call-action-btn { /* margin-top: 50px;*/ } .how-we-are{ padding: 6rem 0; } .how-we-are p{ padding-right: 20px; margin-bottom: 0px; color: #000; } .dream-property, .our-clients, .top-projects-month, .recent-projects-section, .testimonial-section, .real-estate-news, .get-started-propkonnect, .prop-multiProjects { padding: 6rem 0; } .call-action-content{ position: relative; background: var(--dark-color); color: #333; padding: 40px 60px; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; overflow: hidden; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); } .call-action-content::after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 40%; background: rgba(255, 255, 255, 0.1); /* subtle angled shape */ transform: skewX(-30deg); transform-origin: right; z-index: 1; } .prop-multiProjects.section-padding-top, .buy-sell-property, .property-location-banner{ padding: 6rem 0; } .discover-dream-property .custom-btn{ margin-top: 20px; } /*for gallery as style2 not working*/ .mbr-gallery-item{ display: inline-block !important; width: 24% !important; cursor: pointer; position: relative; } .mbr-gallery .icon-focus, .mbr-gallery .icon-video{ top: calc(50% - 10px); left: calc(50% - 15px); } .social-group { position: absolute; display: flex; flex-direction: column; gap: 12px; bottom: 25px; z-index: 3; color: #fff; left: 5px; } .social-group a{ color: #fff; opacity: 0.9; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; border: 1px solid #fff; text-align: center; } .social-group a:hover{ color: #fff; opacity: 1; } .how-we-are .section-heading, .top-projects-month-column-text .column-para { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .how-we-are .section-heading{ margin: 1rem 0; } .how-we-are .section-subHeading{ margin-bottom: 0px; } .real-estate-simpli-item.active figure img{ filter: brightness(0) invert(1); } .real-estate-simpli-item.active figure i{ color: #fff; } .happy-counter { background:#000; } .discover-dream-property .custom-btn:hover{ color: #000 !important; } @media (min-width:1181px) and (max-width:1399px){ .full-slider-banner .item{ height: 45rem; } .cont-address{ min-height: 68px; margin-top: 4px; } } @media (min-width:1181px) and (max-width:1499px){ .cont-address{ min-height: 68px; margin-top: 4px; } } @media (max-width: 767px){ .header-right{ margin-left: auto; } .navbar>.container{ justify-content: start; } .logo .navbar-brand{ margin-left: 10px; } #middle-header .navbar-brand img{ width: auto !important; height: auto !important; max-width: 100% !important; max-height: 35px !important; } #middle-header a.btn span{ font-size: 10px; } .call-action-one .call-action-content .call-action-btn .primary-btn{ font-size: 12px !important; margin-bottom: 17px; padding: 15px 20px; } .box-layout .box-1, .box-layout .box-2{ height: 140px !important; } .box-layout figure{ height: 300px !important; } .box-layout{ margin-top: 15px; } .client-container .slide .quote-icon{ top: inherit; } .discover-dream-property .custom-btn{ padding: 6px 18px; } .call-action-content{ padding: 20px; } .call-action-one .call-action-content .call-action-text{ margin: 20px 0; } .call-action-one .call-action-content .call-action-text .action-title{ font-size: 1.7em; } .prop-multiProjects.mbr-gallery .mbr-gallery-item--p2, .prop-multiProjects.mbr-gallery .mbr-gallery-item--p3 { width: 30% !important; position: static !important; } .prop-multiProjects.mbr-gallery .mbr-gallery-layout-default{ text-align: left !important; padding: 0 5px; } .prop-multiProjects.mbr-gallery .mbr-gallery-item > div{ background: transparent; } .prop-multiProjects.mbr-gallery.cid-qBK2ZYNhQk { min-height: auto; } .prop-multiProjects.mbr-gallery .mbr-gallery-row{ position: static !important; height: auto !important; } } .footer-menu-list li i{ margin-right: 6px; } button.wh-ap-btn { outline: none; width: 50px; height: 50px; border: 0; background-color: #2ecc71; padding: 0; border-radius: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); cursor: pointer; transition: opacity 0.3s, background 0.3s, box-shadow 0.3s; } button.wh-ap-btn::after { content: ""; background-image: url("//i.imgur.com/cAS6qqn.png"); background-position: center center; background-repeat: no-repeat; background-size: 60%; width: 100%; height: 100%; display: block; opacity: 1; } button.wh-ap-btn:hover { opacity: 1; background-color: #20bf6b; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .wh-api { position: fixed; bottom: 0; right: 0; z-index: 5; } .wh-fixed { margin-right: 15px; margin-bottom: 15px; } .wh-fixed > a { display: block; text-decoration: none; } /* animacion pulse */ .whatsapp-pulse { width: 50px; height: 50px; right: 10px; bottom: 10px; background: #10b418; position: fixed; text-align: center; color: #ffffff; cursor: pointer; border-radius: 50%; z-index: 99; display: inline-block; line-height: 65px; } .whatsapp-pulse:before { position: absolute; content: " "; z-index: -1; bottom: -20px; right: -20px; background-color: #10b418; width: 90px; height: 90px; border-radius: 100%; animation-fill-mode: both; -webkit-animation-fill-mode: both; opacity: 0.6; -webkit-animation: pulse 1s ease-out; animation: pulse 1.8s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(0.3); opacity: 1; } 50% { -webkit-transform: scale(0.6); opacity: 0.6; } 75% { -webkit-transform: scale(0.9); opacity: 0.3; } 100% { -webkit-transform: scale(1); opacity: 0; } } @keyframes pulse { 0% { transform: scale(0); opacity: 0; } 25% { transform: scale(0.3); opacity: 1; } 50% { transform: scale(0.6); opacity: 0.6; } 75% { transform: scale(0.9); opacity: 0.3; } 100% { transform: scale(1); opacity: 0; } } .social-group a img{ width: 80%; filter: brightness(0)invert(1); } /*after change*/ .heading1 p, #intro-sec .about-list li, p{ letter-spacing: 1px; } .social-group a img{ width: 60% !important; margin: auto; filter: brightness(0)invert(1); } .right_bar.logn-btn a { font-size: 14px;} .right_bar.logn-btn a:hover{ box-shadow: none; } #loginModal button.close{ text-align: end; margin-right: 10px; margin-top: 10px; } #loginModal .user_login_header{ margin-bottom: 30px; padding-top: 0px; } #loginModal .login_content{ height: auto; box-shadow: none; overflow-y: auto; } .left_footer h4{ } .social-group a{ line-height: 36px !important; } .topCategory1.itemList .singleCatItem h4{ padding: 0; font-weight: 500; letter-spacing: normal; } .alter-img{ padding: 17px; } .form-control{ font-size: 1.4rem; } @media (max-width:599px){ #loginModal .user_login_header{ padding-top: 0px !important; } #browse-users .styled-heading p{ margin-bottom: 6px; } #user-sec .card .featured-place-wrap{ margin-bottom: 0px !important; } section.categ { margin-top: 5px; } .top_footer p.site_info{ line-height: 24px; margin-top: 15px; } #loginModal .modal-dialog{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } .frg-pswd{ font-size: 13px; } .contact-item{ border-radius: 12px; padding: 18px 7px; /* width: 90px;*/ height: 150px; border: 1px solid #00a0e3; } .login_content{ padding-bottom: 15px !important; } .icon-contact { font-size: 22px; } .contact-item h4{ font-size: 12px; font-weight: 500; word-break: break-word; margin: 14px 0 5px; } .contact-item p{ word-break: break-word; font-size: 10px !important; } .contact-option{ gap: 15px; margin-top: 20px; justify-content: center; } .top-sec img{ max-width: 62%; margin-top: 10px; } .login_wrapper{ overflow-y: visible; height: -webkit-fill-available; } .signupSection{ overflow-y: scroll !important; } .login_page .forgetPassword .user_login_header{ padding-top: 50px !important; margin-bottom: 25px !important; } .login_page .forgetPassword .login_content{ padding-bottom: 40px !important; } .login_page .login_wrapper{ height: 82vh;; } .login_page { height: 100vh; } .spl-instruction{ display: none; } .about-section .business-container{ padding: 0 15px; } .main-image { padding: 0px 6px 0px; } .desp-details .btn-grp-one .add_to_cart_btn{ font-size: 13px; } .desp-details{ padding: 0 15px; } .desp-details label.btn-sizes.getPrice { font-size: 13px; padding: 4px 22px; } .desp-details .modal_Heading { font-size: 13px; margin-bottom: 0; } .desp-details .priceTag.price-color{ font-size: 18px; margin-bottom: 10px; } .alter-img{ max-height: 250px; padding: 0; object-fit: contain; } .navbar-brand{ max-width: 100px; } } @media (max-width:390px){ #user-sec .media-btn.btn{ padding: 2px 32px; } } @media (min-width:1600px){ .main-image img{ height: 390px; } .product-desp{ padding: 80px 0; } } #middle-header{ border-bottom: 1px solid #f2f2f2; } .cid-qBK2ZYNhQk{ padding-top: 0px !important; } .prop-multiProjects.cid-qBK2ZYNhQk{ padding-top: 6rem !important; } #gallery2-4 .display-4{ font-size: 1.8rem !important; } .testimonial-section .section-subHeading, .testimonial-section .section-heading, .testimonial-section .client-container .slide p, .testimonial-section .client-container .details .name, .testimonial-section .client-container .details .job{ color: #fff; } .testimonial-section .swiper-pagination-bullet{ background: #eee; } .testimonial-section .client-container .testimonial{ border-top: 3px solid #888; } .testimonial-section{ background: url(/assets/frontend/images/back-rev.webp)no-repeat center / cover; position: relative; } .testimonial-section:before{ position: absolute; content: ""; background: var(--title-color); width: 100%; height: 100%; left: 0; top: 0; opacity: 0.8; z-index: 0; } .client-container .slide .quote-icon{ color: #ddd; } .create_profile { border-radius: 0.5rem; height: auto; font-weight: 700; box-shadow: none; background: #fff; font-family: inherit; line-height: normal; padding: 1rem 2rem; color: #000 !important; text-transform: capitalize; border: 1px solid #000; margin-left: 8px; font-size: 1.3rem; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; } .create_profile i{ margin-right: 0.6rem; font-size: 1.6rem; transition: color 0.3s ease; } .right_bar .create_profile i{ font-size: inherit; } #tap-menu .login_signup .create_profile:hover, #tap-menu .login_signup .create_profile.active, #tap-menu .login_signup .create_profile:active{ background-color: #000 !important; color: #fff !important; } .create_profile:hover i, .create_profile.active i, .create_profile:active i{ color: #fff; } #middle-header .create_profile:hover i, #middle-header .create_profile.active i, #middle-header .create_profile:active i{ color: #000; } .discover-dream-property { display: none; } #main-page .discover-dream-property { display: inline-block; } .social-head .section-heading, .social_heading.section-heading { font-size: 2.2rem; margin-bottom: 0; text-transform: capitalize; } .social_heading.section-heading{ margin-top: 20px; } .social-head.default-heading{ margin-bottom: 0; margin-top: 30px; } @media (max-width:370px){ .create_profile{ padding: 0.7rem; } } .sidebar-post .social_heading.section-heading{ margin:20px 0 3px; font-size: 2rem; } .container2 .our-clients-container{ padding: 10px; border-radius: 12px; border: 1px solid #f2f2f2; } .social_heading.section-heading.widget-title-new{ margin-top: 0; margin-bottom: 15px; border-bottom: 1px ridge #f2f2f2; padding-bottom: 9px; } .product-blog-detail .link-widget li{ padding: 0.4rem 0.2rem 0.9rem; margin-bottom: 10px; } .product-blog-detail .flex-col{ gap: 1.9rem; } .get-started-propkonnect{ box-shadow:none !important; } /*new teams*/ h1.team-h1 { margin: 0; position: absolute; top: -16px; text-align: center; left: 40%; font-family: georgia; font-style: italic; background-color: white; padding: 0px 20px; color: #222; } .cf:before, .cf:after { content: none; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { zoom: 1; } .team-container { margin: auto; background: #fff; padding: 20px 10px; border-radius: 12px; border: 1px solid #f2f2f2; margin: 3px 0; position: relative; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); grid-auto-flow: row; display: grid; gap: 1rem; justify-content: flex-start; } .team-member { text-align: center; } .team-member:last-child {margin-right: 0;} .team-member span, .team-member h3 { max-width: 200px; } .team-member h3 { color: #0478a7; margin-bottom: 1px; font-weight: 600; font-size: 1.5rem; line-height: 1.2; /*display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;*/ } .team-name{ font-size: 1.4rem; font-weight: 500; color: #555; line-height: 1.2; } .email { color: #EA2678; font-size: 1.4rem; } .team-member span { display: block; } .team-photo { border-radius: 50%; text-align: left; margin: auto; max-width: 100%; height: auto; border: 1px solid #ddd; padding: 5px; width: 90px; height: 90px; margin-bottom: 10px; transition: 0.3s transform ease-in-out; } .team-photo:hover { transform: scale(0.9); cursor: pointer; } /* code for phone layout */ @media (max-width:850px){ .team-member { } } @media (max-width:767px){ .team-member { text-align: center; flex: 0 0 auto; min-width: 120px; } .team-member h3{ -webkit-line-clamp: 2; } .team-photo{ padding: 3px; width: 80px; height: 80px; background: #fff; } .team-container{ /* grid-template-columns: repeat(auto-fill, minmax(92px, 3fr));*/ padding: 3px; background: transparent; justify-content: flex-start; display: flex; gap: 1rem; overflow-x: auto; padding: 1rem 0; } } @media (max-width:767px) { .testimonial-section .client-container .testimonial{ border-top: none; } .full-slider-text-row .section-subHeading{ font-size: 1.5rem !important; line-height: 1.2 !important; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .full-slider-text-row p{ display: none; } .slider-banner .item .custom-btn{ margin-top: 1.4rem; padding: 0.6rem 1.5rem; } .testimonial-section .client-container .details .name, .testimonial-section .client-container .details .job{ font-size: 1.3rem !important; } .dream-property-column .column-heading{ font-size: 1.3rem; font-weight: 600; } .dream-property .row.g-4.g-lg-0{ justify-content: center; gap: 0 13px; } .icon_size i{ font-size: 25px; } .dream-property-column{ width: 48% !important; padding: 2rem 1rem; } .dream-property-column figure{ width: 5rem; height: 5rem; } .real-estate-simpli-item figure{ margin-bottom: 1rem; } .discover-dream-property .custom-btn{ padding: 6px !important; } .get-started-propkonnect .section-heading{ font-size: 2rem !important; line-height: 1.6; } .create_profile{ padding: 0.4rem !important; font-size: 1rem !important; } .logo .navbar-brand { margin-left: 7px !important; } .social-group{ gap: 7px !important; } .social-group a{ width: 25px !important; height: 25px !important; line-height: 23px!important; } #navbar-menu{ top: 42px !important; } .full-slider-text-row .section-heading{ font-size: 1.9rem !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .full-slider-text-row{ padding: 4.5rem !important; } .happy-counter-box{ align-items: center !important; } .how-we-are{ padding: 4rem 0 4rem !important; } .our-clients-logo{ padding: 0.5rem !important; } .social-head.default-heading{ display: none !important; } .container2 .our-clients-container{ padding: 0; } #qrcode .box-btn{ background-color: #fff; } } .our-clients-logo{ padding-bottom: 0.5rem; } @media (max-width:767px){ .social-btns1 a{ padding: 5px; } #rev .social-img{ width: 80px; height: 80px; padding: 16px; } #design-2 .social-img, #design-3 .social-img{ padding: 0; } section#main_cat .social-btns1{ gap: 1.4rem; } #rev .btn{ font-size: 1.4rem !important; } span.tit{ margin-top: 4px; } #breadcrumb-line.single-breadcrumb h3{ font-size: 2rem; } .review-app .single-breadcrumb h3{ padding: 5rem 0 14rem 0 !important; } #about-us{ padding: 0 !important; } .faq .accordion .card .card-header h5 button{ font-size: 1.3rem !important; } header .navbar{ padding: 0.8rem !important; } .price_section{ margin: 0; } .section_items, .sectionDefault{ padding: 0 !important; } .desp-details h3{ font-size: calc(16px + .3vw); line-height: 1.2; } .btn-grp-one .add_to_cart_btn, .product-desp .btn-primary{ font-size: 1.3rem !important; } .blog-grid{ padding: 0px; gap: 16px; margin: 18px auto 10px; } .main-body1 .blog-grid{ padding: 0 12px; } .blog-grid .col-md-4{ width: 47.5%; border: 1px solid #f2f2f2; padding: 0; border-radius: 8px; } .mbr-gallery-item{ width: 50% !important; } .product-contact{ min-height: auto; } #middle-header .navbar-brand img{ max-height: 35px; } .navbar-toggler i{ font-size: 22px !important; } label.btn.btn-sizes{ font-size: 1.5rem !important; } #rev .btn.media-btn{ padding: 6px !important; } } .category-group{ align-items: center; } .category-group .social_heading.section-heading{ margin-top: 0; margin-bottom: 5px; } .style_2 .topTitle{ margin-bottom: 0 !important; } .bottom_cart_order a{ font-size: 16px !important; } .blog-details-desc ul li{ list-style: disc !important; } .blog-details-desc ol li{ list-style: decimal !important; } .no-found { max-width: 32%; margin: 0 auto; display: block; } .no-found-container h2{ text-align: center; font-weight: 700; font-size: 4rem; margin-bottom: 20px; } .no-found-container{ margin: 20px auto; } .confirm_btn{ font-size: 1.5rem; } .cart_heading h4{ font-size: 1.8rem; } @media(min-width:768px) and (max-width:1180px){ #about-us{ padding: 0 !important; } .price_section{ margin: 0; } header .navbar-toggler{ align-self: center; } .full-slider-text-row{ padding: 6rem 5.5rem !important; } .full-slider-text-row .section-subHeading{ font-size: 2.5rem !important; } .full-slider-text-row .section-heading{ font-size: 4rem !important; } .happy-counter{ padding: 10px 12px 12px 38px !important; width: 46% !important; } .full-slider-banner .item{ height: 35rem !important; } .how-we-are .container, .real-estate-simplified .container, .call-action-area.call-action-one .container, .top-projects-month .container, .prop-multiProjects.cid-qBK2ZYNhQk .container, .property-location-banner .container, .recent-projects-section .container, .buy-sell-property .container, .dream-property .container, .our-clients .container, .our-clients .container, .real-estate-news .container, .get-started-propkonnect .container{ padding: 0 20px; } .section-heading{ font-size: 3rem !important; } .box-layout .box-1, .box-layout .box-2{ height: 155px !important; } .box-layout figure{ height: 331px !important; } .how-we-are .about-list li { font-size: 12px; } .happy-counter-box figure{ max-width: 2.5rem !important; } .happy-customer-text p{ font-size: 10px !important; margin-bottom: 0; } .call-action-one .call-action-content .call-action-text .action-title{ font-size: 1.8em !important; } .call-action-one .call-action-content .call-action-text{ margin: 0 0 20px !important; } .contact-icon{ gap: 4px !important; } .call-action-one .call-action-content .call-action-btn .primary-btn{ font-size: 15px !important; padding: 17px 15px !important; } .prop-multiProjects.cid-qBK2ZYNhQk .mbr-gallery-item{ position: static !important; } .prop-multiProjects.cid-qBK2ZYNhQk .mbr-gallery-item img{ height: 190px !important; } .prop-multiProjects.cid-qBK2ZYNhQk .mbr-gallery-row{ height: auto !important; } .client-container .swiper-pagination{ width: 89%; left: 48px; bottom: -20px; } #middle-header .navbar-brand img{ max-height: 50px; } .client-container .slide .quote-icon{ font-size: 18rem; top: 15px; } .buy-sell-property-text .section-heading, .buy-sell-property-text .column-para{ color: #000 !important; } .dream-property-column:nth-child(2n){ border-right: 1px solid var(--primary-color) !important; } .dream-property-column .column-heading{ font-size: 1.4rem !important; } .icon_size i{ font-size: 40px !important; } .our-clients-container{ grid-template-columns: repeat(4, 1fr) !important; } .dream-property-column:last-child{ border-right: 0 !important; } .real-estate-news-column figure{ height: 19rem !important; } .real-estate-news-column-content a{ font-size: 14px !important; padding: 6px 10px !important; } .get-started-propkonnect .section-heading span{ font-size: 4rem !important; } #middle-header .navbar-brand img{ max-height: 50px !important; } .navbar-toggler i{ font-size: 25px !important; } .consulting-testimonial .consulting-testimonial-excerpt p{ letter-spacing: normal; } .faq .accordion .card .card-body{ padding-left: 72px; padding-right: 21px; padding-bottom: 23px; line-height: 22px; } .faq .accordion .card .card-header h5 button{ font-size: 16px; } .style_2 .homeItem_right{ text-align: left; } .category-group .social_heading.section-heading{ font-size: 2.4rem !important; } .item-wrapper a.items{ margin: 0 !important; padding: 0 !important; border: none !important; } #gallery2-4 .mbr-gallery-item{ position: static !important; width: 49% !important; } .product-contact{ min-height: auto; } .cid-qBK2ZYNhQk .mbr-gallery-row{ height: auto !important; } .blog-details-desc p, .blog-details-desc ul li, .blog-details-desc ol li{ font-size: 15px !important; } .blog-details-desc .article-image img{ max-height: 350px; min-height: 250px; } .social_heading.section-heading.widget-title-new{ font-size: 2.5rem !important; } #blogDetail p{ max-width: 80%; margin: auto; } .desp-details{ padding-top: 25px; } .review-app .section-heading{ font-size: 2.2rem !important; } .review-app .single-breadcrumb h3 { padding: 6rem 0 14rem 0 !important; font-size: 2rem !important; } #rev .btn{ font-size: 1.5rem !important; padding: 6px 0 !important; } .social-btns1 a{ padding: 5px; } #rev .social-img{ width: 80px; height: 80px; padding: 16px; } #design-2 .social-img, #design-3 .social-img{ padding: 0; } section#main_cat .social-btns1{ gap: 1.4rem; } .review-app .social-head{ margin-bottom: 4px; } .container2 .our-clients-container, #testimonial-sec { padding: 0; } .review-app .homeItem_right s{ display: none; } .our-clients-logo{ padding: 0; } .no-found-container{ margin: 50px auto; } .no-found{ max-width: 50%; } .no-found-container h2{ font-size: 3.5rem; } .terms_page{ display: flex; align-items: center; } .team-container{ background: transparent; } } .our-clients-content .column-heading{ font-weight: 600; text-transform: capitalize; } #rev .btn{ font-size: 1.4rem !important; padding: 8px 0 !important; line-height: 1; } #rev .modal-footer .btn{ padding: 7px !important; } .addIcon i{ font-size: 17px !important; } #loadmore{ border: transparent; color: #fff; background-color: #00a0e3; padding: 13px 34px; border-radius: 24px; text-transform: uppercase; } .php-pagination{ width: auto; margin: 25px auto; } #catg-sec>* { padding: 5px; border: 1px solid #ddd; border-radius: 7px; display: flex; justify-content: center; } #catg-sec .col-lg-1 { -ms-flex: 0 0 7.333333%; flex: 0 0 7.333333%; max-width: 7.333333%; } .categ #catg-sec { gap: 13px; margin-top: 5px; justify-content: center; } .categ #catg-sec > div:last-child { /* padding: 0 !important;*/ border: none; max-width: 7.333333%; flex:0 0 7.333333%; background: #00a0e3; } .categ.category-sec #catg-sec > div:last-child { padding: 5px; border: 1px solid #ddd; border-radius: 7px; display: flex; justify-content: center; background: transparent; max-width: 0 0 7.333333%; flex:0 0 7.333333%; }/* .categ #catg-sec > div:last-child .categ-item{ padding: 30px 9px; }*/ .categ.category-sec #catg-sec > div:last-child .categ-item{ padding: 0; } #terms.breadcrumb-list, #privacy.breadcrumb-list{ margin-bottom: 0; } @media (min-width:1499px){ .categ #catg-sec > div:last-child .categ-item{ padding: 0px 16%; } } @media (max-width: 767px) { .categ #catg-sec { gap: 7px; margin-top: 18px; justify-content: center; } #browse-cat .styled-heading p, .categ .styled-heading p, #browse-users .styled-heading p{ margin-top: 7px; } .no-found-container{ margin: 50px auto; } .no-found{ max-width: 90%; } .no-found-container h2{ font-size: 3.5rem; } .terms_page{ display: flex; align-items: center; } .feature_area .section-heading{ margin-bottom: 13px !important; } .header-right .custom-btn i, .create_profile i{ font-size: 1rem !important; } .slider-banner .custom-btn{ padding: 1rem; font-size: 1.2rem; } } .categ-name{ max-width: 100px; } .section-heading.mainpage-title{ font-size: 3rem; margin-bottom: 2.2rem; } #browse-cat .section-heading.mainpage-title{ margin-bottom: 0.6rem; } #intro-sec .heading1 h2{ margin-bottom: 1rem; } #intro-sec .heading1 p{ margin:0; } .contact_heading{ font-size: 2.5rem; /* margin-top: 20px;*/ margin-bottom: 6px; } @media (min-width:1400px){ .footer-container .row > .footer-menu:first-child{ padding-left: 0; } } .product-blog .blogcard h4{ color: #000; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .product-blog.blog-grid .blogcard-body p{ display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: #111; margin-bottom: 10px; font-weight: 400; } .product-blog.blog-grid .blogcard-header img { border-radius: 7px; height: 240px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .product-blog-detail .blog-details-desc .article-image img{ max-height: 556px; width: 100%; } .main-body1 .blog-details-desc .article-info-item .info-content{ background: #efedf0; color: #000; font-size: 1.6rem; } @media (max-width: 767px) { #catg-sec>* { padding: 5px; border: 1px solid #ddd; border-radius: 7px; /* margin: 5px; */ } #catg-sec .col-3 { -ms-flex: 0 0 23%; flex: 0 0 23%; max-width: 23%; } img.shopLogo{ max-height: 38px; } .download_btn_area .btn-info{ border-radius: 5px; padding: 7px 18px; } .categ #catg-sec > div:last-child { padding: 0 !important; border: none; max-width: 23%; flex: 0 0 23%; } .categ #catg-sec > div:last-child .categ-item{ /* padding: 10px;*/ } #browse-cat .styled-heading p, .categ .styled-heading p, #browse-users .styled-heading p{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .slide-container .prev, .slide-container .next{ margin-top: -29px; padding: 16px 8px; font-size: 17px; } #category-part{ margin-top: 42px; } .categ.category-sec #catg-sec{ padding: 0 15px; } .categ-name{ max-width: 75px; } #loadmore{ border-radius: 9px; padding: 9px 17px; font-size: 1.2rem; } .php-pagination{ margin: 7px auto 15px; } #site-feature .feature-item p{ display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #site-feature .feat-head{ font-size: 1.6rem; } #site-feature .row, #industry-sec .row.mt-50{ gap: 18px; padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } #site-feature .row>*{ max-width: 47%; padding: 0; } #industry-sec .row.mt-50>*{ max-width: 29%; padding: 0; } #industry-sec .card-offer-style-2 .card-offer { gap: 10px; } #rev .btn.media-btn{ font-size: 1.1rem !important; } .search-container{ padding: 0 10px; } .section-heading.mainpage-title{ font-size: 1.8rem; margin-bottom: 0; max-width: 78%; margin-left: auto; margin-right: auto; } #browse-cat .section-heading.mainpage-title{ margin-bottom: -10px; } .categ #catg-sec, .search-container{ margin-top: 15px; } .readmore{ font-size:1.4rem; } .another-box{ margin-right: 0; } .social-head .section-heading{ font-size: 2rem; } .social_heading.section-heading { font-size: 1.7rem; /* border-bottom: 2px solid #0478a7;*/ display: inline-block; padding-bottom: 3px; margin-bottom: 2px; } .social-head{ margin-bottom: 3px; } #testimonial-sec{ margin-top: 0; } #enquiryProductModal .form-control{ min-height: 2.5em !important; } .item_about_us::before { height: 2rem !important; } .how-we-are .section-heading{ margin: 0.5rem 0; } .real-estate-simpli-item .column-heading{ font-size: 1.5rem; margin-bottom: 0.5rem; } .real-estate-simpli-item .column-para{ margin-bottom: 0; } .real-estate-simpli-item{ padding: 2.5rem; } .custom-btn{ font-size: 1.1rem; padding: 0.3rem 0.8rem; } .real-estate-simplified, .property-location-banner, .dream-property, .our-clients, .top-projects-month, .recent-projects-section, .testimonial-section, .real-estate-news, .get-started-propkonnect, .prop-multiProjects, .buy-sell-property, .call-action-one{ padding: 4rem 0; } .get-started-propkonnect{ padding-bottom: 1rem; } .prop-multiProjects.cid-qBK2ZYNhQk{ padding: 4rem 0 !important; } .logo .navbar-brand{ max-width: 11rem !important; min-width: 10rem !important; } #user-sec.business-container.container{ padding: 5px 0 !important; } #user-sec .slick-prev{ left: 0; z-index: 1; } #user-sec .slick-next{ right: 0; z-index: 1; } .featured-place-wrap .category-part img { filter: invert(50%) sepia(100%) saturate(600%) hue-rotate(170deg) !important; } .user_login_header.sgnup{ padding: 0; } .top-projects-month .row.g-4>*, .recent-projects-section .row.g-4>*{ max-width: 50%; } .top-projects-month-column{ flex-direction: column; } .top-projects-month-column figure{ height: 10rem !important; } .top-projects-month-column .published-name{ font-size: 1.2rem; } .top-pro-month-column-text-top-left .column-heading{ font-size: 1.5rem !important; } .top-pro-month-column-text-top-left .column-heading>a{ word-break: break-word; } .copyright-container{ margin-bottom: 51px; padding: 2rem 0 !important; } .whatsapp-pulse{ right: 0px; bottom: 52px !important; } .product-blog-detail .blog-details-desc .article-image img{ max-height: auto; min-height: auto; } .main-body1 .blog-details-desc .article-info-item .info-content{ font-size: 1.4rem; } } @media(min-width:768px) and (max-width:1180px){ #site-feature .feat-head{ font-size: 1.6rem; } #site-feature .feature-item p{ display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #site-feature .feat-img{ width: 60px; height: 60px; } #site-feature .row, #industry-sec .row.mt-50{ gap: 18px; padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } #site-feature .row>*{ max-width: 23%; padding: 0; } #industry-sec .row.mt-50>*{ max-width: 23%; padding: 0; } #industry-sec .card-offer-style-2 .card-offer { gap: 10px; } #industry-sec .card-offer{ margin-bottom: 0 !important; padding: 15px; } #industry-sec .social-media.personal h4{ font-size: 15px !important; min-height: 35px; } .features-content p{ letter-spacing: normal; } #accordion-style-1 .btn-link{ font-size: 15px; } #accordion-style-1 .card{ font-size: 1.3rem; } #site-feature{ margin: 8px 0 20px; } #industry-sec{ padding: 23px 0; } .slider-screen main{ padding: 10px 20px 40px; } #client-feedback{ padding: 0; margin-bottom: 25px; } #catg-sec .col-lg-1, #catg-sec > div:last-child.col-lg-1{ flex: 0 0 10.333333%; max-width: 10.333333%; } .categ-name{ max-width: 75px; font-size: 10px; } .categ #catg-sec > div:last-child .categ-item { padding: 10px 20px; } .categ-item h3{ font-size: 13px; } .featured-place-wrap{ margin-bottom: 20px; } .section-heading.mainpage-title{ font-size: 2.6rem; margin-bottom: 0.8rem; } #browse-cat .section-heading.mainpage-title{ margin-bottom: -0.4rem; padding-top: 15px; } .categ #catg-sec, .search-container{ margin-top: 5px; } #browse-users { padding-top: 15px !important; } } @media(min-width:1181px) and (max-width:1400px){ .categ-name{ max-width: 90px; } .contact-item p{ white-space: nowrap; } .social-head .section-heading, .social_heading.section-heading{ font-size: 2rem; } p.site_info, .left_footer ul li a{ font-size: 18px !important; } } #main-page section:nth-child(odd):last-of-type ~ footer > .discover-dream-property { background-color: #f5f5f5; } a.seeMore_link{ color: #000; font-weight: 600; } html{ font-size: 10px !important; } .btn, .modal-title{ font-size: 1.5rem; } .modal-title{ font-weight: 600; font-size: 2rem; } .modal-header .close{ font-size: 3rem; } .full-slider-banner .item{ max-height: none; } .about-list{ margin-top: 5px; } @media(max-width:1180px){ .navbar-collapse{ margin:0; padding:0; } #rev .single-listing-summary2 .media figure{ z-index:5; } #qrcode{ padding-bottom: 60px; } .about-list{ margin: 5px 0 15px; } } @media (min-width:1181px){ .footer-menu:last-child{ text-align: center; } } .modal-body ul li{ font-size: 1.5rem; } /*new contact page*/ .product-contact .breadcrumb-list{ margin-bottom: 0; } .contact_det{ background-color: #f8f8f8; padding: 80px 0; } .product-contact .form-control{ background: #fff; } .contact_line { font-size: 1.4rem; margin-bottom: 2rem; } .contact_det .theme_5 .contact_top{ background-color: transparent; padding: 0; border-color: transparent; } .contact_det form#home_contact{ border-color: transparent !important; padding-bottom: 5%; } .theme_5 .contact_top_content .single_contact_top{ background-color: #fff; padding: 4%; border-radius: 12px; } .contact_map{ text-align: center; padding: 80px 0; } .contact_map_heading .section-heading{ font-size: 3rem; margin-bottom: 6px; } .map_box{ height: 400px; } .contacts_area .form-control::placeholder{ text-transform: capitalize; } .product-blog .blogcard-header { position: relative; } .product-blog.blog-grid .blogcard-body{ padding: 18px; } .product-blog.blog-grid .blogcard{ /* border: 1px solid #f2f2f2;*/ box-shadow: 0 0 9px #e3e3e3; border-radius: 7px; } .blog_category, .product-blog.blog-grid .tag { position: absolute; top: 0px; right: 10px; background: #00000094; color: #fff; padding: 4px 12px; font-size: 12px; font-weight: 600; border-radius: 6px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; line-height: 2; } @media (max-width:767px){ .contact_det, .contact_map{ padding: 35px 0; } .contacts_area input.form-control, .contacts_area textarea.form-control{ font-size: 1.2rem; } .contact_heading { font-size: 2rem; margin-top: 15px; } .contact_map_heading .section-heading{ font-size: 2rem; } .map_box{ height: 200px; } .contact_line { margin-bottom: 20px; font-size: 11px !important; } .product-contact .form_fields{ display: block; } .product-contact .form-control{ min-height: 3em; } .blog_category{ bottom: 4px; left: 4px; padding: 0px 6px; font-size: 10px; } .product-blog.blog-grid .blogcard-body p{ margin: 2px 0; } .product-blog .blogcard-body a{ display: inline-block; max-width: 100%; } .product-blog.blog-grid { margin-bottom: 18px; } .bottom_down h4{ margin-bottom: 0; } .readmore{ font-size: 1.4rem !important; padding: 0 !important; } figure.icon_size{ font-size: small !important; } } #middle-header .create_profile:hover{ background-color: #000; color: #fff !important; } #middle-header .create_profile:hover i{ color: #fff; } .scan_pic_ins { max-width: 70%; } @media (min-width:768px) and (max-width:1180px){ .contact_heading{ font-size: 2rem !important; margin: 6px 0; } .bottom_down h4{ font-size: 15px !important; margin-bottom: 4px; } .theme_5 .contact_top_content .single_contact_top{ padding: 6% 4%; } .contacts_area input.form-control{ font-size: 1.2rem; min-height: 3em; } .contacts_area textarea.form-control{ font-size: 1.2rem; min-height: 3em; } .contact_det .theme_5 .contact_top{ gap: 20px !important; } .map_box{ height: 250px; } .contact_det, .contact_map{ padding: 50px 0; } .blog-grid .blogcard-header img { height: 160px !important; } .blog_category{ padding: 2px 5px; line-height: 1.8; bottom: 5px; left: 5px; } .blogcard-body .custom-btn{ padding: 0.7rem 1rem; font-size: 1.2rem; } .table thead .filters th{ font-size: 12px; } .filter-sidebar .value-display{ font-size: 11px; } } /*qr code for make payment*/ .pay-qr-card { /* background: linear-gradient(135deg, #59d4ff, #4b70ff);*/ /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);*/ /* padding: 30px 20px;*/ border: 1px solid #f2f2f2; color: #111; border-radius: 12px; text-align: center; overflow: hidden; } .pay-qr-card .top-text { font-size: 18px; font-weight: 500; margin-bottom: 15px; } .pay-qr-card .profile-img { width: 70px; height: 70px; border-radius: 50%; border: 1px solid #ccc; object-fit: cover; margin: 0 auto 8px; } .pay-qr-card .name { font-size: 18px; font-weight: 500; } .pay-qr-card .upper-half, .pay-qr-card .bottom-half, .pay-qr-card .middle-half{ width: 33%; } .pay-qr-card .phone_detail { font-size: 14px; opacity: 0.9; margin-bottom: 0spx; } .pay-qr-card .pay-btn { background: #4b70ffd4; color: #fff; border: none; border-radius: 20px; padding: 10px 20px; font-weight: 600; font-size: 1.2rem; margin-bottom: 5px; margin-top: 10px; cursor: pointer; } .pay-qr-card .upi_box{ color: #171717; padding: 10px 0 0; margin-bottom: 0px; font-weight: 600; font-size: 1.5rem; } .pay-qr-card .qr-section { background: #fff; border-radius: 20px; padding: 20px; margin-top: 10px; position: relative; align-items: center; display: flex; } .pay-qr-card .qr-instruction { color: #333; font-size: 14px; margin: 12px 0 0; } .pay-qr-card .qr-box { width: 150px; height: 150px; margin: 0 auto; position: relative; } .pay-qr-card .qr-box img { width: 100%; height: 100%; padding: 12px; border-radius: 10px; display: block; } /* Four scanner corners */ .pay-qr-card .corner { position: absolute; width: 30px; height: 30px; border: 3px solid #4b70ff; } .pay-qr-card .corner.tl { top: 0; left: 0; border-right: none; border-bottom: none; } .pay-qr-card .corner.tr { top: 0; right: 0; border-left: none; border-bottom: none; } .pay-qr-card .corner.bl { bottom: 0; left: 0; border-right: none; border-top: none; } .pay-qr-card .corner.br { bottom: 0; right: 0; border-left: none; border-top: none; } .product-blog-detail .icon-img{ max-height: 60px; } @media(max-width:767px){ .pay-qr-card .qr-section{ flex-direction: column; } .upper-half{ display: none; } .pay-qr-card .upper-half, .pay-qr-card .bottom-half, .pay-qr-card .middle-half{ width: 100%; } .profile-info{ display: flex; gap: 10px; align-items: center; justify-content: center; } .profile-content{ display: flex; flex-direction: column; align-items: flex-start; } .pay-qr-card .pay-btn{ padding: 6px 15px; } .pay-qr-card .upi_box{ padding: 10px 0; } .pay-qr-card .profile-img{ width: 50px; height:50px; margin: 0; } .product-blog-detail .business-container{ padding: 0 15px; } .real-estate-news-column-content .column-heading{ min-height: auto; font-size: 1.6rem; margin-bottom: 5px; } } .custom-btn:active, .custom-btn.active{ color: #fff !important; } .slide-text { background: #00000094; padding: 15px 30px; border-radius: 12px; } .user_login_header .heading{ background: #f3f3f3; font-style: italic; padding: 5px; } @media(min-width:1600px){ .product-blog.blog-grid .blogcard-header img{ height: 264px; } .catTop{ height: 140px; } } /* new sidebar */ .mobile-only { display: none; } @media (max-width: 768px) { .mobile-only { display: block; width: auto; margin: 10px auto 15px; background-color: #00a0e3 !important; font-size: 13px; border-radius: 5px; padding: 2px 7px; border-color: #00a0e3 !important; } .mobile-only i{ margin-right: 5px; } .mbr-gallery-row{ grid-template-columns: repeat(auto-fit, minmax(370px, 1fr)) !important; } .how-we-are p{ padding-right: 0; } .mbr-gallery .icon-focus, .mbr-gallery .icon-video{ top: calc(50% - 9px); left: calc(50% - 12px); font-size: 2rem !important; } .top-projects-month-column-text .column-para {display: none;} .recent-projects-navTabs .nav-link{ font-size: 1.2rem; } .filter-sidebar button#reset-btn{ width: 100%; } /* Sidebar Styles */ .filter-sidebar { position: fixed; top: 0; right: -100%; width: 65%; max-width: 300px; height: 100%; background-color: #fff; z-index: 1000; overflow-y: auto; padding: 15px; box-shadow: -2px 0 8px rgba(0,0,0,0.2); transition: right 0.3s ease-in-out; } .filter-sidebar.open { right: 0; } .real-estate-news .row.g-4.g-xl-5{ flex-wrap: nowrap; overflow-x: auto; } .real-estate-news .row.g-4.g-xl-5>*{ max-width: 80%; } .real-estate-news-column figure{ height: 16rem; } } @media (min-width: 769px) { .close-fil { display: none !important; } .filter-sidebar .table thead .filters{ flex-direction: row; padding: 10px 0; } .last-btn-group { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; } } #main-page .cartFloatingIcon.menuStyle ul, .cartFloatingIcon.menuStyle ul{ margin-bottom: 0 !important; } .social_heading.section-heading{ position: relative; padding-bottom: 8px; margin-bottom: 12px; } .social_heading.section-heading:before { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 40px; background-color: #111; } .social_heading.section-heading:after { content: ""; position: absolute; left: 0; bottom: 2px; height: 1px; width: 100%; max-width: 100px; background-color: #333; } @media (max-width:1180px){ .social_heading.section-heading{ margin-bottom: 2px; } .social_heading.section-heading:before{ width: 30px; } .social_heading.section-heading:after{ width: 80px; } } @media (min-width:1181px) and (max-width:1599px){ .full-slider-text-row{ padding: 11rem 5rem; } } .full-slider-text-row .section-heading { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .full-slider-text-row .section-subHeading { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .full-slider-text-row p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }