Gecko [ dp-client.com ]

Name	Size	Permission	Action
customstyle.css	14.85 KB	-rw-r--r--

Code Editor : customstyle.css

@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400;1,500;1,600&display=swap');

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}

*:focus {
  outline: none;
}

html {
  font-size: 100%;

-webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

a {
  text-decoration: none;
  background-color: transparent;
  color: var(--black);
}

button,
select {
  text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-type: none;
}

* {
  scrollbar-width: auto;
  scrollbar-color: rgba(27, 71, 144, 0.8) #fff;
}

*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-track {
  background: #fff;
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(27, 71, 144, 0.8);
  border-radius: 10px;
  border: 3px solid #fff;
}

/* cm class */

.mainHome,
.mainHome.place,
.v-100 {
  min-height: 110vh;
}

.withbackground {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;

}

.mainHome {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mainHome,
.mainHome.place {
  height: 100%;
}

.pos-relative {
  position: relative;
}

.home-640 {
  max-width: 670px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 15px 0 15px;
  margin-bottom: 100px;

}

.img-responsive {
  max-width: 100%;
  height: auto;
}

.homelogo {
  max-width: 280px;
  width: 100%;
  margin: auto;
  display: block;
}

.homeSearch {
  display: flex;
  gap: 10px;
}

.homeS-input {
  background: rgba(14, 49, 100, 0.7);
  backdrop-filter: blur(12.5px);
  border-radius: 10px;
  padding: 9px 15px 9px 65px;
  border: 0;
  outline: none;
  color: #C3C3C3;
  font-size: 18px;
  line-height: 27px;
}

.s-small-btn {
  background: #FFFFFF;
  border-radius: 10px;
  width: 46px;
  height: 46px;
  border: 0;
  outline: 0;
}

.homeTop .homeS-input {

background-image: url(../img/Frame-3.png);
  background-repeat: no-repeat;
  background-position: 15px 14px;
  background-size: 21px 21px;
  flex: 1;

}

.font-m-16 {
  font-weight: 500;
}

.font-m-18 {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
}

.text4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #1B4790;
  gap: 5px;
}

.homeTop input::placeholder {

line-height: 27px;
  color: #C3C3C3;
  opacity: 1;
}

.homeTop input:-ms-input-placeholder {

line-height: 27px;
  color: #C3C3C3;
}

.homeTop input::-ms-input-placeholder {

line-height: 27px;
  color: #C3C3C3;
}

.hlf-Dv.minLength
{
 max-width:130px;
 width:100%;
}

.homeTop {
  margin: 25px 0 40px 0;
  /*margin: 25px 0 60px 0;*/
}

.mid-container {
  max-width: 1390px;
  width: 100%;
  margin: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.home419 {
  position: absolute;
  max-width: 450px;
  width: 100%;
  padding: 45px 50px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  display: flex;
  gap: 20px;
  color: #0E3164;
  flex-direction: column;
}

.tomore {
  width: fit-content;
  background: rgba(14, 49, 100, 0.7);
  backdrop-filter: blur(12.5px);
  padding: 15px 18px 15px 25px;
  border-radius: 50px;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 20px;
  position: absolute;
  bottom: -26px;
  right: 0;
}

.centeabs {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bh-btn {
  position: absolute;
  right: 16px;
  bottom: 16px;
  font-weight: 500;
  font-size: 10px;
  line-height: 20px;
  text-transform: lowercase;
  color: #FFFFFF;
  background: #1B4790;
  border-radius: 50px;
  padding: 0 8px;
}

.txt-center {
  text-align: center;
}

.fm-14 {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.dmcenter {
  color: #1B4790;
  padding: 0 0 15px 0;
}

.dmcenter span {
  font-weight: 600;
}

.Xlogo {
  max-width: 197px;
  height: 36px;
  object-fit: contain;
  position: absolute;
  top: 50px;
  right: 50px;
}

.width-660 {
  max-width: 660px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 100px;
  margin-bottom: 100px;
}

.width-520 {
  max-width: 520px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 50px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #fff;
}

.mainh1 {
  font-weight: 500;
  font-size: 36px;
  line-height: 54px;
  color: #FBFBFB;
}

.width-520 p {

color: #FBFBFB;
}

.Searchfm-V label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #1B4790;
  padding-left: 15px;
}

.homeSearch-input {
  background: #FBFBFB;
  border-radius: 10px;
  border: 0;
  outline: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: rgba(14, 49, 100, 0.7);
  padding: 9px 0 9px 65px;
  margin-bottom: 20px;
  max-width: 100%;
  width: 100%;
}

.fullDv .homeSearch-input {
  width: 100%;
}

.rowfile {
  display: flex;
  justify-content: space-between;
}

.focusImg {
  width: 23px;
  position: absolute;
  left: 15px;
  margin-top: 11px;
}

.hlf-Dv {
  max-width: 227px;
  width: 100%;
  flex: 0 0 34.5%;
}

.Cst-select option {
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #1B4790;
}

.Cst-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;

}

.Cst-select {
  position: relative;
}

.Cst-select input,
.Cst-select textarea,
.Cst-select select {
  -webkit-appearance: none;
}

.Cst-select select::-ms-expand {
  display: none;
}

.Cst-select:before {
  content: '';
  position: absolute;
  background: url(../img/dp-v.png);
  background-repeat: no-repeat;
  display: block;
  width: 10px;
  height: 10px;
  right: 10px;
  top: 20px;

}

/* Spin Buttons modified */
.Searchfm-V input[type="number"]::-webkit-outer-spin-button, 
.Searchfm-V input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
 /*  background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
 */
 background: url("data:image/svg+xml,%3Csvg width='8' height='21' viewBox='0 0 8 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.1213 5.5C0.632171 5.5 0.292317 5.2779 0.101737 4.83369C-0.0888424 4.38949 -0.0116692 3.99565 0.333258 3.65217L3.15934 0.826087C3.26804 0.717391 3.38579 0.63587 3.5126 0.581523C3.63942 0.527175 3.77529 0.5 3.92021 0.5C4.06514 0.5 4.20101 0.527175 4.32782 0.581523C4.45463 0.63587 4.57239 0.717391 4.68108 0.826087L7.50717 3.65217C7.85137 3.99638 7.92818 4.39058 7.7376 4.83478C7.54702 5.27898 7.20753 5.50072 6.71912 5.5H1.1213Z' fill='%230E3164' fill-opacity='0.7'/%3E%3Cpath d='M6.7183 15.5C7.20743 15.5 7.54728 15.7221 7.73786 16.1663C7.92844 16.6105 7.85127 17.0043 7.50634 17.3478L4.68026 20.1739C4.57156 20.2826 4.45381 20.3641 4.32699 20.4185C4.20018 20.4728 4.06431 20.5 3.91939 20.5C3.77446 20.5 3.63859 20.4728 3.51178 20.4185C3.38497 20.3641 3.26721 20.2826 3.15852 20.1739L0.332432 17.3478C-0.0117714 17.0036 -0.0885827 16.6094 0.101997 16.1652C0.292577 15.721 0.63207 15.4993 1.12048 15.5L6.7183 15.5Z' fill='%230E3164' fill-opacity='0.7'/%3E%3C/svg%3E%0A") no-repeat center center;
 width: 1em;
 opacity: 1;
 margin-right: 7px;

}

.inputBtn-Clk {
  background: #1B4790;
  border-radius: 50px;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  border: 0;
  color: #fff;
  cursor: pointer;
  width: 100%;

}

.dm-it {
  background: linear-gradient(180deg,
      #0085f1 0%,
      #74b2fb 47.4%,
      #aacefe 100%);
}

.output-List {}

.listingLi {
  background: #fbfbfb;
  border-radius: 10px;
  margin-top: 20px;
  padding-bottom: 15px;
}

.output-List.width-660 {
  padding-top: 100px;
  margin-top: unset;
  margin-bottom: unset;
  font-family: "Segoe UI", Arial, sans-serif;
}

.f-28 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 28px;
  color: #fff;
}

.loopDys h2 {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  padding: 15px;
}

.dmdays,
.HeadingList {
  display: flex;
  gap: 55px;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  padding: 5px 0 5px 15px;
  background: #f5f5f5;
}

.dm-time,
.heading-Time {
  width: 50px;
}

.loopDys .dmdays {
  background: #fbfbfb;
  border-bottom: 0.5px solid #a2a2a2;
  padding: 10px 0 10px 15px;
  font-weight: 400;
}

.shareit {
  padding: 8px 0 30px 0;
  font-family: "Poppins", sans-serif;
}

.bottomSVg {
  display: flex;
  gap: 25px;
  justify-content: flex-end;
}

.bottomSVg li a {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 7px;
}

.bottomQk h2 {
  font-weight: 600;
  font-size: 34px;
  line-height: 28px;
  margin-bottom: 11px;
  color: #fff;
}

.Grids3 {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.g4 {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.g2 {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.bottomQk {
  max-width: 1370px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.dmcm-footer {
  text-align: center;
  padding: 24px 0 32px 0;
}

.dmcm-footer span {
  font-weight: 600;
}

.imageTour {
  position: relative;
  border-radius: 10px 10px 0px 0px;
}

.imageTour img {

border-radius: 10px 10px 0px 0px;
  height: 430px;
  width: 100%;
  object-fit: cover;
}

.bottomT-name {
  width: 100%;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  font-family: 'Oxygen', sans-serif;
  font-weight: 700;
  color: #FBFBFB;
  z-index: 9;
}

.bottomT-name p {
  font-size: 24px;
  line-height: 30px;
  flex: 0 0 74%;
  padding-left: 15px;
}

.bottomT-name span {
  display: inline-block;
  padding: 5px 15px;
  background: #F7941E;
  border-radius: 25px 0px 0px 0px;
  font-size: 28px;
  line-height: 35px;
  letter-spacing: -0.06em;
}

.imageFour {
  background: #fff;
  color: #02050A;
  padding: 15px;
  font-family: 'Oxygen', sans-serif;
  font-weight: 400;
}

.itemsq {
  text-align: center;
}

.itemsq img {
  margin-bottom: 7px;
}

.flex2 {

display: flex;
  align-items: center;
  margin-top: 15px;
  justify-content: space-between;

}

.itemprice {
  font-weight: 700;
  font-size: 28px;
  line-height: 35px;
  letter-spacing: -0.06em;
  color: #02050A;
}

.itemprice small {
  color: #F7941E;
  margin-left: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.imageTour::after {
  width: 100%;
  height: 270px;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 0px;
  transform: rotate(-180deg);

}

@media (max-width: 1023px) {}

@media (max-width: 767px) {

.homelogo {
    max-width: 175px;
  }

.homeS-input {
    border-radius: 10px;
    padding: 9px 10px 9px 45px;
    font-size: 14px;
    line-height: 21px;
  }

.s-small-btn {
    border-radius: 10px;
    width: 35px;
    height: 35px;
  }

.homeSearch {
    gap: 5px;
  }

.homeTop .homeS-input {
    background-position: 13px 10px;
    background-size: 20px 20px;
  }

.text4 {

text-align: center;
    font-size: 14px;
    line-height: 21px;
  }

.home419 {
    padding: 25px 25px;
    font-size: 16px;
    line-height: 24px;
  }

.tomore {

padding: 10px 15px 10px 25px;
    gap: 5px;
    bottom: -20px;
    font-size: 16px;
    line-height: 21px;
  }

.home419 {

max-width: 320px;

}

.dmcenter {
    color: #1B4790;
    padding: 0 0 15px 0;
    text-align: left;
  }

.mainHome,
  .mainHome.place {
    background-size: cover;
  }

.Xlogo {
    max-width: 175px;
    height: 36px;
    position: unset;
    margin: auto;
    display: block;
    padding-top: 50px;
  }

.width-660 {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }

.mainh1 {

font-size: 24px;
    line-height: 32px;

}

.rowfile {
    flex-direction: column;
  }

.homeSearch-input {
    font-size: 14px;
    line-height: 24px;
    padding: 9px 0 9px 50px;
    margin-bottom: 15px;
  }

.focusImg {
    width: 20px;
    margin-top: 8px;
  }

.hlf-Dv {
    max-width: 100%;
    flex: 0 0 100%;
  }

.mainHome.place .dmcenter {
    text-align: center;
  }

.inputBtn-Div {
    margin-top: 15px;
  }

.bottomQk h2 {

font-size: 21px;

}

.Grids3 {

grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

.imageTour img {
    height: 230px;
  }

.bottomT-name p {
    font-size: 16px;
    line-height: 21px;
    padding-left: 7px;
  }

.bottomT-name span {

line-height: 24px;
    font-size: 20px;

}

.g4 {

gap: 10px;
  }

.imageFour {
    padding: 14px 7px;
    font-size: 14px;
  }

.imageTour::after {

height: 90px;

}

.dmdays,
  .HeadingList {
    gap: 30px;
    font-size: 14px;
  }

.heading-Activity,
  .dm-Active {
    flex: 0 0 80%;
  }

.f-28,
  .itemprice {

font-size: 24px;
    line-height: 26px;

}

.itemprice small {
    margin-left: 5px;
    font-size: 14px;
  }

.output-List.width-660,
  .dm-it {

padding-top: 50px;
  }

.dm-it .Xlogo {

padding-top: unset;
  }

}

${this.title}

Code Editor : customstyle.css