* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Lato:wght@400;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&family=Roboto:wght@400;500;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text&display=swap');
#loginPage .loginWrapper .loginPage_right .logo_btn_wrapper {
  padding: 20px 40px 0px 40px;
  gap: 24px;
}

.ppopop {
  padding: 50px;
}

#myProfile_Inbox .inbox_filter .filterBtn:hover {
  background: #C5E2FA;
}

#loginPage .loginWrapper .loginPage_right .logo_btn_wrapper button {
  border: 1px solid #1A73E9;
  color: #1A73E9;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  background: #ecf7ff;
  font-size: 14px;
  margin-left: 10px;
  padding: 8px 24px;
  font-weight: 400;
  transition: background-color 0.3s ease, color 0.3s ease;
  border-radius: 60px !important;
}

#loginPage .loginWrapper .loginPage_right .logo_btn_wrapper button:hover {
  background: #efefef;

}

#loginPage .loginPage_left img {
  width: 100%;
  /* height: 100vh; */
}

#loginPage .loginPage_right .loginFormWrapper {
  padding: 48px 200px;
}

#loginPage .loginPage_right .loginFormWrapper .single_label {
  display: block;
}

#loginPage .loginPage_right .loginFormWrapper .loginBtn {
  padding: 10px 24px;
  margin: 20px 0px;
  border: none;
}

#loginPage .loginPage_right .loginFormWrapper .loginBtn a span {
  color: var(--text-on-image-strong, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.032px;
}

a {
  text-decoration: none !important;
}

#loginPage .loginPage_right .loginFormWrapper .loginWithGoogleBtn {
  width: 100%;
  border-radius: 4px;
  padding: 16px 32px;
  background-color: transparent;
  border: 1px solid #1A73E9;
  color: #1A73E9;
  font-size: 16px;
  font-weight: 500;
}

#loginPage .loginPage_right .loginFormWrapper .loginWithGoogleBtn span {
  padding: 0px 0px 0px 10px;
}

#loginPage .loginPage_right .loginFormWrapper .input_field {
  width: 100%;
  padding: 12px;
  border-radius: var(--Corner-xs, 4px);
  border: 1px solid var(--surface-line-color, #e8ecf0);
  color: #202020;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  outline: none !important;
}

#loginPage .loginPage_right .loginFormWrapper .password_label_wrapper {
  align-items: center;
}

#loginPage .loginPage_right .loginFormWrapper .head1 {
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -1.08px;
}

#loginPage .loginPage_right .loginFormWrapper .para1 {
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#loginPage .loginPage_right .loginFormWrapper .single_label span {
  color: #23272A;
  font-weight: 500;
  font-size: 16px;
}

#loginPage .loginPage_right .loginFormWrapper .forgot_pass_text {
  color: #1A73E9 !important;
  font-weight: 500;
  margin: 10px 0px;
  font-size: 14px;
}

.sign_last_para {
  padding: 21px 14px;
}

.sign_last_para p {
  color: var(--text-substitle, #777);
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* forgot page  */
#forgotPassword .forgotPasswordWrapper {
  padding: 50px;
}

#forgotPassword .btn_123456 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 50px;
}

#forgotPassword .btn_123456 label span {
  color: var(--text-default, #23272A);
  font-family: Inter;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#forgotPassword .btn_123456 input {
  width: 100%;
  border-radius: var(--Corner-xs, 4px);
  border: 1px solid var(--surface-line-color, #e8ecf0);
  display: flex;
  padding: 15px;
  outline: none;
}

#forgotPassword .details_forget {
  border-radius: 8px;
  border: 1px solid var(--surface-line-color, #e8ecf0);
  background: var(--text-on-image-strong, #fff);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 25px;
}

#forgotPassword .details_forget button {
  border-radius: 4px;
  background: #1A73E9;
  border: none;
  width: 100%;
  padding: 18px;
  margin: 30px 0px 0px;
}

#forgotPassword .details_forget button span {
  color: var(--text-on-image-strong, #fff);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.032px;
}

#forgotPassword .system {
  padding: 0px 0px 50px 0px;
}

#forgotPassword .btnWrapper button {
  border-radius: var(--Spacing-xs, 8px);
  border: 1.5px solid var(--text-substitle, #777);
  padding: 10px;
  background-color: white;
}

/* inbox page  */
#myProfile_Inbox .Navbar {
  border-bottom: 1px solid #e8ecf0;
  padding: 8px 20px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 11111;
  background: #fff;
}

#myProfile_Inbox .Navbar .profile {
  cursor: pointer;
  height: 36px;
  border-radius: 50%;
  width: 36px;
  border: none;
}

.inbox_date_container img {
  width: 24px;
}

#myProfile_Inbox .navItem_container {
  padding: 12px 0px;
  /* box-shadow: 0px 16px 15px #f3f3f3; */
}

#myProfile_Inbox .navItem_container {
  padding: 12px 0px;
  /* box-shadow: 0px 16px 15px #f3f3f3; */
  position: fixed;
  height: 100%;
  background: #fff;
  border-right: 1px solid #e8ecf0;
  width: 12%;
}

#myProfile_Inbox .AllnavItems {
  display: flex;
  /* gap: 42px; */
  align-items: baseline;
  flex-direction: column;
  margin-top: 64px;
  /* border-bottom: 1px solid #dcdcdc; */
}

