@import url('https://fonts.googleapis.com/css2?family=Bitter&family=Poppins&display=swap'); body{ margin: 0 auto; padding: 0; scroll-behavior: smooth; font-family: 'Bitter', serif; background-color: bisque; /*font-family: 'Poppins', sans-serif; */ } .bg_banner{ background-image: url('../images/banner.jpg'); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; height: 400px; } .navmenu{ background-color: #000000; opacity: 0.9; } ÿog?? background-color: white; } .navcol1, .navcol2, .navcol3,.navcol5{ color: #ffffff; font-weight:bolder; font-size: 15px; text-align: center; } .colname{ text-align: right; } .msg{ position: relative; background-color: white; } .icons{ text-align: center; height: 60px; } .btnchg:hover{ background-color: white; color: black; } .bring, .bring1{ font-size: 22px; font-weight: bold; } .bring1{ color: #7f0824; } .divider{ height: 3px; width: 40px; background-color: #7f0824; margin-top: 10px; margin-bottom: 10px; } .cap1{ font-weight: bold; } .msg{ background-color: bisque; } .about{ color: #7f0824; text-align: center; font-size: 25px; justify-content: center; } .about1{ font-size: 15px; line-height: 37px; text-align: justify; } .logo img{ height: 54px; } .btnchg{ font-size: 14px; color: #fff; } .background_black{ background-color: black; color: white; padding: 10px; } .blink_me { animation: blinker 1s linear infinite; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; color:red; } .follow{ color: red; font-size: 17px; } .follows{ background-color: #760322; color:white; font-size: 18px; } .fa-green{ color: blue; } .padd-top{ padding-top: 10px; padding-bottom: 10px; font-size: 20px; } .font_17{ font-size: 17px; } .font_13{ font-size: 13px; } .top_over_content{ margin-top: -99px; } .btnchg:hover{ color:white !important; } @keyframes blinker { 50% { opacity: 0; } } .select_search{ background: #0a0702; padding: 10px 10px; color: white; } .padding_zero{ padding: 0px; } .bring_head{ padding-top:14px; padding-bottom: 14px; } .margin_zero{ margin: 0 auto; } .about_title{ font-size: 25px; justify-content: center; } .ser_list{ font-size: 15px; font-style: italic; font-weight: bold; } .box_shadow{ box-shadow: 0px 0px 20px 0px black; } .reg-form{ width: 100%; /* padding-top: 6px; padding-right:12px ; padding-left: 12px; padding-bottom: 6px; */ } .reg{ border-top:3px solid #760322; box-shadow: 0px 0px 10px 0px black; } #nameErr, #userErr, #contactErr, #profileErr{ color: red; } .border_radius{ border-radius: 10px; } .font_14{ font-size: 14px; } .submit_right{ float: right; /* right: 17px; */ margin-right: 4%; } .width_20{ width: 200px; height: 200px; } .mobile_none{ display: none; } ul { list-style-type: none; } li > a{ text-decoration: none; } .pagination > ul { display: flex; } .pagination > ul > li{ margin-right: 5px; } .pagination{ margin: 0 auto; width: 30%; } .pagination li > a { color:black; } .pagination > ul > li { border: 1px solid black; padding: 5px; } .active > a { color:blue !important; } .disabled > a{ pointer-events: none; cursor: default; text-decoration: none; color: red !important; } .innersearch{ font-size: 15px; } .pad_top{ padding-top: 10px; } .padding_bottom{ padding-bottom: 20px; } .color_blue{ font-weight: bold; } .searchWrapper{ background: #fff; margin: 10px; padding-top: 16px; box-shadow:0 5px 10px rgba(0,0,0,0.1); border-radius:15px; } .searchWrapper img{ border:15px solid #ffffff; box-shadow:0 5px 10px rgba(0,0,0,0.1); border-radius:10px; } .searchWrapper div { /* text-align: left; */ padding-left: 10px; font-size: 14px; } @media (min-width: 601px) and (max-width: 1200px) { .mobile_none{ display: block; overflow: auto; } .desktop_block{ display: none !important; } .mobile_center{ text-align: center !important; display: block !important; margin-top: 11px; } } @media (min-width: 320px) and (max-width: 600px) { .navcol1, .navcol2, .navcol3, .navcol5{ width: 100%; } .bg_banner{ background-image: none; } .icons{ justify-content: center; height: auto; } .row{ margin:0px; } .d-inline { font-size: 14px; width: 50%; display: block !important; float: left; } .txt_reponsive{ text-align: left !important; } .mobile_none{ display: block; overflow: auto; } .desktop_block{ display: none !important; } } @media (min-width: 320px) and (max-width: 421px) { .pagination{ margin:1px; } .pagination li > a { color: black; font-size: 10px; } } @media (min-width: 422px) and (max-width: 620px) { .pagination{ margin:1px; } } @media (min-width: 621px) and (max-width: 920px) { } @media (min-width: 921px) and (max-width: 1200x) { } @media (min-width: 1201px) and (max-width: 1414x) { }