@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");
:root {
  --w: #fff;
  --b: #000;
  --yellow: #e77d00;
  --orange: #ff8a00;
  --pink: #850f17;
  --litebluebg: #f0f5fc;
  --blue: #3b368c;
  --border: #afafaf;
  --vw: 0.056916667vw;
  --bannertitlefont: "Josefin Sans", sans-serif;
  --defaultfont: "Poppins", sans-serif;
  --trans: 0.5s ease;
}

html {
  -webkit-tap-highlight-color: transparent;
}

:focus {
  outline: none;
}

::-moz-selection {
  background: var(--pink);
  color: var(--w);
}

::selection {
  background: var(--pink);
  color: var(--w);
}

body {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 400;
  font-size: calc(Var(--vw) * 14);
  -webkit-transition: var(--trans);
  transition: var(--trans);
  font-family: var(--defaultfont);
}

body.hide {
  overflow-y: hidden !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
span,
ol,
ul,
li {
  margin: 0;
  padding: 0;
  -webkit-transition: var(--trans);
  transition: var(--trans);
}

a {
  text-decoration: none;
  line-height: 1;
  color: var(--b);
}

.img_fluid,
img {
  display: block;
  max-width: 100%;
  display: block;
  -webkit-transition: var(--trans);
  transition: var(--trans);
	height: auto;
}

.img_fluid.w100,
img.w100 {
  width: 100%;
  height: auto;
}

.img_fluid.h100,
img.h100 {
  height: 100%;
  width: auto;
}

.flex,
.btn_holder,
.header_menu ul li,
.hero_item .hero_item_number span,
.work_item .work_img a,
.footer_copyright .copyright_text,
.contact_form_item .form_group .input_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex.start,
.btn_holder,
.header_menu ul li.start,
.hero_item .hero_item_number span.start,
.work_item .work_img a.start,
.footer_copyright .copyright_text,
.contact_form_item .form_group .input_box {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.flex.end,
.end.btn_holder,
.header_menu ul li.end,
.hero_item .hero_item_number span.end,
.work_item .work_img a.end,
.footer_copyright .end.copyright_text,
.contact_form_item .form_group .end.input_box {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flex.align_start,
.align_start.btn_holder,
.header_menu ul li.align_start,
.hero_item .hero_item_number span.align_start,
.work_item .work_img a.align_start,
.footer_copyright .align_start.copyright_text,
.contact_form_item .form_group .align_start.input_box {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex.align_end,
.align_end.btn_holder,
.header_menu ul li.align_end,
.hero_item .hero_item_number span.align_end,
.work_item .work_img a.align_end,
.footer_copyright .align_end.copyright_text,
.contact_form_item .form_group .align_end.input_box {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.description ul,
.description ol,
.description p,
.description img {
  margin-top: calc(var(--vw) * 15);
}

.description ul:first-child,
.description ol:first-child,
.description p:first-child,
.description img:first-child {
  margin-top: 0;
}

.description ul ul li,
.description ul ol li,
.description ol ul li,
.description ol ol li,
.description p ul li,
.description p ol li,
.description img ul li,
.description img ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: calc(var(--vw) * 7);
}

.description ul ul li:last-child,
.description ul ol li:last-child,
.description ol ul li:last-child,
.description ol ol li:last-child,
.description p ul li:last-child,
.description p ol li:last-child,
.description img ul li:last-child,
.description img ol li:last-child {
  margin-bottom: 0;
}

.description ul li,
.description ol li {
  display: block;
  position: relative;
  z-index: 1;
  margin-bottom: calc(var(--vw) * 5);
  padding-left: calc(var(--vw) * 15);
}

.description ul li:last-child,
.description ol li:last-child {
  margin-bottom: 0;
}

.description ul li::before,
.description ol li::before {
  position: absolute;
  content: "";
  top: calc(var(--vw) * 6);
  left: 0;
  width: calc(var(--vw) * 8);
  height: calc(var(--vw) * 8);
  border-radius: 100%;
  background: var(--pink);
}

.btn_holder a,
.btn_holder .btn {
  margin-right: calc(var(--vw) * 15);
}

.btn_holder a:last-child,
.btn_holder .btn:last-child {
  margin-right: 0;
}

.title {
  line-height: 1.3;
  -webkit-transition: var(--trans);
  transition: var(--trans);
  font-weight: 600;
}

.title a {
  line-height: 1.3;
}

.container {
  width: 70%;
  margin: auto;
}

.btn {
  display: inline-block;
  -webkit-transition: var(--trans);
  transition: var(--trans);
  outline: none;
  border: none;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  padding: calc(var(--vw) * 15) calc(var(--vw) * 30);
  min-width: calc(var(--vw) * 125);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: var(--pink);
  color: var(--w);
  border-radius: calc(var(--vw) * 100);
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-box-shadow: calc(var(--vw) * 4) calc(var(--vw) * 6)
    calc(var(--vw) * 10) rgba(0, 0, 0, 0.2);
  box-shadow: calc(var(--vw) * 4) calc(var(--vw) * 6) calc(var(--vw) * 10)
    rgba(0, 0, 0, 0.2);
  font-weight: 600;
}

.btn:after {
  border: none;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: -1;
  background: var(--yellow);
  -webkit-transition: var(--trans);
  transition: var(--trans);
}

.btn:hover {
  -webkit-box-shadow: calc(var(--vw) * 4) calc(var(--vw) * 6)
    calc(var(--vw) * 10) rgba(0, 0, 0, 0.3);
  box-shadow: calc(var(--vw) * 4) calc(var(--vw) * 6) calc(var(--vw) * 10)
    rgba(0, 0, 0, 0.3);
}

.btn:hover::after {
  height: 100%;
}

.btn:active {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.grid,
.header_menu ul li a,
.text_box,
.contact_form_item .form_group,
.accordin_box,
.faq_set .accordianheader .faq_set_title {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: var(--trans);
  transition: var(--trans);
}

.grid.col-auto-1,
.header_menu ul li a.col-auto-1,
.col-auto-1.text_box,
.contact_form_item .col-auto-1.form_group,
.col-auto-1.accordin_box,
.faq_set .accordianheader .col-auto-1.faq_set_title {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}

.grid.col-1-auto,
.header_menu ul li a,
.col-1-auto.text_box,
.contact_form_item .col-1-auto.form_group,
.col-1-auto.accordin_box,
.faq_set .accordianheader .faq_set_title {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}

.grid.col-r3,
.header_menu ul li a.col-r3,
.col-r3.text_box,
.contact_form_item .col-r3.form_group,
.col-r3.accordin_box,
.faq_set .accordianheader .col-r3.faq_set_title {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid.col-r4,
.header_menu ul li a.col-r4,
.col-r4.text_box,
.contact_form_item .col-r4.form_group,
.col-r4.accordin_box,
.faq_set .accordianheader .col-r4.faq_set_title {
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
}

.grid.col-54,
.header_menu ul li a.col-54,
.col-54.text_box,
.contact_form_item .col-54.form_group,
.col-54.accordin_box,
.faq_set .accordianheader .col-54.faq_set_title {
  -ms-grid-columns: 5fr 4fr;
  grid-template-columns: 5fr 4fr;
}

.grid.r-min,
.header_menu ul li a.r-min,
.text_box,
.contact_form_item .form_group,
.accordin_box,
.faq_set .accordianheader .r-min.faq_set_title {
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}

.grid.gap100,
.header_menu ul li a.gap100,
.gap100.text_box,
.contact_form_item .gap100.form_group,
.gap100.accordin_box,
.faq_set .accordianheader .gap100.faq_set_title {
  grid-gap: calc(var(--vw) * 100);
}

.grid.gap50,
.header_menu ul li a.gap50,
.gap50.text_box,
.contact_form_item .gap50.form_group,
.gap50.accordin_box,
.faq_set .accordianheader .gap50.faq_set_title {
  grid-gap: calc(var(--vw) * 50);
}

.grid.gap40,
.header_menu ul li a.gap40,
.gap40.text_box,
.contact_form_item .gap40.form_group,
.gap40.accordin_box,
.faq_set .accordianheader .gap40.faq_set_title {
  grid-gap: calc(var(--vw) * 40);
}

.grid.gap30,
.header_menu ul li a.gap30,
.gap30.text_box,
.contact_form_item .gap30.form_group,
.gap30.accordin_box,
.faq_set .accordianheader .gap30.faq_set_title {
  grid-gap: calc(var(--vw) * 30);
}

.grid.gap25,
.header_menu ul li a.gap25,
.text_box,
.contact_form_item .gap25.form_group,
.gap25.accordin_box,
.faq_set .accordianheader .gap25.faq_set_title {
  grid-gap: calc(var(--vw) * 25);
}

.grid-gap-20{
	grid-gap: calc(var(--vw) * 20);
}


.grid.gap20,
.header_menu ul li a.gap20,
.gap20.text_box,
.contact_form_item .gap20.form_group,
.gap20.accordin_box,
.faq_set .accordianheader .gap20.faq_set_title {
  grid-gap: calc(var(--vw) * 20);
}

.grid.gap15,
.header_menu ul li a.gap15,
.gap15.text_box,
.contact_form_item .form_group,
.accordin_box,
.faq_set .accordianheader .gap15.faq_set_title {
  grid-gap: calc(var(--vw) * 15);
}

.grid.gap10,
.header_menu ul li a.gap10,
.gap10.text_box,
.contact_form_item .gap10.form_group,
.gap10.accordin_box,
.faq_set .accordianheader .faq_set_title {
  grid-gap: calc(var(--vw) * 10);
}

.grid.align-start,
.header_menu ul li a.align-start,
.align-start.text_box,
.contact_form_item .align-start.form_group,
.align-start.accordin_box,
.faq_set .accordianheader .faq_set_title {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.grid.align-end,
.header_menu ul li a.align-end,
.align-end.text_box,
.contact_form_item .align-end.form_group,
.align-end.accordin_box,
.faq_set .accordianheader .align-end.faq_set_title {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.grid.center,
.header_menu ul li a.center,
.center.text_box,
.contact_form_item .center.form_group,
.center.accordin_box,
.faq_set .accordianheader .center.faq_set_title {
  place-items: center;
  text-align: center;
}

h3 {
  font-size: calc(var(--vw) * 36);
}

.header_section {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 100;
  background: transparent;
  -webkit-transition: var(--trans);
  transition: var(--trans);
  padding: calc(var(--vw) * 20) 0;
}

.header_section.active,
.header_section.menu_active {
  background: #5836c8;
  -webkit-box-shadow: 0 0 calc(var(--vw) * 20) rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 calc(var(--vw) * 20) rgba(0, 0, 0, 0.1);
  padding: 0;
}

.header_section.active .header_item_box,
.header_section.menu_active .header_item_box {
  padding: calc(var(--vw) * 15) 0;
}

.header_section.active .header_logo a img,
.header_section.menu_active .header_logo a img {
  height: calc(var(--vw) * 50);
}

.header_item_box {
  -webkit-transition: var(--trans);
  transition: var(--trans);
}

.header_logo_box {
  height: 100%;
}

.header_logo a {
  display: block;
}

.header_logo a img {
  height: calc(var(--vw) * 80);
  width: auto;
}

.header_menu ul li {
  margin-right: calc(var(--vw) * 20);
  position: relative;
  z-index: 1;
}

.header_menu ul li:last-child {
  margin-right: 0;
}

.header_menu ul li a {
  color: var(--w);
  position: relative;
  z-index: 1;
  padding: calc(var(--vw) * 10) 0;
  font-size: calc(var(--vw) * 16);
  position: relative;
  z-index: 1;
}

.header_menu ul li a span {
  display: none;
}

.header_menu ul li a.menu .img_fluid {
  position: absolute;
  top: calc(100% - calc(var(--vw) * 5));
  left: 0;
  width: calc(var(--vw) * 10);
  height: calc(var(--vw) * 10);
  z-index: -1;
  opacity: 0;
}

.header_menu ul li a.menu::before,
.header_menu ul li a.menu::after {
  position: absolute;
  content: "";
  top: 100%;
  left: calc(var(--vw) * 12);
  height: calc(var(--vw) * 1);
  background: #d1d1d1;
  z-index: -2;
  -webkit-transition: var(--trans);
  transition: var(--trans);
  width: 0;
}

.header_menu ul li a.menu:after {
  background: var(--pink);
  z-index: -1;
}

.header_menu ul li a:hover,
.header_menu ul li a.active {
  color: var(--yellow);
}

.header_menu ul li a:hover span,
.header_menu ul li a.active span {
  background: var(--yellow) !important;
}

.header_menu ul li a:hover.menu .img_fluid,
.header_menu ul li a.active.menu .img_fluid {
  opacity: 1;
}

.header_menu ul li a:hover.menu::before,
.header_menu ul li a.active.menu::before {
  width: calc(100% - calc(var(--vw) * 12));
}

.header_menu ul li a:hover.menu:after,
.header_menu ul li a.active.menu:after {
  width: 40%;
}

.header_menu ul li a:hover span {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.header_menu ul li.dropdown a {
  grid-gap: calc(var(--vw) * 5);
}

.header_menu ul li.dropdown a span {
  display: block;
  width: calc(var(--vw) * 10);
  height: calc(var(--vw) * 10);
  -webkit-mask: url(../img/dropdown.svg) center center no-repeat;
  -webkit-mask-size: contain;
  background: var(--w);
}

.header_menu ul li.dropdown a.menu img {
  display: none;
}

.header_menu ul li.dropdown a.menu::before,
.header_menu ul li.dropdown a.menu::after {
  width: 0 !important;
}

.header_menu ul li.dropdown.active a {
  color: var(--yellow);
}

.header_menu ul li.dropdown.active a span {
  background: var(--yellow) !important;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.header_menu ul li.dropdown.active ul {
  opacity: 1;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: calc(var(--vw) * 10) 0;
}

.header_menu ul li.dropdown.active ul li a {
  color: var(--b);
}

.header_menu ul li ul {
  opacity: 0;
  position: absolute;
  top: calc(100% - calc(var(--vw) * 5));
  left: 0;
  overflow: hidden;
  height: 0;
  min-width: calc(var(--vw) * 150);
  background: var(--w);
  border-radius: calc(Var(--vw) * 10);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  -webkit-box-shadow: 0 0 calc(var(--vw) * 10) rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 calc(var(--vw) * 10) rgba(0, 0, 0, 0.1);
  z-index: -1;
}

.header_menu ul li ul li {
  margin-right: 0;
  display: block;
  margin-bottom: var(--vw);
}

.header_menu ul li ul li:last-child {
  margin-bottom: 0;
}

.header_menu ul li ul li a {
  display: block;
  text-align: left;
  color: var(--b);
  padding: calc(var(--vw) * 10) calc(Var(--vw) * 15);
  background: var(--w);
  white-space: nowrap;
  font-size: calc(var(--vw) * 14);
  position: relative;
  z-index: 1;
}

.header_menu ul li ul li a::before,
.header_menu ul li ul li a::after {
  position: absolute;
  content: "";
  top: 0;
  width: 0;
  height: 100%;
  -webkit-transition: var(--trans);
  transition: var(--trans);
  background: var(--pink);
  z-index: -1;
}

.header_menu ul li ul li a:after {
  right: 0;
}

.header_menu ul li ul li a::before {
  left: 0;
}

.header_menu ul li ul li a:hover {
  color: var(--w) !important;
}

.header_menu ul li ul li a:hover:after,
.header_menu ul li ul li a:hover::before {
  width: 100%;
}

.header_btn {
  margin-left: calc(var(--vw) * 30);
}

.header_btn .btn {
  padding: calc(var(--vw) * 10) calc(var(--vw) * 20);
  min-width: calc(var(--vw) * 90);
  font-weight: 400;
}

.header_menu_bar {
  display: none !important;
}

.col_white,
.hero_item .hero_item_number span {
  color: var(--w);
}

.col_black {
  color: var(--b);
}

.col_pink {
  color: var(--pink);
}

h2 {
  font-size: calc(var(--vw) * 52);
}

h5 {
  font-size: calc(var(--vw) * 24);
}

.bold {
  font-weight: 600;
}

.banner_section .container {
  height: 100%;
}

.banner_box {
  position: relative;
  z-index: 10;
  height: 100%;
}

.banner_box .banner_item {
  z-index: 5;
}

.banner_box .banner_title {
  top: 33vh !important;
  width: 50%;
}

.banner_box .banner_description {
  width: 40%;
  top: 65vh !important;
}

.banner_box .banner_frame {
  top: 20vh !important;
  left: 55% !important;
}

.text_box.center {
  place-items: center;
  text-align: center;
}

.hero_section {
  position: relative;
  z-index: 11;
}

.hero_box {
  margin-top: calc(var(--vw) * -70);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 calc(var(--vw) * 25) rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 calc(var(--vw) * 25) rgba(0, 0, 0, 0.1);
  border-radius: calc(var(--vw) * 150);
  padding: calc(var(--vw) * 30) calc(var(--vw) * 60);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 11fr;
  grid-template-columns: 3fr 11fr;
  background: var(--w);
}

.hero_text_box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: var(--vw) solid var(--border);
}

.hero_item {
  position: relative;
  z-index: 1;
}

.hero_item::before {
  position: absolute;
  content: "";
  left: 50%;
  top: calc(var(--vw) * 20);
  width: 100%;
  height: calc(var(--vw) * 3);
  background: var(--pink);
  opacity: 0.2;
}

.hero_item:last-child::before {
  width: 0;
  height: 0;
}

.hero_item .hero_item_number {
  position: relative;
  z-index: 1;
}

.hero_item .hero_item_number span {
  width: calc(var(--vw) * 40);
  height: calc(var(--vw) * 40);
  background: #f464bc;
  border-radius: 100%;
  font-size: calc(var(--vw) * 24);
}

.hero_item .hero_item_number::before,
.hero_item .hero_item_number::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  background: #f464bd6e;
  width: 140%;
  height: 140%;
  z-index: -1;
  -webkit-animation: pop 1.5s linear infinite;
  animation: pop 1.5s linear infinite;
  -webkit-transition: var(--trans);
  transition: var(--trans);
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.hero_item .hero_item_number::before {
  width: 180%;
  height: 180%;
  background: #f464bd47;
  z-index: -2;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-animation: pop 2s linear infinite;
  animation: pop 2s linear infinite;
}

.hero_item:first-child .hero_item_number::before,
.hero_item:first-child .hero_item_number::after {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.hero_item:last-child .hero_item_number::before,
.hero_item:last-child .hero_item_number::after {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

@-webkit-keyframes pop {
  0%,
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0.7);
    transform: translate(-50%, -50%) scale(0.7);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0;
  }
}

@keyframes pop {
  0%,
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0.7);
    transform: translate(-50%, -50%) scale(0.7);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0;
  }
}

@-webkit-keyframes pop2 {
  0%,
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.3);
    transform: translate(-50%, -50%) scale(1.3);
    opacity: 0;
  }
}

@keyframes pop2 {
  0%,
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.3);
    transform: translate(-50%, -50%) scale(1.3);
    opacity: 0;
  }
}

.padding {
  padding: calc(var(--vw) * 75) 0;
}

h4 {
  font-size: calc(var(--vw) * 32);
}

.introduction_section {
  position: relative;
  z-index: 1;
}

.introduction_section::before,
.introduction_section::after {
  position: absolute;
  content: "";
  background: url(../img/introbar.png) top left no-repeat;
  background-size: contain;
  width: calc(var(--vw) * 50);
  height: calc(var(--vw) * 100);
  z-index: -1;
}

.introduction_section::before {
  left: 0;
  top: 0;
}

.introduction_section::after {
  right: 0;
  bottom: calc(var(--vw) * 60);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pinkbg {
  background: #fef5f6;
}

.img_box {
  overflow: hidden;
  background: var(--pink);
}

.img_box img,
.img_box .img_item {
  -webkit-transition: var(--trans);
  transition: var(--trans);
}

.img_box:hover img,
.img_box:hover .img_item {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

h6 {
  font-size: calc(var(--vw) * 20);
}

.caps {
  text-transform: uppercase;
}

.aboutus_section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.aboutus_section .flower_box {
  position: absolute !important;
  top: calc(var(--vw) * 50);
  right: 0;
  z-index: -1;
}

.aboutus_section .flower_box .flower {
  width: calc(var(--vw) * 300);
  height: calc(var(--vw) * 150);
  background: url(../img/workballoon.png) center center no-repeat;
  background-size: contain;
}

.aboutus_item_box .container {
  width: 85%;
  margin: auto;
  margin-left: 0;
}

.aboutus_item_box .aboutus_item_img {
  border-radius: 0 calc(var(--vw) * 30) calc(var(--vw) * 30) 0;
  overflow: hidden;
}

.aboutus_item_list .aboutus_item_icon .icon_holder {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: calc(var(--vw) * 10);
  border-radius: 100%;
  background: #fcd7e9;
  width: calc(var(--vw) * 60);
  height: calc(var(--vw) * 60);
}

.aboutus_item_list .aboutus_item_description {
  padding-bottom: calc(var(--vw) * 15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: var(--vw) solid #cecece;
}

.aboutus_item_holder {
  position: relative;
  z-index: 1;
}

.aboutus_item_holder .aboutus_link {
  position: absolute !important;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 45%;
}

.aboutus_item_holder .aboutus_link .aboutus_link_text {
  position: relative;
  z-index: 1;
  -webkit-transition: var(--trans);
  transition: var(--trans);
}

.aboutus_item_holder .aboutus_link .aboutus_link_text::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 110%;
  height: 110%;
  z-index: -1;
  -webkit-transition: var(--trans);
  transition: var(--trans);
  background: #f464bd6c;
  border-radius: 100%;
}

.aboutus_item_holder .aboutus_link .aboutus_link_text:hover::before {
  -webkit-animation: pop2 1.5s linear infinite;
  animation: pop2 1.5s linear infinite;
  -o-animation-delay: 0.5s;
}

.aboutus_item_holder .aboutus_link .aboutus_link_text a {
  display: -ms-grid;
  display: grid;
  place-items: center;
  place-content: center;
  grid-gap: calc(var(--vw) * 5);
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  text-align: center;
  width: calc(var(--vw) * 130);
  height: calc(var(--vw) * 130);
  background: var(--pink);
  border-radius: 100%;
  font-weight: 300;
}

.w80 {
  width: 80%;
  margin: auto;
}

.blue_bg {
  background: #fafbff;
}

.work_section {
  position: relative;
  z-index: 10;
  overflow: hidden;
  padding-bottom: calc(var(--vw) * 25);
}

.work_section .work_effect_section {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.work_section .work_effect_section .work_effect_item {
  z-index: 0;
}

.work_section .work_effect_section .work_effect_item.one {
  width: calc(var(--vw) * 65);
  top: 25% !important;
  left: 5% !important;
}

.work_section .work_effect_section .work_effect_item.two {
  width: calc(var(--vw) * 100);
  top: 20% !important;
  left: 85% !important;
}

.work_section .work_effect_section .work_effect_item.three {
  width: calc(var(--vw) * 150);
  top: 30% !important;
  left: 87% !important;
}

.work_section .work_effect_section .work_effect_item.four {
  z-index: -1;
  width: calc(var(--vw) * 500);
  top: 5% !important;
  left: -13% !important;
}

.work_section .work_effect_section .work_effect_item.five {
  width: calc(var(--vw) * 150);
  top: 60% !important;
  left: 3% !important;
}
/* .work_section .work_effect_section .work_effect_item.six {
  width: calc(var(--vw) * 100%);
  bottom: 60% !important;
  left: 3% !important;
} */

.work_item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: calc(var(--vw) * 25);
  background: var(--w);
  padding: calc(var(--vw) * 15);
  padding-bottom: calc(var(--vw) * 25);
  -webkit-box-shadow: 0 0 calc(var(--vw) * 15) rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 calc(var(--vw) * 15) rgba(0, 0, 0, 0.1);
  -webkit-transition: var(--trans);
  transition: var(--trans);
}

.work_item:hover {
  -webkit-box-shadow: 0 0 calc(var(--vw) * 25) rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 calc(var(--vw) * 25) rgba(0, 0, 0, 0.2);
}

.work_item .work_img a {
  height: calc(var(--vw) * 175);
}

.work_item .work_img a:hover {
  -webkit-filter: drop-shadow(0 0 calc(var(--vw) * 5) rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 calc(var(--vw) * 5) rgba(0, 0, 0, 0.3));
}

.work_item .work_text_box .title a:hover {
  color: var(--yellow);
}

.work_item .work_text_box .description {
  height: calc(var(--vw) * 60);
  overflow: hidden;
}

.work_display {
  padding: calc(var(--vw) * 100) 0 calc(var(--vw) * 50);
}

.work_display_item_box {
  position: relative;
  z-index: 2;
  margin-bottom: calc(var(--vw) * -175);
}

.work_display_item {
  place-content: center;
  place-items: center;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: calc(var(--vw) * 60) calc(var(--vw) * 20);
  border-radius: calc(var(--vw) * 20);
  -webkit-box-shadow: 0 0 calc(var(--vw) * 15) rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 calc(var(--vw) * 15) rgba(0, 0, 0, 0.1);
  -webkit-transition: var(--trans);
  transition: var(--trans);
  background: var(--w);
}

.work_display_item:hover {
  -webkit-box-shadow: 0 0 calc(var(--vw) * 25) rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 calc(var(--vw) * 25) rgba(0, 0, 0, 0.2);
}

.work_display_img {
  height: calc(var(--vw) * 75);
}

.footer_section {
  background: var(--blue);
  padding: calc(var(--vw) * 160) 0 calc(var(--vw) * 50) 0;
  position: relative;
  z-index: 1;
}

.footer_section .footer_img_box {
  position: absolute;
  top: -24%;
  left: 8%;
  height: calc(var(--vw) * 150);
  z-index: -1;
}

.footer_section .footer_img_box.two {
  left: 87%;
}

.footer_section .footer_balloon {
  position: absolute;
  top: 20%;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -5;
}

.footer_section .footer_balloon .footer_balloon_img {
  height: calc(var(--vw) * 250);
  width: calc(var(--vw) * 200);
  opacity: 0.25;
}

.footer_contact .description p {
  font-weight: 300;
}

.footer_contact .description a {
  color: var(--w);
  font-weight: 600;
  color: var(--w);
  margin-left: calc(var(--vw) * 5);
}

.footer_contact .description a:hover {
  color: var(--pink);
  text-decoration: underline;
}

.footer_copyright {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: var(--vw) solid #624daa;
  margin-top: calc(var(--vw) * 60);
  padding-top: calc(var(--vw) * 30);
}

.footer_copyright .copyright_text a,
.footer_copyright .copyright_text p,
.footer_copyright .copyright_text span {
  color: var(--w);
  margin-left: calc(var(--vw) * 8);
}

.footer_copyright .copyright_text a:first-child,
.footer_copyright .copyright_text p:first-child,
.footer_copyright .copyright_text span:first-child {
  margin-left: 0;
}

.footer_copyright .copyright_text a:hover {
  color: var(--yellow);
}

.copyright_social_icon {
  margin-left: calc(var(--vw) * 25);
}

.copyright_social_icon ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(var(--vw) * 15);
}

.copyright_social_icon ul li:last-child {
  margin-right: 0;
}

.copyright_social_icon ul li a {
  display: block;
  width: calc(var(--vw) * 40);
  height: calc(var(--vw) * 40);
  border-radius: 100%;
  background: var(--blue);
  -webkit-box-shadow: 0 0 calc(var(--vw) * 5) rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 calc(var(--vw) * 5) rgba(255, 255, 255, 0.2);
  padding: calc(var(--vw) * 12);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.copyright_social_icon ul li a span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--w);
}

.copyright_social_icon ul li a:hover {
  -webkit-box-shadow: 0 0 calc(var(--vw) * 15) rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 calc(var(--vw) * 15) rgba(0, 0, 0, 0.2);
  background: var(--pink);
}

.line_below {
  padding-top: calc(var(--vw) * 0);
  position: relative;
  display: inline-block;
  z-index: 1;
}

.line_below::before,
.line_below::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: calc(100% + calc(var(--vw) * 5));
  width: calc(var(--vw) * 80);
  height: calc(var(--vw) * 2);
  background: #d1d1d1;
  z-index: -2;
}

.line_below:after {
  background: var(--pink);
  z-index: -1;
  width: calc(var(--vw) * 30);
}

.line_below.single::before,
.line_below.single::after {
  width: 0;
  height: 0;
}

.line_below.center {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.line_below .line {
  display: block;
  width: calc(var(--vw) * 10);
  height: calc(var(--vw) * 10);
  background: url(../img/heart.png) center center no-repeat;
  background-size: contain;
  position: relative;
  z-index: 1;
}

.line_below .line::before,
.line_below .line::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: calc(100% + calc(var(--vw) * 5));
  width: calc(var(--vw) * 80);
  height: calc(var(--vw) * 2);
  background: #d1d1d1;
  z-index: -2;
}

.line_below .line:after {
  background: var(--pink);
  z-index: -1;
  width: calc(var(--vw) * 30);
}

.menu_bar_box .menu_bar {
  display: -ms-grid;
  display: grid;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  -webkit-transition: var(--trans);
  transition: var(--trans);
}

.menu_bar_box .menu_bar.active span {
  background: var(--yellow);
}

.menu_bar_box .menu_bar.active span.one,
.menu_bar_box .menu_bar.active span.four {
  opacity: 0;
}

.menu_bar_box .menu_bar.active span.two {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu_bar_box .menu_bar.active span.three {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menu_bar_box .menu_bar span {
  display: block;
  width: calc(var(--vw) * 35);
  height: calc(Var(--vw) * 7);
  border-radius: calc(var(--vw) * 30);
  background: var(--pink);
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / span 1;
}

.menu_bar_box .menu_bar span.one {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / span 1;
  margin-bottom: calc(var(--vw) * 5);
}

.menu_bar_box .menu_bar span.four {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / span 1;
  margin-top: calc(var(--vw) * 5);
}

.banner_two_section {
  height: calc(var(--vw) * 575);
}

.banner_two_text {
  padding-top: calc(var(--vw) * 175);
}

.banner_two_text .page_link a,
.banner_two_text .page_link p,
.banner_two_text .page_link span {
  font-size: calc(var(--vw) * 12);
  color: var(--w);
}

.banner_two_text .page_link span {
  padding: 0 calc(var(--vw) * 8);
}

.banner_two_text .page_link a:hover {
  color: var(--yellow);
}

.about_section {
  padding-top: calc(var(--vw) * 25);
}

.aboutus_item_list:last-child .aboutus_item_description {
  border-bottom: none;
}

.mt-5 {
  margin-top: calc(var(--vw) * 5) !important;
}

.effect_main {
  position: relative;
  z-index: 10;
  overflow: hidden;
}

.effect_main .indside_effect {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}

.effect_main .indside_effect .inside_effect_img {
  position: absolute;
  left: 80% !important;
  top: calc(var(--vw) * 30) !important;
}

.effect_main .indside_effect .inside_effect_img img {
  width: calc(var(--vw) * 225);
}

.padding-50 {
  padding: calc(var(--vw) * 50) 0;
}

.contact_form_holder {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: calc(var(--vw) * 20);
  -webkit-box-shadow: 0 0 calc(var(--vw) * 5) calc(var(--vw) * 2)
    rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 calc(var(--vw) * 5) calc(var(--vw) * 2) rgba(0, 0, 0, 0.1);
  background: var(--w);
}

.contact_form {
  background: #fef5f6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: calc(var(--vw) * 30);
}

.contact_form_item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: calc(var(--vw) * 30);
  grid-column-gap: calc(var(--vw) * 25);
}

.contact_form_item .form_group.col3 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
}

.contact_form_item .form_group .input_title {
  line-height: 1;
}

.contact_form_item .form_group .input_box .form_control {
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: var(--vw) solid #ececec;
  outline: none;
  font-size: calc(var(--vw) * 14);
  font-weight: 400;
  font-family: "poppins";
  resize: none;
  background: rgba(255, 255, 255, 0.7);
  padding: calc(var(--vw) * 8) calc(var(--vw) * 12);
  -webkit-transition: var(--trans);
  transition: var(--trans);
}

.contact_form_item .form_group .input_box .form_control:focus {
  background: var(--w);
  border-color: var(--pink);
  color: var(--pink);
}

.contact_form_item .form_group .btn:hover {
  background: var(--yellow);
}

.contactus_item .contactus_icon {
  display: block;
  width: calc(var(--vw) * 70);
  height: calc(var(--vw) * 70);
  border-radius: calc(var(--vw) * 10);
  -webkit-box-shadow: 0 0 calc(var(--vw) * 10) rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 calc(var(--vw) * 10) rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: calc(var(--vw) * 18);
}

.contactus_item .contactus_icon span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--pink);
}