main#mank1 div {
  width: 100%;
}

#myProfile_Inbox .navItem_text {
  color: var(--text-strong, #23272A);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#myProfile_Inbox .navItem_text:hover {
  color: var(--buttons-button-hover, #1A73E9);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#myProfile_Inbox .InboxeData_Container {
  padding: 24px 0px 0px 40px;
  height: 100vh;
}

#myProfile_Inbox .inbox_filter {
  display: flex;
  gap: 17px;
  /* margin: 0px 16px; */
  align-items: center;
}

#myProfile_Inbox .inbox_filter .inbox_text {
  margin: 10px 0px;
  color: #1a73e9;
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

#myProfile_Inbox .inbox_filter .filterBtn {
  padding: 4px 14px;
  border-radius: 30px;
  border: none;
  font-weight: 500;
  font-size: 14px;
  color: #23272A;
  background: #e8f5ff;
  border: 1px solid #1a73e9;
}

#myProfile_Inbox .allInbox_Detail_Container {
  margin: 12px 0px;
}

#myProfile_Inbox .singleInbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* #myProfile_Inbox .singleInbox:hover {
  background: linear-gradient(to right, #ffffff, #ffffff2e);
} */

#myProfile_Inbox .singleInbox .inbox_left {
  justify-content: left;
  width: 90%;
  display: flex;
  gap: 20px;
}

.inbox_left p {
  margin-bottom: 6px;
}

#myProfile_Inbox .singleInbox .inbox_left .inbox_img {
  border-radius: 12px;
  width: 16%;
  height: 50%;
}

#myProfile_Inbox .inbox_heading {
  color: #23272A;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#myProfile_Inbox .inbox_subHeading {
  color: #777777;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 100%;
}

#myProfile_Inbox .inbox_date_container span {
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#myProfile_Inbox .inbox_right555 {
  display: flex;
  gap: 16px;
  align-items: center;
}

#myProfile_Inbox .inbox_viewBtn {
  display: inline-block;
  transition: background-color 0.3s ease, color 0.3s ease;
  color: var(--buttons-button-hover, #1A73E9);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  padding: 9px 20px;
  letter-spacing: -0.032px;
  background-color: #e8f5ff;
  border-radius: var(--Spacing-xl, 32px);
  border: 1px solid var(--buttons-button-hover, #1A73E9);
  cursor: pointer !important;
}

#myProfile_Inbox .gonewpage {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

#myProfile_Inbox .gonewpage button {
  border-radius: var(--Spacing-xs, 50px);
  background: #1A73E9;
  border: none;
  padding: 12px 24px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

#myProfile_Inbox .gonewpage button:hover {
  background: #1A73E9;
}

#myProfile_Inbox .gonewpage button span {
  color: var(--text-on-image-strong, #fff);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.032px;
}

/* my profile page  */
#myProfile .myProfileData_Container {
  padding: 12px;
}

#myProfile .photo_name_container {
  /* display: flex;
  align-items: center;
  justify-content: start; */
  /* margin-top: 42px; */
}

#myProfile .upload_pic_container {
  display: flex;
  align-items: center;
  border-right: 1px solid #e8ecf0;
  width: 30%;
}

#myProfile .upload_remove_picContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 23px;
}

#myProfile .upload_remove_picContainer input {
  width: 133px;
  padding: 10px 0px 10px 0px;
  color: #1A73E9;
  border: 1px solid #1A73E9;
  background-color: transparent;
  font-weight: 500;
  border-radius: 4px;
  text-align: center;
}

#myProfile .upload_remove_picContainer p {
  color: #fb5252;
  font-weight: 500;
  margin-top: 5px;
}

#myProfile .myProfile_text {
  color: #1a73e9;
  font-family: Inter;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

#myProfile .userName_Text {
  padding: 30px;
  color: var(--text-strong, #23272A);
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

#myProfile .all_userData_container {
  margin-top: 16px;
}

#myProfile .all_userData_container .single_input_wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-sm, 12px);
}

#myProfile .single_input_wrapper .input_field {
  width: 100%;
  padding: 16px 20px;
  border-radius: var(--Corner-xs, 4px);
  border: 1px solid var(--surface-line-color, #e8ecf0);
}

#myProfile .newspace {
  margin-top: 20px;
}

#myProfile .single_input_wrapper .input_label {
  color: var(--text-default, #23272A);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

#myProfile .buttons_wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 50px 10px;
}

input.input_field {
  width: 100%;
  padding: 18px 10px;
  border-radius: var(--Corner-xs, 4px);
  border: 1px solid var(--surface-line-color, #e8ecf0);
}

#myProfile .buttons_wrapper .deleteBtn {
  border: 1px solid #fb5252;
  line-height: 30px;
  padding: 8px 20px;
  font-weight: 500;
  border-radius: 4px;
  color: #FB5252 !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

#myProfile .buttons_wrapper .deleteBtn:hover {
  background: #fdebeb;
}

#myProfile .buttons_wrapper .cancel_btn {
  border: 1px solid #b7b7b7;
  padding: 8px 20px;
  background-color: transparent;
  color: #b7b7b7;
  font-weight: 500;
  border-radius: 4px;
}

#myProfile .buttons_wrapper .save_btn {
  border: 1px solid #1A73E9;
  border-radius: 4px;
  padding: 10px 30px;
  background-color: transparent;
  color: #1A73E9;
  font-weight: 500;
  transition: background-color 0.3s ease, color 0.3s ease;
}

#myProfile .buttons_wrapper .save_btn:hover {
  background: #1A73E9;
  border: 1px solid #1A73E9;
  color: #fff;
}

/* statics  */
#static .staticData_Container {
  padding: 76px 0px 0px 176px;


}

#static .static_filter {
  display: inline-flex;
  align-items: center;
  gap: var(--Spacing-lg, 24px);
  justify-content: start;
  margin: 0px 16px;
}

#static .dataRangeBtn {
  background-color: #e9eaec;
  border: none;
  padding: 9px 19px;
  border-radius: 20px;
  display: flex;
  gap: 10px;
  width: 156px;
}

#static .dataRangeBtn span {
  color: var(--text-default, #23272A);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.032px;
}

#static .static_filter .static_text {
  color: var(--text-default, #23272A);
  font-family: Inter;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 20px;
}

#static .overall_performance_container {
  border: 1px solid #e8ecf0;
  padding: 20px 20px;
  border-radius: 10px;
  line-height: 16px;
  background: #fff;
}

#static .overall_performance_container .overallPerformance_Text {
  color: #015594;
  font-size: 16px;
  font-weight: 500;
}

#static .overall_performance_container .para {
  color: #777777;
  font-size: 14px;
  font-weight: 400;
}

#static .overall_performance_container .total_view_amount_container {
  display: flex;
  gap: 60px;
  align-items: center;
}

#static .overall_performance_container .total_view_amount_container .total_container .text {
  color: #23272A;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
}

#static .overall_performance_container .total_view_amount_container .total_container .para {
  color: #23272A;
  font-weight: 600;
  font-size: 22px;
}

#static .dayssnowbtn button {
  border-radius: var(--Corner-sm, 8px);
  background: var(--buttons-primary, #1A73E9);
  border: none;
  width: 122px;
  padding: 3px;
  color: white;
}

/* #static .graphContent_container{
    background-image: url(./assets/GraphContent.png);
    width: 100%;
    height: 450px;
    padding: 19px 20px;
    object-fit: cover;
    background-repeat: no-repeat;
    margin-bottom: 50px;
  } */
#static .graphContent_container .heading {
  color: #015594;
  font-size: 16px;
  font-weight: 500;
}

.inbox_text {
  margin: 10px 0px;
  color: #1a73e9;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.graphContent_container {
  border: 1px solid #e8ecf0;
  padding: 20px 20px;
  margin: 10px 0px;
  border-radius: 10px;
  line-height: 15px;
  background: #fff;
}

#static .graphContent_container .btnWrapper .view_btn {
  background-color: #23272A;
  color: white;
  font-weight: 500;
  overflow: hidden;
  font-style: normal;
  border-radius: 5px;
  margin: 0px 10px;
  padding: 3px 10px;
}

#static .graphContent_container .btnWrapper .amount_btn {
  background-color: #e9eaec;
  color: black;
  overflow: hidden;
  font-style: normal;
  border-radius: 5px;
  border: none;
  padding: 5px 10px;
}

/* footer  */

#footerWrapper {
  background-color: #23272A;
  width: 100%;
  padding: 10px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

#footerWrapper .btnWrapper button {
  border-radius: var(--Spacing-xs, 8px);
  border: 1.5px solid var(--text-substitle, #777);
  padding: 6px;
  background-color: white;
}

#footerWrapper .footerContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#footerWrapper .footer_items {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

#footerWrapper .footerContainer .heading {
  color: white;
  padding: 10px 0px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
}

#footerWrapper .footerContainer .item {
  color: #b7b7b7;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 10px;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear;
}

#footerWrapper .footerContainer .item:hover {
  color: #fff
}

#footerWrapper .footerContainer .line {
  width: 100%;
  background-color: #23272A;
  margin: 8px 0px;
  border: 0.2px solid #353a3e;
}

/* Earning */
#Earning {
  padding-bottom: 80px;
}

#Earning .earningWrapper {
  padding: 50px;
}

#Earning .earningWrapper .Earning_heading p {
  color: var(--text-default, #23272A);
  font-family: Inter;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#Earning .earningWrapper2 {
  padding: 76px 0px 0px 176px;
}

.myProfile_text {
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#Earning .earningWrapper2 .info_payment_wrapper {
  display: flex;
  gap: 40px;
}

#Earning .earningWrapper2 .earning_info_container {
  border-radius: var(--Corner-md, 12px);
  background: #faf8f4;
  padding: 20px;
  border: 1px solid #fdcc80;
}

#Earning .earningWrapper2 .earning_info_container .earn_info_text {
  color: var(--text-strong, #23272A);
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#Earning .earningWrapper2 .earning_info_container .earn_para {
  color: var(--text-strong, #23272A);
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0px;
}

#Earning .earningWrapper2 .earning_info_container .earn_para2 {
  color: var(--text-strong, #23272A);
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0px;
  margin-top: 10px;
}

#Earning .addPayment_container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  background: #fff;
  border: 1px solid #e8ecf0;
  border-radius: 12px;
}

#Earning .addPayment_container .addPayment_text {
  color: #015594;
  font-size: 16px;
  font-weight: 500;
}

#Earning .addPayment_container .upi_input {
  width: 100%;
}