.contactus_item .contactus_description ul li {
  display: block;
  line-height: 1;
  margin-bottom: calc(var(--vw) * 10);
}

.contactus_item .contactus_description ul li:last-child {
  margin-bottom: 0;
}

.contactus_item .contactus_description ul li a {
  margin-left: calc(var(--vw) * 8);
}

.contactus_item .contactus_description ul li a:hover {
  color: var(--pink);
}

.contactus_item .contactus_btn .btn {
  min-width: calc(var(--vw) * 160);
  background: var(--w);
  -webkit-box-shadow: 0 0 calc(var(--vw) * 20) rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 calc(var(--vw) * 20) rgba(0, 0, 0, 0.1);
  color: var(--pink);
  font-size: calc(var(--vw) * 16);
  font-weight: 600;
}

.contactus_item .contactus_btn .btn::after {
  background: var(--pink);
}

.contactus_item .contactus_btn .btn:hover {
  color: var(--w);
}

.faq_set {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: calc(var(--vw) * 20);
  border-radius: calc(var(--vw) * 10);
  -webkit-box-shadow: 0 0 calc(var(--vw) * 15) rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 calc(var(--vw) * 15) rgba(0, 0, 0, 0.1);
}

.faq_set .accordianheader {
  cursor: pointer;
}