#Earning .addPayment_container .upiLabel span {
  color: #015594;
  font-size: 16px;
  font-weight: 500;
}

#Earning .addPayment_container .upi_input .input_form input {
  width: 100%;
  padding: 18px;
  margin: 12px 0px 0px 0px;
  border-radius: var(--Corner-xs, 4px);
  border: 1px solid var(--surface-line-color, #e8ecf0);
}

#Earning .addPayment_container .send_btn {
  background-color: #1A73E9;
  padding: 10px 24px;
  border: none;
  width: fit-content;
  border-radius: 50px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

#Earning .addPayment_container .send_btn:hover {
  background: #1A73E9;
}

#Earning .addPayment_container .send_btn span {
  color: var(--text-on-image-strong, #fff);
  text-align: center;
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.chart_amount {
  display: none !important;
}

.sing {
  display: block !important;
}

.sing1 {
  display: none !important;
}

#countdown {
  position: relative;
  margin: auto;
  margin-top: 100px;
  height: 60px;
  width: 60px;
  text-align: center;
  background-color: #0f62fe;
  border: 1px solid #0f62fe;
  border-radius: 50%;
  box-shadow:
    10px 10px 15px 0 rgba(0, 0, 0, 0.3),
    -10px -10px 15px 0 rgba(255, 255, 255, 0.3);
}

#countdown-number {
  color: white;
  display: inline-block;
  line-height: 40px;
  margin-top: 8px;
}

.header-logo img {
  width: 33%;
}

#countdown svg {
  position: absolute;
  top: 8px;
  right: 0;
  width: 48px;
  height: 51px;
  /* transform: rotateY(-180deg) rotateZ(-90deg); */
}

#countdown svg circle {
  stroke-dasharray: 113px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 2px;
  stroke: white;
  fill: none;
  animation: countdown 25s linear infinite forwards;
}

@keyframes countdown {
  from {
    stroke-dashoffset: 0px;
  }

  to {
    stroke-dashoffset: 113px;
  }
}

/* manish */

/* this is for filter popup */
#myProfile_Inbox .filterPopupWrapper {
  background-color: #ffffff;
  position: absolute;
  width: 256px;
  top: -146px;
  border-radius: 12px;
  border: 1px solid #e8ecf0;
  box-shadow: 2px 4px 12px 2px rgb(0 0 0 / 18%);
  transform: translateY(350px) translateX(70px);
  z-index: 333;
}

#myProfile_Inbox .filterPopupWrapper .popupItem {
  border-bottom: 1px solid #e8ecf0;
  padding: 8px 10px;
  font-size: 14px;
}

/* for data range popup */
#static .static_filter .dataRangePopupWrapper {
  background-color: #ffffff;
  width: 200px;
  border: 1px solid #e8ecf0;
  box-shadow: -2px -1px 13px -3px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  position: absolute;
  display: none;
}

#static .static_filter .dataRangePopupWrapper .dataPopupItem {
  color: #23272A;
  font-weight: 500;
  padding: 10px 0px 0px 20px;
}

/* this is for header popup  */
#myProfile_Inbox .headerPopupWrapper {
     background-color: #ffffff;
    width: 165px;
    border: 1px solid #e8ecf0;
    box-shadow: -2px -1px 13px -3px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    position: absolute;
    display: none;
    right: 0;
    transform: translateX(-45px) translateY(20px);
}

#myProfile_Inbox .headerPopupWrapper .headerPopupItem {
  color: #23272A;
  font-weight: 500;
  padding: 10px 0px 0px 10px;
}

/* 123 */
.addline12 {
  line-height: 45px;
}

/* technology page  */



#inboxDetail {
  position: relative;
}

#inboxDetail .feedback_container {
  /* margin-top: 50px; */
  /* border-radius: 12px;
border: 1px solid var(--surface-line-color, #e8ecf0);
background: var(--surface-backgroud, #F7F7F7);
padding: 30px;
text-align: center; */
}

#inboxDetail .feedback_container .feedback_content {
  flex-direction: column;
  gap: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}


#inboxDetail .feedback_container .feedBack_form .title {
  font-size: 22px;
  font-weight: 500;
  color: #23272A;
  margin-bottom: 4px;
}

#inboxDetail .feedback_container .feedBack_form .question {
  font-size: 15px;
  font-weight: 400;
  color: #777777;
}

#inboxDetail .feedback_container .feedBack_form .submitBtn {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

#inboxDetail .feedback_container .feedBack_form .submitBtn button {
  background-color: #e1e1e1;
  color: white;
  display: flex;
  align-items: center;
  font-size: 17px;
  gap: 2px;
  border: none;
  margin: 20px 0px;
  padding: 10px 24px;
  border-radius: 10px;
}

#inboxDetail .feedback_container .feedBack_form form input {
  background-color: #e9eaec;
  width: 100%;
  padding: 50px 0px;
  border: 2px solid #e8ecf0;
  outline: none;
  border-radius: 15px;
}

#inboxDetail .btnWrappernew {
  display: none;
  margin: auto;
  text-align: center;
  padding: 50px;
}

#inboxDetail .btnWrappernew button {
  border-radius: 50px;
  background: #1A73E9;
  border: none;
  color: white;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  padding: 18px 24px;
  line-height: normal;
  transition: background-color 0.3s ease, color 0.3s ease;
}

#inboxDetail .btnWrappernew button:hover {
  background: #1A73E9;
}

#inboxDetail .inboxDetail_Container .feedback_container .feedback_content .title {
  color: #1A73E9;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

#inboxDetail .inboxDetail_Container .feedback_container .feedback_content .para {
  color: #23272A;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}


#inboxDetail .main_content_container {
  display: flex;
  gap: 34px;
}

#inboxDetail .blogContent_container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

#inboxDetail .tag_title_wrapper {
  display: flex;
  flex-direction: column;
}

#inboxDetail .tag_title_wrapper .tag {
  background-color: #377e3600 !important;
  font-size: 11px;
  width: fit-content;
  text-transform: uppercase;
  border-radius: 20px;
  color: #1a73e9;
  position: relative;
  z-index: 2;
  line-height: 12px;
  font-weight: 500;
  margin-bottom: 5px;
}

#inboxDetail .tag_title_wrapper .title {
  font-weight: 700;
  font-size: 24px;
  line-height: 20px;
  color: #23272A;
}

#inboxDetail .tag_title_wrapper .date {
  color: var(--text-substitle, #777);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#inboxDetail .blogContent_container .main_content {
  display: flex;
  flex-direction: column;
  /* gap: 12px; */
  text-align: justify;
}

#inboxDetail .main_content .title {
  color: #23272A;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
}

#inboxDetail .main_content .para {
  color: #23272A;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

#inboxDetail .marketingImageWrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.headerPopupItem span {
  color: var(--icons-defaut, #23272A);
  text-align: center;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

#myProfile_Inbox .dataRangePopupWrapper2 {
  background-color: #ffffff;
  width: 226px;
  border: 1px solid #e8ecf0;
  box-shadow: -2px -1px 13px -3px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  position: absolute;
  display: none;
  margin: 0 auto;
  padding: 0px;
  top: 117px;
  z-index: 333;
}

#myProfile_Inbox .dataRangePopupWrapper2 .dataPopupItem2 {
  color: #23272A;
  font-weight: 500;
  padding: 12px;
  cursor: pointer;
  font-size: 13px;
  margin-bottom: 0px;
}

/* support ............................................. */

#AnswerQuery {
  padding: 20px;
  background: #ebebeb;
}

#AnswerQuery .answerQuerySection {
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: #faf8f4;
  border-radius: 30px;
  padding: 0px 20px;
}


#AnswerQuery .support_Text {
  color: #23272A;
  font-weight: 600;
  font-size: 17px;
  line-height: 30px;
}

#AnswerQuery .icon_bg {
  text-align: center;
}

#AnswerQuery .para {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  line-height: 26px;
  color: #23272A;
}

#AnswerQuery .name_email_container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#AnswerQuery .single_input_container,
#AnswerQuery .right_textarea {
  /* display: flex;
  flex-direction: column;
  gap: 4px; */
  display: table;
  margin: 0 auto;
  text-align: center !important;
}

.allInbox_Detail_Container456.row.justify-content-center p {
  font-size: 15px;
  margin-top: 10px;
}

#AnswerQuery .single_input_container .label span,
#AnswerQuery .right_textarea .label span {
  color: #23272A;
  font-size: 17px;
  font-weight: 600;
}

#AnswerQuery .name_email_container .input_field input {
  width: 90%;
  padding: 16px;
  font-size: 16px;
  border-radius: var(--Corner-xs, 4px);
  border: 1px solid var(--surface-line-color, #e8ecf0);
  background: var(--text-on-image-strong, #FFF);
}

#AnswerQuery .right_textarea textarea {
  width: 100%;
  resize: none;
  /* border-radius: 20px; */
  padding: 16px;
  border: 1px solid #e8ecf0;
}

#AnswerQuery .spopopopbtn {
  background-color: #1A73E9;
  padding: 12px 24px;
  border: none;
  width: fit-content;
  border-radius: 50px;
  transition: background-color 0.3s ease, color 0.3s ease;
  margin-top: 20px;
}

#AnswerQuery .spopopopbtn:hover {
  background: #1A73E9;
}

.justify-content-center {
  justify-content: center !important;
}

#AnswerQuery .spopopopbtn span {
  color: var(--text-on-image-strong, #fff);
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.countdown11 {
  position: fixed !important;
  right: 100px !important;
  /* bottom: 25%; */
  bottom: 336px;
}

.upload_photo {
  width: 133px;
  height: 44px;
  border-radius: 4px;
  padding: 18px, 30px, 18px, 30px;
  border: 1px solid #1A73E9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 15px;
}

.upload_photo span {
  color: #1A73E9;
  font-weight: 500;
  font-size: 16px;
}

/* .dwn1{
  display: block !important;
}
.dwn2{
  display: none !important;
} */
/* ///////////////////////////////////// */

#inboxDetail .inboxDetail_Container {
  padding: 18px 0px;
}

#inboxDetail .btn52Wrapper button {
  border-radius: var(--Spacing-xs, 8px);
  border: 1.5px solid var(--text-substitle, #777);
  padding: 10px;
  background-color: white;
}

#inboxDetail .inboxDetail_Container .first1232 {
  width: 100%;
  border-radius: 4px;
}

#inboxDetail .inboxDetail_Container .sdurfur {
  margin-top: 12px;
}