.faq_set .accordianheader .faq_set_title .title span {
  font-size: calc(var(--vw) * 16);
}

.faq_set .accordianheader .faq_set_title .faq_click {
  display: block;
  width: calc(var(--vw) * 30);
  height: calc(var(--vw) * 30);
  background: var(--pink);
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: calc(var(--vw) * 7);
}

.faq_set .accordianheader .faq_set_title .faq_click span {
  width: 100%;
  height: 100%;
  background: var(--w);
  display: block;
  -webkit-mask: url(../img/arrow_go.svg) center center no-repeat;
  -webkit-mask-size: contain;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.faq_set .accordianbody.ui-accordion-content-active {
  margin-top: calc(var(--vw) * 15);
}

.mobile_menu_box {
  position: absolute;
  top: 0;
  left: 5%;
  width: 90%;
  height: 100%;
  background: var(--pink);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: calc(var(--vw) * 130) calc(var(--vw) * 70) calc(var(--vw) * 50);
}

.mobile_menu_holder {
  margin-top: calc(var(--vw) * 25);
}

.mobile_menu_items ul li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  grid-gap: calc(var(--vw) * 10);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: calc(var(--vw) * 20);
}

.mobile_menu_items ul li:last-child {
  margin-bottom: 0;
}

.mobile_menu_items ul li a {
  display: block;
  width: 100%;
  font-size: calc(var(--vw) * 28);
  font-weight: 600;
  color: var(--w);
}