/* .allInbox_Detail_Container456 {
margin: 100px 0px;
} */

/* .allInbo55555697415 {
margin: 90px 0px !important;
} */

.allInbox_Detail_Container456 .helooooooo h2 {
  color: var(--text-strong, #23272A);
  text-align: center;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.allInbox_Detail_Container456 .helooooooo button {
  background: #1A73E9;
  border: none;
  padding: 12px 24px;
  border-radius: 50px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.allInbox_Detail_Container456 .helooooooo button:hover {
  background: #1A73E9;
}

.allInbox_Detail_Container456 .helooooooo button span {
  color: var(--text-on-image-strong, #FFF);
  text-align: center;
  /* 17-Semibold */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.inbox_viewBtn {
  cursor: default !important;
}

.conts {
  padding: 0px 80px !important;
}

.ang {
  color: #1A73E9 !important;
}

.ang1 {
  display: block !important;
  margin-top: 1px;
}

.ang2 {
  display: none !important;
}

#details_new_technolody .content_wrapper .img_content_container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#details_new_technolody .content_wrapper .img_content_container .title {
  color: #23272A;
  font-weight: 600;
  font-size: 23px;


}

#details_new_technolody .content_wrapper .img_content_container .para {
  color: #23272A;
  font-weight: 400;
  font-size: 18px;
}

#details_new_technolody .advertise_link_container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

#details_new_technolody .content_container {
  display: flex;
  flex-direction: column;
  /* gap: 30px; */
}

#details_new_technolody .content_container .follow_Text {
  color: #23272A;
  font-size: 20px;
  font-weight: 700;

}

#details_new_technolody .content_container .socialLink_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 24px;
}

#details_new_technolody .content_container .socialLink_container .single_link {
  width: 45%;
}

#details_new_technolody .content_container .socialLink_container .facebook {
  background-color: #305C99;
  color: white;
  font-weight: 400;
  font-size: 12px;
  display: flex;
  gap: 4px;
  padding: 10px 0px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;

}

#details_new_technolody .content_container .socialLink_container .twitter {
  background-color: #00CDFF;
  color: white;
  font-weight: 400;
  font-size: 12px;
  display: flex;
  gap: 4px;
  padding: 10px 0px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

#details_new_technolody .content_container .socialLink_container .instagram {
  background-color: #3F729B;
  color: white;
  font-weight: 400;
  font-size: 12px;
  display: flex;
  gap: 4px;
  padding: 10px 0px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

#details_new_technolody .content_container .socialLink_container .youtube {
  background-color: #E22B26;
  color: white;
  font-weight: 400;
  font-size: 12px;
  display: flex;
  gap: 4px;
  padding: 10px 0px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

#details_new_technolody .content_container .homeFlavour_container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

#details_new_technolody .content_container .homeFlavour_container .single_homeFlav {
  display: flex;
  gap: 16px;
}

#details_new_technolody.content_container .homeFlavour_container .single_homeFlav .homeFav_right {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#details_new_technolody .content_container .homeFlavour_container .single_homeFlav .tag {
  background-color: #377e3600 !important;
  font-size: 11px;
  width: fit-content;
  text-transform: uppercase;
  border-radius: 20px;
  color: #1a73e9;
  position: relative;
  z-index: 2;
  line-height: 12px;
  font-weight: 500;
  margin-bottom: 5px;
}

#details_new_technolody .content_container .homeFlavour_container .single_homeFlav .Personaltag {
  background-color: #F4A01F;
  color: white;
  font-size: 12px;
  width: fit-content;
  padding: 5px 20px;
  border-radius: 20px;
}

#details_new_technolody .content_container .homeFlavour_container .single_homeFlav .Edutag {
  background-color: #1A73E9;
  color: white;
  font-size: 12px;
  width: fit-content;
  padding: 5px 20px;
  border-radius: 20px;
}

#details_new_technolody .content_container .homeFlavour_container .single_homeFlav .title {
  font-weight: 600;
  font-size: 14px;
  color: #23272A;
  margin-bottom: 4px;
}

.date-2 span {
  font-size: 11px;
}

#details_new_technolody .content_container .homeFlavour_container .single_homeFlav .para {
  font-size: 11px;
  font-weight: 400;
  color: #23272A;
  margin-top: 10px;
}

#details_new_technolody .content_container .homeFlavour_container .single_homeFlav .para {

  font-size: 11px;
  font-weight: 400;
  color: #23272A;

}

#details_new_technolody .content_container .homeFlavour_container .single_homeFlav .homeFav_right {
  line-height: 16px;
}

.lakem {
  padding: 10px 0px;
}


#myProfile_Inbox .singleInbox a button:hover {
  background: #1A73E9;
  color: #fff;
}

.singleInbox {
  padding: 10px 0px;
  border-bottom: 1px solid #e8ecf0;
}

#inboxDetail .btn52Wrapper button:hover {
  background: #eff2f9;
  color: #fff;
}

textarea {
  width: 100%;
  height: 150px;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
}


/* Default styles for the emoji */

.emoji-container {
  display: inline-block;
  cursor: pointer;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.emoji {
  opacity: 0.5;
  width: 48px;
  height: 48px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.emoji.active {
  opacity: 1;
  transform: scale(1.5);
}

span.inbox_viewBtnn {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding: 8px 12px;
    width: 88px;
    text-align: center;
    letter-spacing: -0.032px;
    border: 1px solid #e5e5e5;
    border-radius: 50px;
    background: #efefef;
}

.inno {
  cursor: pointer;
}

.inbox_right555 svg {
  width: 40px;
}

.confirmation-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
}

.popup-content {
  background: white;
  padding: 20px;
  border-radius: 5px;
  text-align: center;
}

.popup-content button {
  padding: 8px 24px;
  border: 1px solid #e5e5e5;
}

.allInbox_Detail_Container456 h2 {
  margin-top: 20px;
}

.single_nav_items a {
  display: inline-flex;
  gap: 8px;
  padding: 14px 24px;
}

#myProfile .single_input_wrapper .input_field:focus {
  border: none !important;
}

.profile-photo-label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.profile-photo-label:hover {
  border-color: #2980b9;
}

.profile-photo-preview {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
}

.profile-photo-input {
  display: none;
}

.profile-photo-label img {
  width: 54px;
  height: 54px;
  margin-right: 10px;
}


/* header */


.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  padding: 8px 80px;
  border-bottom: 1px solid #e8ecf0;
}

.logo img {
  max-width: 100px;
  /* Set maximum width for the logo */
}

.buttons {
  display: flex;
}

.button {
  background: #1A73E9;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin-left: 10px;
  border: 1px solid #1A73E9;
  padding: 8px 24px;
  border-radius: 50px;
  font-weight: 300;
}

.button-1 {
  border: 1px solid #1A73E9;
  color: #1A73E9;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  background: #ecf7ff;
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: 14px;
  margin-left: 10px;
  padding: 8px 24px;
  font-weight: 400;
  border-radius: 60px;
}

.image-container {
  display: flex;
  flex-wrap: wrap;
}

.image {
  position: relative;
  width: 25%;
  overflow: hidden;
}

.image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: transform 0.3s ease;
  height: 356px;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 24px;
  text-align: center;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.image:hover .overlay {
  opacity: 1;
}

.image:hover img {
  transform: scale(1.1);
  /* Adjust the scale factor for desired zoom level */
}

.tag-2 {
  background-color: #377e3600 !important;
  font-size: 11px;
  width: fit-content;
  text-transform: uppercase;
  border-radius: 20px;
  color: #1a73e9;
  position: relative;
  z-index: 2;
  line-height: 12px;
  font-weight: 500;
  margin-bottom: 5px;
}

.homeFav_right-2 {
  text-align: left;
  margin-top: 265px;
  padding: 0px 20px;
}

.title-2 {
  font-size: 20px;
  font-weight: 600;
}

.date-3 {
  font-size: 13px;
  font-weight: 300;
}

.homeFav_right-2 a {
  color: #fff;
}

.container.inboxDetail_Container.feature h3 {
  color: #17222b;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  z-index: 2;
  display: inline-block;
}

.tag_title_wrapper-in {
  margin: 12px 0px;
}

.tag_title_wrapper-in h4 {
  font-weight: 600;
  font-size: 16px;
  color: #121212;
  margin-bottom: 2px;
}

.feature-img img {
 border-radius: 6px;
    height: 212px;
    max-height: 100%;

}

a {
  color: #23272A !important;
}

.date {
  color: #777777;
  font-size: 13px;
}

.homeFav_right-2 h3 {
  color: #fff;
}

section.inboxDetail_Container.view {
  background: #17222b;
  color: #fff;
}

.inde-title {
  line-height: 43px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  z-index: 2;
  display: inline-block;
}

.tag_title_wrapper-out {
  margin: 16px 0px;
}

.tag_title_wrapper-out .tag-2 {
  background-color: #F4A01F;
  color: #1a73e9;
  font-size: 13px;
  width: fit-content;
  border-radius: 20px;
}

.light a {
  color: #fff !important;
  font-size: 17px;
}

/* .under-container .feature-img {
  width: 58%;
} */
.under-container {
  display: flex;
   padding: 10px 0px;
  margin: 0 auto;
}

.under-container .tag_title_wrapper-in {
  margin: 0px 20px;
  width: 60%;
}

/* section#inboxDetail {
  background: linear-gradient(276.12deg,#E2F1FF 5.58%,#F8FAFF 34.32%,#FEF9FF 79.83%,#F1EBFF 97.55%);
} */
.headimg-ho a {
  -webkit-transition: all .1s linear;
  -o-transition: all .1s linear;
  -moz-transition: all .1s linear;
  transition: all .1s linear;
}

.headimg-ho a:hover {
  color: #1A73E9 !important;
}

.recent-img {
  width: 40%;
}

.scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
  background: #f74951;
  padding: 10px;
  border-radius: 50%;
  height: 50px;
  width: 50px;
}

.withemail a {
  background: #ffffff;
  padding: 10px 20px;
  border-radius: 8px;
  color: #1A73E9 !important;
  font-weight: 500;
}

.uner-sec {
  text-align: center;
  margin-top: 20px;
}

.gap {
  height: 20px;
}

.table-container {
  overflow-x: auto;
  /* margin-top: 20px; */
}