.mobile_menu_items ul li a:hover {
  color: var(--yellow);
}

.mobile_menu_items ul li span {
  display: none;
}

.mobile_menu_items ul li.dropdown span {
  position: relative;
  z-index: 1;
  display: block;
  width: calc(var(--vw) * 30);
  height: calc(var(--vw) * 30);
  border-radius: 100%;
  background: var(--w);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 calc(var(--vw) * 30) rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 calc(var(--vw) * 30) rgba(0, 0, 0, 0.1);
}

.mobile_menu_items ul li.dropdown span::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  width: 50%;
  height: 50%;
  -webkit-mask: url(../img/arrow_go.svg) center center no-repeat;
  -webkit-mask-size: contain;
  background: var(--pink);
}

.mobile_menu_items ul li.dropdown span:hover {
  background: var(--yellow);
}

.mobile_menu_items ul li.dropdown span:hover::before {
  background: var(--b);
}

.mobile_menu_items ul li.dropdown ul {
  display: none;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / span 2;
}

.mobile_menu_items ul li.dropdown ul li a {
  color: var(--blue);
}

.mobile_menu_items ul li.dropdown ul li a:hover {
  color: var(--yellow);
}

.mobile_menu_items ul li.dropdown.active ul {
  margin-top: calc(var(--vw) * 10);
  display: block;
}

.mobile_menu_items ul li.dropdown.active span {
  background: var(--yellow);
}

.mobile_menu_items ul li.dropdown.active span::before {
  background: var(--b);
}

@media (max-width: 1600px) {
  :root {
    --vw: 0.072916667vw;
  }
  .banner_two_section {
    height: calc(var(--vw) * 400);
  }
}

@media (max-width: 786px) {
  :root {
    --vw: 0.152916667vw;
  }
  .grid-col-1,
  .hero_box,
  .hero_box .hero_item_box,
  .grid.col-54,
  .header_menu ul li a.col-54,
  .col-54.text_box,
  .contact_form_item .col-54.form_group,
  .col-54.accordin_box,
  .faq_set .accordianheader .col-54.faq_set_title,
  .work_item_box,
  .footer_copyright {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .header_box {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .header_item_box {
    display: none !important;
  }
  .header_menu_bar {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .header_logo a img {
    height: calc(var(--vw) * 80);
  }
  .header_section.active,
  .header_section.menu_active {
    padding: calc(var(--vw) * 20) 0;
  }
  .header_section.active .header_logo a img,
  .header_section.menu_active .header_logo a img {
    height: calc(var(--vw) * 60);
  }
  .banner_box .banner_frame {
    left: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: auto;
    top: calc(var(--vw) * 150) !important;
  }
  .banner_box .banner_frame .banner_frame_holder img {
    height: calc(var(--vw) * 375);
    width: auto;
  }
  .banner_box .banner_title {
    width: 100%;
    top: calc(var(--vw) * 550) !important;
    text-align: center;
  }
  .banner_box .banner_title .title br {
    display: none;
  }
  .banner_box .banner_description {
    width: 100%;
    text-align: center;
    top: calc(var(--vw) * 685) !important;
  }
  .banner_box .banner_description .description {
    width: 90%;
    margin: auto;
  }
  .banner_section {
    height: calc(var(--vw) * 900) !important;
  }
  h2 {
    font-size: calc(var(--vw) * 42);
  }
  .hero_section .container {
    width: 95%;
  }
  .hero_box {
    border-radius: calc(var(--vw) * 75);
  }
  .hero_box .hero_text_box {
    display: -ms-grid;
    display: grid;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
    grid-gap: calc(var(--vw) * 5);
    place-items: center;
    text-align: center;
    border-right: none;
    border-bottom: var(--vw) solid var(--border);
    padding-bottom: calc(var(--vw) * 20);
  }
  .hero_box .hero_item_box {
    padding-top: calc(var(--vw) * 40);
    place-items: center;
  }
  .mr-2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / span 1;
  }
  .mr-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / span 1;
  }
  .aboutus_item_box .container {
    width: 100%;
  }
  .aboutus_item_box .aboutus_item_img {
    border-radius: 0;
  }
  .aboutus_section {
    overflow: visible;
  }
  .aboutus_section .flower_box {
    top: calc(var(--vw) * -60);
    right: 66%;
  }
  .aboutus_section .flower_box .flower {
    width: calc(var(--vw) * 200);
    height: calc(var(--vw) * 125);
  }
  .aboutus_item {
    width: 70%;
    margin: auto;
  }
  .aboutus_item_holder .aboutus_link {
    top: 39%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    left: 50%;
  }
  .work_item_box {
    width: 70%;
    margin: auto;
  }
  .work_section .work_effect_section .work_effect_item.one {
    width: calc(var(--vw) * 80);
    top: 12% !important;
    left: 7% !important;
  }
  .work_section .work_effect_section .work_effect_item.two {
    width: calc(var(--vw) * 175);
    top: 2% !important;
    left: 70% !important;
  }
  .work_section .work_effect_section .work_effect_item.three {
    width: calc(var(--vw) * 200);
    top: 42% !important;
    left: 75% !important;
  }
  .work_section .work_effect_section .work_effect_item.five {
    width: calc(var(--vw) * 200);
    top: 94% !important;
    left: 7% !important;
  }
  .work_display_item_box {
    margin: 0;
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .work_display {
    padding-bottom: calc(var(--vw) * 125);
  }
  .footer_section {
    padding: calc(var(--vw) * 50) 0;
  }
  .footer_section .footer_img_box.two {
    left: 75%;
  }
  .footer_copyright {
    margin-top: calc(var(--vw) * 30);
    place-items: center;
    text-align: center;
  }
  .copyright_text {
    display: inline-block !important;
  }
  .copyright_item {
    display: -ms-grid;
    display: grid;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
    grid-gap: calc(var(--vw) * 15);
  }
  .contact_form_item {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .contact_form_item .form_group.col3 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / span 1;
  }
  .contacus_box {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .contactus_item:last-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2;
  }
}

@media (max-width: 567px) {
  :root {
    --vw: 0.202916667vw;
  }
  h2 {
    font-size: calc(var(--vw) * 36);
  }
  .container {
    width: 80%;
  }
  .header_section.active,
  .header_section.menu_active {
    padding: calc(var(--vw) * 15) 0;
  }
  .banner_box .banner_frame {
    top: calc(var(--vw) * 130) !important;
  }
  .banner_box .banner_title {
    top: calc(var(--vw) * 525) !important;
  }
  .banner_box .banner_description {
    top: calc(var(--vw) * 645) !important;
  }
  .banner_section {
    height: calc(var(--vw) * 875) !important;
  }
  .hero_item_holder,
  .aboutus_item_list {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .hero_section .container {
    width: 80%;
  }
  .aboutus_item_holder .aboutus_link {
    top: calc(var(--vw) * 285);
  }
  .aboutus_item_list {
    place-items: center;
    text-align: center;
  }
  .work_item_box {
    width: 80%;
    margin: auto;
  }
  .work_section .work_effect_section .work_effect_item.one {
    width: calc(var(--vw) * 75);
    top: 5% !important;
    left: 3% !important;
  }
  .work_section .work_effect_section .work_effect_item.two {
    width: calc(var(--vw) * 150);
    top: 1% !important;
    left: 75% !important;
  }
  .work_section .work_effect_section .work_effect_item.three {
    width: calc(var(--vw) * 175);
    top: 43% !important;
    left: 71% !important;
  }
  .work_display .container {
    width: 90%;
  }
  .aboutus_item.inside {
    width: 100%;
  }
  .aboutus_item.inside .aboutus_item_list {
    place-items: flex-start;
    text-align: left;
  }
  .contacus_box {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
  .contactus_item:last-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / span 1;
  }
  .mobile_menu_box {
    padding: calc(var(--vw) * 120) calc(var(--vw) * 40) calc(var(--vw) * 50);
  }
  .mobile_menu_items ul li a {
    font-size: calc(var(--vw) * 24);
  }
  .hero_item_holder {
    width: 100%;
  }
  .hero_item_holder .hero_item {
    width: 100%;
  }
  .hero_item_holder .hero_item::before {
    left: 0;
  }
  .hero_item_holder .hero_item:last-child::before {
    width: 100%;
    height: calc(var(--vw) * 3);
  }
}
/*# sourceMappingURL=style.css.map */