.table-container th {
  font-weight: 500;
  padding: 10px 0px;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

th,
td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

@media (max-width: 768px) {
  table {
    display: block;
    overflow-x: auto;
  }

  th,
  td {
    white-space: nowrap;
  }
}

td {
  padding: 16px 0px;
}


/* .feedback-inn {
display: flex;
gap: 40px;
} */

.feedback-inn {
  gap: 40px;
  text-align: center;
  margin-top: 50px;
  border-radius: 12px;
  border: 1px solid var(--surface-line-color, #e8ecf0);
  background: var(--surface-backgroud, #F7F7F7);
  padding: 30px;
  border-radius: 12px;
  width: 60%;
}

.emoji:hover {
  opacity: 1;
}


/* Terms Css */

.framer-joerwb {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 24px;
  height: min-content;
  justify-content: flex-start;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
  text-align: justify;
}

#terms {
  padding: 60px 0px;
  background: linear-gradient(276.12deg, #E2F1FF 5.58%, #F8FAFF 34.32%, #FEF9FF 79.83%, #F1EBFF 97.55%);
  /* background-image: linear-gradient(#f0f7ff, #ffffff); */
}

.term-top {
  text-align: center;
  margin-bottom: 16px;
}

.term-top img {
  width: 200px;
}

.term-top p {
  margin-bottom: 40px;
  font-weight: 600;
}

.term-top h1 {
  font-size: 32px;
  font-weight: 800;
}

.term-top h1 {
  font-size: 32px;
  font-weight: 600;
  background-image: linear-gradient(to right, #0f62fe, #216cc9);
  color: transparent;
  -webkit-background-clip: text;
  margin-top: 16px;
}

.framer-text.framer-styles-preset-qpxyk9 {
  font-weight: 600;
  font-size: 18px;
}

/* Cookies Dialog Box */
#cookies-dialog {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #1A73E9;
  color: #fff;
  padding: 20px;
  z-index: 11;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  animation: slideInUp 0.5s ease-in-out;
}

@keyframes slideInUp {
  0% {
    transform: translateX(-50%) translateY(100%);
  }

  100% {
    transform: translateX(-50%) translateY(0);
  }
}

#cookies-dialog p {
  margin-bottom: 10px;
}


#accept-btn {
  display: inline-block;
  background-color: #ffffff;
  border: none;
  padding: 8px 30px;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  color: #333;
  margin-right: 12px;
}

#reject-btn {
  display: inline-block;
  border: 1px solid #fff;
  padding: 8px 30px;
  border-radius: 3px;
  cursor: pointer;
  background: #3330;
  color: #ffffff;
  margin-right: 12px;
}

.dia img {
  width: 40px;
}

.dia {
  display: flex;
  gap: 13px;
  margin-bottom: 10px;
}

.framer-joerwb ol {
  padding-left: 19px;
}

.dataRangePopupWrapper2 a p:hover {
  background: #f1f1f1;
}

.upi_input form label {
  margin-top: 15px;
}

.upi_input form {
  margin-bottom: 16px;
}

.allInbox_Detail_Container456.row.justify-content-center {
  margin: 100px 0px;
}

.single_homeFlav img {
  width: 100%;
  border-radius: 2px;
}

#myProfile {
  width: 100%;
  background: url(https://flushblog.com/frontent/image/circlessecondsection.gif), rgba(224, 239, 253, .4);
  /* min-height: 692px; */
  background-repeat: none;
  background-position: top;
}

.inbox-bg {
  width: 100%;
  background: url(https://flushblog.com/frontent/image/circlessecondsection.gif), rgba(224, 239, 253, .4);
  min-height: 692px;
  background-repeat: none;
  background-position: top;
}

img.profile {
  cursor: pointer;
  height: 42px;
  border-radius: 50%;
  width: 42px;
  border: 1px solid #1a88ee;
}

.footer_items a img {
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear;
}

.footer_items a img:hover {
  box-shadow: 0px 0px 15px 0px black;
  margin-top: -3px;
}


#myProfile .myProfileData_Container {
  padding: 76px 0px 0px 176px;
  height: 100vh;
}

.fatch {
  width: 46% !important;
}

.fatch1 {
  display: flex !important;
}

.hum {
  display: none;
}

.bg11 {
  width: 100%;
  background: #f3f9fe;
  margin-bottom: 4px;
  border-left: 4px solid #1a73e9;
}
.single_homeFlav a {
    display: flex;
    gap: 12px;
}

.slide img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
}

p.uyf {
    font-size: 15px;
}

/* about us css */

.container.about-info {
    padding: 40px 0px;
}
.about-content span {
    color: #377cff;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.about-content p {
    width: 90%;
}
.about-content h2 {
    margin-top: 16px;
}
.images-right img {
    display: table;
    margin: auto;
}
.about-content-2 {
    padding: 40px 60px;
    background: #f7f7f7;
    height: 432px;
    border-radius: 24px;
    border: 1px solid #e7e7e7;
}
.about-content-2 h2 {
    font-size: 24px;
    font-weight: 600;
    color: #1A73E9;
    margin-bottom: 20px;
}
.about-content-2 p {
   text-align: justify;
}
.about-content-2.with {
    background: #EDF5FD;
    border: 1px solid #e7e7e7;
}
section.cont-about {
    background: #EDF5FD;
    border: 1px solid #e7e7e7;
}
button.save_btn.button {
    margin-left: 0px;
}
.about-content-2 img {
    width: 60px;
    margin-bottom: 10px;
}
.hggf {
    display: flex;
    align-items: center;
}