@charset "UTF-8";

/*
Theme Name: chairiot

Author: the NMG team
Description: chairiot is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how chairiot elevates your portfolio, business website, or personal blog.

 */
html{scroll-behavior: smooth; font-size: 62.5%;}
html,body{margin: 0; padding: 0; font-family: "Poppins", sans-serif;}
body{color: #2C2C2C; font-size: 18px; line-height: 25px; font-weight: 400; background: url(assets/images/gradient.webp) 50% -100px no-repeat}

h1, h2, h3{margin: 0; padding: 0;}

.container{max-width: 1280px; margin: 0px auto;}
.text-center{text-align: center;}
.w-100{width: 100% !important;}
.header-main{padding:0px 0 0;  position: relative; z-index: 10; display: flex; align-items: center;height:120px;}
.header-inner{display: flex; justify-content: space-between; align-items: center; width: 1280px; margin: 0 auto;}
.header-inner .logo a{display: inline-flex; margin: 0; padding: 0;}
header.sticky{position: fixed; width: 100%; padding-bottom: 10px; padding-top: 10px;  height: 65px; box-shadow:0 0 12px #d5cece; z-index: 12; background: #fff; top: 0;}
.main-menu ul{padding: 0; margin: 0;; list-style: none; display: flex; justify-content: flex-end; align-items: center;}
.main-menu ul li{margin-left: 2.8rem;}
.main-menu ul li a{ color: #2C2C2C; font-size: 20px; line-height: 26px; text-decoration: none; position: relative;}
.main-menu ul li a:before {  content: "";  position: absolute;  width: 28px;  height: 2px;  bottom: -5px;  left: 50%;  background-color: #D76E48;  text-decoration: none; visibility: hidden;  -webkit-transform: scaleX(0) translateX(-50%);  transform: scaleX(0) translateX(-50%);  -webkit-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.main-menu ul li a.active{color: #E6B00F; font-weight: 400;}
.hamburger{display: none;}
header .app-btns a{margin-left: 9px;}
header .logo{width:166px; display: inline-flex;}
header .logo img{display: flex;}
.h-right{ display: inline-flex; align-items: center;justify-content:center;}
/*width: calc(100% - 250px);*/
.main-menu {display: inline-flex;margin-left: auto;/* margin-right: 4rem;*/}

/*.page-section{margin-top: -150px; padding-top: 150px;}*/

.body-content {margin-top: 120px;}
.header-main{
    padding: 0px 0 0; z-index: 999;
    position: fixed;
    z-index: 10;
    display: flex;
    align-items: center;
    height: 120px;
    width: 100%;
    top: 0;
}
section#about {
    padding-top: 100px;
    margin-top: -100px;
}
.app-btns{display: flex; align-items: center; justify-content: flex-start; }
.app-btns a{display:inline-flex;transition: .45s;}
.app-btns a:hover{transform: translateY(-3px);}

.section-title{color: #26272D;margin:0 0 3.2rem; font-size: 4.8rem; line-height: 5rem; color: #000; position: relative; text-transform: capitalize;}
.subtitle{color: #e7a800; font-weight: normal; letter-spacing: 2px; margin-bottom: 5px; text-transform: uppercase;}
.align-center{text-align: center; }
p{margin: 0 0 15px; padding: 0;}
p:last-child{margin: 0;}

.top-section{position: relative; }
.top-section .inner-section{display: flex; margin:0 0 18rem;  justify-content: space-between; align-items: center; position: relative; z-index: 2;}
.top-section .lft{width: 50%; padding-top:10rem;}
.top-section .rgt{width: calc(100% - 40%); display: inline-flex;justify-content: flex-end; margin-left: auto; position: relative;}
.top-section .app-btns{margin-top:3rem; margin-bottom: 2.4rem;}
.top-section .app-btns a{margin-right: 19px;}
.top-section .lft strong{color: #E6B00F; letter-spacing: 2px; font-size: 15px; text-transform: uppercase;}
.top-section .section-title{margin-bottom: 22px; font-size: 6.4rem; line-height: 6rem; font-weight: 700;}
.top-section ul.list{margin:16px 0 0; padding: 0; list-style: none;}
.top-section ul.list li{display: flex; padding: 0 0  14px 30px; margin: 0; position: relative; font-size: 18px;}
.top-section ul.list li:before{position: absolute; content: ""; width: 20px; height: 20px; border-radius: 50%; background:#E6B00F; left: 0; top: 0; content: "";}
.top-section ul.list li:after {position: absolute;left: 6px;content: '';display: block;width: 5px;height: 10px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);top: 3px;}
.top-section .rgt img{position: relative; z-index: 3;}
.top-section .circle-bx{position: absolute;z-index: 2; right: 0; top: 0;}
.top-section .gradient{position: absolute; z-index: 1; right: 0; top: 46%;}
.top-section .chairiot-screen{position:absolute ; z-index: 3; right: 5%; top: 0}

.scroll-down{position: relative; height:68px; z-index: 5;}
.scroll-down span{color: #948F83; font-size: 15px; font-weight: 600; letter-spacing: 2; text-transform: uppercase; margin: 0 0 12px;
  display: flex; justify-content: center;}
.arrow1{width: 24px; height: 24px; background-color: transparent; z-index: 80;
            top: 30px; position: absolute; border-width:0 2px 2px 0; border-style: solid; border-color:#e6b00f; animation: scrolldown 1.2s ease-in-out infinite 0.15s;}
.arrow2{width: 24px; height: 24px; background-color: transparent; z-index: 80;
            top: 20px; position: absolute; border-width: 0 2px 2px 0; border-style: solid; border-color: #fde598; animation: scrolldown 1.2s ease-in-out infinite;}

.scroll-down div{left: 50%;transform: translateY(0%) rotate(45deg);opacity: 0;}
@keyframes scrolldown {
0%{
    transform: translateY(20%) rotate(45deg);
    opacity: 0.7;
}
50%{
    transform: translateY(0%) rotate(45deg);
    opacity: 0.2;
}
100%{
    transform: translateY(20%) rotate(45deg);
    opacity: 0.7;
}
}

.our-work{padding-top: 10rem;padding-bottom: 0rem;}
.section {padding: 5rem 0px;text-align: center;}
.section small {color: #e7a800;font-weight: bold;Letter-spacing: 1px;}
.section h2 {margin: 10px 0 50px; font-size: 30px; color: #111;}
.booking-wrapper {display: flex;justify-content: center;align-items: center;position: relative;flex-wrap: wrap;}
.phone {position: relative;width: 40%;/*height: 450px;*/margin: 0px;z-index: 2;}
.phone img{z-index: 1; position: relative;}
.step {position: relative; z-index: 5;background: #fff;border: 1px solid #D9D9D9;border-radius: 20px;padding:10px 28px;width: 230px; min-height: 230px;margin-bottom:40px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);text-align: left; position: relative;display: flex;
flex-direction: column;justify-content: center;cursor: pointer;transition: transform 0.3s;}
.step p{margin: 0; padding: 0;}
.step:hover{background: #E6B00F;color: #fff;}
.step:hover .number{background: #fff; color: #E6B00F; }
.step:hover p{opacity: 0.8;}
.step:last-child {margin-bottom: 0;}
.step .number {background: #e7a800;color: #fff;width: 48px;height: 48px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 20px;margin-bottom: 15px;}
.step h3 {font-size:20px;margin: 0 0 15px;font-weight: 600;}
.steps-container {display: flex;flex-direction: column;justify-content: space-between;/*height: 450px;*/}
.line { width: 76%;  position: absolute;    top: 55px; bottom:55px;display: flex; justify-content: space-between; z-index: 1;left: 50%;
    transform: translateX(-50%);}
.line-column {display: flex;flex-direction: column;justify-content: space-between;align-items: center;position: relative;}
.top-dot:before, .bottom-dot:before {position: absolute;    content: "";width: 22px;height: 22px;background: #e7a800;border-radius: 50%;z-index: 2; left:-7px;}
.top-dot:after {position: absolute;height: 100%;width: 1px;content: "";background: #e7a800;z-index: 1;left: 3px;}
.middle-dot:before{position: absolute;content: "";width: 22px; z-index: 2;height: 22px;border: 2px solid #e7a800;background: white;border-radius: 50%;left: -10px;}
.middle-dot:after{position: absolute;height: 1px;width:72px;margin-top: 13px;content: "";background: #e7a800;z-index: 1;left: 1px;}
.line-right .middle-dot:after{left: auto; right: 0;}
.left-border:after, .right-border:after{position: absolute;height: 1px;width:72px;margin-top: 10px;content: "";background: #e7a800;z-index: 1;right: 1px;}
.right-border:after{right: auto; left: 0;}

.features-inner{padding:10rem 0 0;}
.features-inner, .advantages-inner{display: flex; justify-content: space-between; align-items: center;}

.features-inner .lft, .advantages-inner .lft{width: 50%; position: relative; }
.features-inner .rgt, .advantages-inner .rgt{width: calc(100% - 55%);}
.features-inner ul{list-style: none; margin: 0; padding: 0;}
.features-inner ul li{margin: 0 0 30px; display: flex; flex-direction: column;}
.features-inner ul li .title{margin-bottom: 10px; display: flex; align-items: center;}
.features-inner ul li svg{width: 20px; margin-right:10px;}
.features-inner ul li strong{width: calc(100% - 30px); display: inline-flex;}

.screen-col-lft .circle-bx{position: absolute; right: 0; z-index: 1;width:90%; top: 50%;
transform: translateY(-50%) translateX(-50%); left: 50%; }
.screen-col-lft  .circle-bx svg,
.screen-col-lft  .gradient svg{width: 100%;}
.screen-col-lft  .gradient{position: absolute; right: 0; z-index: 2;    width: 90%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
left: 33%;}
.screen-col-lft  .chairiot-screen{display: flex; justify-content: center; position: relative;z-index: 3;}
.screen-col-lft  .chairiot-screen img{margin: 0 auto;}

.screen-col-rgt {position: relative;}
.screen-col-rgt .circle-bx{position: absolute; right: 0; z-index: 1;width:90%; top: 50%;
transform: translateY(-50%) translateX(-50%); left: 50%; }
.screen-col-rgt  .circle-bx svg,
.screen-col-rgt  .gradient svg{width: 100%;}
.screen-col-rgt  .gradient{position: absolute; right: 0; z-index: 2; width: 90%;top: 50%;transform: translateY(-50%) translateX(-50%);left: 33%;}
.screen-col-rgt  .chairiot-screen{display: flex; justify-content: center; position: relative;z-index: 3;}
.screen-col-rgt  .chairiot-screen img{margin: 0 auto;}
.section-heading{margin: 0 0 22px; display: flex; align-items: center; font-size: 28px; line-height: 28px; font-weight: 600;}
.section-heading .icon{width: 48px; height:48px; margin-right: 15px; border-radius: 50%; background: #E6B00F; display: flex; justify-content: center; align-items: center;}
.section-heading span{display: inline-flex; width: cacl(100% - 65px);}
.advantages-inner{padding-top: 10rem; padding-bottom: 0rem;}
#advantages .advantages-inner:last-child{flex-direction: row-reverse; padding-bottom: 10rem;}
#advantages {position: relative;}
#advantages .gradient2{position: absolute; z-index: 1; right: 0; top: 0%;}
#advantages .gradient3{position: absolute; z-index: 1; left: 5%; bottom: -10%;}
.advantages-inner .rgt{position: relative; display: inline-flex;justify-content: center;}
.advantages-inner .circle-bx2{position: absolute;z-index: 2; right: 0; top:-20%;width: 100%;}
.advantages-inner .circle-bx2 svg{width: 100%;}
.advantages-inner .chairiot-screen2{position:relative ; z-index: 3; }
.advantages-inner .chairiot-screen2 img{margin: 0 auto;}
#advantages .advantages-inner:last-child{padding-bottom: 0;}
#how-works{padding-top: 50px; margin-top: -50px;}
#faq-section {padding-top: 8rem;}
.get-started .app-btns{margin-top: 4rem;}
.get-started .app-btns a:last-child{margin-left: 16px;}
#faq-section .get-started .container{padding-top: 0rem;}

.get-started{padding-top: 10.1rem;}
.get-started .inner-bx{background: #000; border-radius: 8px;display: flex; justify-content: space-between; align-items: center; overflow: hidden; position: relative;}
.get-started .inner-bx .lft-col{width: 50%; margin:10rem 0rem 10rem 7rem; color: #fff; position: relative; z-index: 2;}
.get-started .inner-bx .lft-col .section-title{color: #fff;}
.get-started .inner-bx .rgt-col{width: clac(100% - 55%);position: relative;}
.get-started .inner-bx .rgt-col img{ position: relative; z-index: 3;}
.get-started .inner-bx .rgt-col .gradient{position: absolute; z-index: 2; top: -161px; right: -114px;}
.get-started .circle-bottom{position: absolute; z-index: 1;bottom: -387px; left: -350px;}
.get-started .circle-top{position: absolute; z-index: 1;top: -387px; right: -350px;}
.get-started .inner-bx .rgt-col .gradient svg {width: 600px; height: 600px;}

.get-started .circle-top .path {stroke-dasharray:450;stroke-dashoffset: 450;transition: stroke-dashoffset 3s ease-out;}
.get-started .circle-bottom .path {stroke-dasharray: 600;stroke-dashoffset: 600;transition: stroke-dashoffset 5s ease-out;}
.draw-me.in-view .path {stroke-dashoffset: 0;}

footer.main-footer{margin:0; padding:6.5rem 0  5rem; text-align: center;color: #757575;font-size: 14px;font-style: normal;font-weight: 400;line-height:26px;}
footer.main-footer .container{display: flex; justify-content: space-between; align-items: center;}
footer.main-footer .lft a{color: #757575; font-weight:600; position: relative;padding-right: 10px; text-decoration: none;transition: .45s; display: inline-block;}
footer.main-footer .lft a:hover{color: #E6B00F;transform: translatey(-1px);}
footer.main-footer .lft a:before{position: absolute;content: "";right: 3px;top: 7px;height: 13px;width: 1px;background: #757575;transform: rotate(18deg);}

footer.main-footer .rgt{display: inline-flex; align-items: center; font-size: 15px;}
footer.main-footer .rgt img{margin-left: 10px; width: 55px;}
footer.main-footer .rgt a{display: inline-flex;transition: .45s;}
footer.main-footer .rgt a:hover{transform: translateY(-3px);}


.js-scroll {opacity: 0;  transition: opacity 0.5s;}
.js-scroll.scrolled {  opacity: 1;}
.scrolled.fade-in {  animation: 0.5s ease-in-out both fade-in;}
.scrolled.fade-in-bottom {  animation: 0.5s ease-in-out both fade-in-bottom;}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-30px); }
}
@keyframes mover2 {
    0% { transform: translatex(0); }
    100% { transform: translatex(-30px); }
}
.circle-bx svg, .circle-bx2 svg, .circle-bx3 svg{-webkit-animation: mover2 3s infinite alternate;
    animation: mover 2s infinite alternate;}

 /*faq*/
 .ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content {
    padding: 25px 40px 25px 40px;
}
.ui-accordion .ui-accordion-header{background:#fdf9ed; border:8px; margin-top:16px;
color: #2C2C2C;
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: 3.2rem;
letter-spacing: 0.196px;
position: relative;
padding-right: 48px;
cursor: pointer;
/*transition: color 300ms ease-in-out;*/transition: inherit;
list-style: none;
text-transform: capitalize; }
.ui-accordion .ui-accordion-header.ui-state-active{background:#e6b00f;}
.ui-accordion .ui-accordion-content{background:#e6b00f; border:0; padding-top: 0; margin:0px 0 16px; transition: inherit;}


.ui-accordion .ui-accordion-header:before, .ui-accordion .ui-accordion-header:after {  content: ""; position: absolute;}
.ui-accordion .ui-accordion-header:before {  right: 20px;  top: 50%;  height: 2px;  margin-top: -1px;  width:22px;  background: #000;}
.ui-accordion .ui-accordion-header:after {right:30px;top: 50%;height:22px;margin-top: -11px;width: 2px;margin-left: -1px; background: #000; transition: all 300ms ease-in-out;}
.ui-accordion .ui-accordion-header.ui-state-active:after {opacity: 0;transform: translateY(25%);}
.ui-accordion-header-icon {
    display: none !important;
}

.cms-page{padding-bottom: 8rem;}
.cms-page h1{color: #26272D;margin: 0 0 3.2rem;font-size: 4.8rem;line-height: 5rem;color: #000;position: relative;text-transform: capitalize;}
.cms-page h2, .cms-page h3{margin:1rem 0 1rem;
font-size:2.5rem;
line-height: 3.2rem;
color: #000;
position: relative;
font-weight: 600;}
.cms-page p{font-size: 16px; line-height: 26px;}
header.inner-heading{margin:5rem 0 5rem;}

.error-page {text-align: center;padding-top: 6rem;background-repeat: no-repeat;min-height: 400px;justify-content: center;display: flex;
align-items: center; flex-direction: column;}
.error-page h1 {padding: 0;margin: 0;line-height: 20rem;font-size: 25rem;font-weight: 800;color: #E6B00F;}
.error-page p.search-sorry {font-weight: 300;font-size: 3rem;margin-top: 10px;margin-bottom: 10px;line-height: 5rem;}
.error-page p.search-not-exists {font-weight: 700;font-size: 2rem;margin-bottom: 1.25rem;}
.error-page .home-404-link {text-align: center;margin-bottom: 0;}
.error-page a {color: #E6B00F;font-size: 16px;font-weight: 600;border-bottom: 0;line-height: 1;display: inline-block;opacity: 0.9;text-decoration: none;}

a#scroll {width:45px;height:45px;background-color:#e6b00f;display: inline-block;
position: fixed;right: 15px;bottom: 15px;border-radius: 50%; transition: 0.5s; z-index: 999;border: 2px solid transparent;}
a#scroll:hover{border: 2px solid #e7e0ca;}
#scroll span {font-size: 10px;}
#scroll span:after{
border: solid #fff;
border-width: 0 2px 2px 0;top: 18px;
    left: 16px;
position: absolute;
content: "";
padding: 6px;
z-index: 1;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transition: 0.5s ease-in-out;

}


@media only screen and (max-width:1366px){
.container{max-width: 90%;}
.header-inner{width: 90%;}
.top-section .chairiot-screen{right: 0;}
}

@media only screen and (max-width:1000px){
/*Navigation CSS*/
.main-menu {background: #fff;width: 300px;top: 85px;right: 0%;color: #fff;height: 0;position: absolute;z-index: 9997;/* overflow-y: auto; */opacity: 0;visibility: hidden;transition: 0.5s;box-shadow: -13px 0px 14px -15px #b5a9a9;margin: 0;}
.main-menu.open {height: 100vh;right: 0;opacity: 1;visibility: visible;}
.main-menu ul{flex-direction: column;  justify-content: flex-start;padding-top: 50px;align-items: flex-start;}
.main-menu ul li {display: flex;}
.main-menu ul li a {font-weight: 600;color: rgba(38, 39, 45, 0.65);text-decoration: none;position: relative;font-size: 22px;padding: 8px 3rem;display: flex;}
.h-right{flex-direction: row-reverse; align-items: center;}
.hamburger-menu{display: flex; justify-content: flex-end; margin-left: auto;margin-top:0; width: 30px; height: 30px;}
.hamburger-menu{cursor: pointer;}
.bar,.bar:after,.bar:before {width: 30px;height: 3px;}
.bar {position: relative;transform: translateY(10px);background:#e6b00f;transition: all 0ms 300ms; cursor: pointer;}
.bar.animate{background: transparent;}
.bar:before {content: "";position: absolute;left: 0;bottom: 10px;background:#e6b00f;transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.bar:after {content: "";position: absolute;left: 0;top: 10px;background: #e6b00f;transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.bar.animate:after {top: 0;transform: rotate(45deg);transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.bar.animate:before {bottom: 0;transform: rotate(-45deg);transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);}

.booking-wrapper {flex-direction: column;}
.line {display: none;}
.home .header-main .app-btns{display: none;}
.header-main{height: 80px;}
}

@media only screen and (max-width:820px){
 html {font-size: 48%;  }
body{background: url(images/gradient.webp) 50% -100px no-repeat; font-size: 15px;}
.top-section .section-title {font-size: 4.5rem;line-height: 5rem;}
.section-title{font-size: 3.5rem; line-height: 4rem;}
.sticky{height: 38px;}
.d-column, #advantages .advantages-inner:last-child{flex-direction: column;}
.our-work{padding-bottom: 0rem;padding-top: 10rem;}

.features-inner{flex-direction: column-reverse !important;  padding:8rem 0 0;/*margin-bottom: 13rem;*/}
.mob-100{width: 100% !important; margin: 0 0 3rem; padding: 0;}
.get-started .inner-bx .lft-col{margin:5rem 3rem 3rem; width: calc(100% - 6rem) !important;}
.get-started .inner-bx .rgt-col .gradient{top: 0; right: 0;}
.get-started .inner-bx .rgt-col img, img{max-width: 100%;}
.get-started{padding-top: 5rem;}
.section{padding-bottom: 0;}
.advantages-inner{padding-top: 0;}
#advantages{padding-top: 5rem; /*margin-top: -16px;*/}
.step{width: calc(100% - 56px); min-height: inherit; padding-top: 30px; padding-bottom: 30px; margin-bottom: 20px;}
.step:last-child{margin-bottom: 20px;}
.steps-container{width: 100%;}
.phone{display: none;}
.details__summary{font-size: 20px;    line-height: 28px;}
.details__summary, .details__content {padding: 20px 40px 20px 20px}
.top-section{overflow-x: hidden;}

.top-section .inner-section{margin-bottom: 0;}
.top-section .circle-bx {width: 100%;bottom: 65px;top: auto;left: 40%;right: auto;transform: translateX(-50%);}
.top-section .chairiot-screen {position: relative;z-index: 3;right: inherit;top: inherit;}
.top-section .gradient {top: auto;bottom: 0;right: auto;left: 0;}
.top-section .lft{padding-top: 5rem;}
.top-section .gradient{top: auto; bottom: 0;}
.gradient, .gradient2, .gradient3{width: 80%; }
.gradient img, .gradient2 img, .gradient3 img{max-width: 100%;}
.circle-bx svg{width: 100%;}

.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content {padding: 20px 45px 20px 20px;}
.ui-accordion .ui-accordion-content{margin-top: -35px;}
.ui-accordion .ui-accordion-content p{font-size: 15px;}
.ui-accordion .ui-accordion-header{padding-right: 45px; font-size: 20px; line-height: 28px;}
.ui-accordion .ui-accordion-header:before {  right: 20px;  margin-top: -1px;  width:15px; }
.ui-accordion .ui-accordion-header:after {right: 26px;height:15px;margin-top: -8px;width: 2px;margin-left: -1px;}
.ui-accordion .ui-accordion-header.ui-state-active:after {opacity: 0;transform: translateY(25%);}


footer.main-footer .lft a:nth-child(2n):before {display: none;}
footer.main-footer{padding: 5rem 0  3rem;}
footer.main-footer .lft{margin: 0 0 0rem; flex-direction: column;}
footer.main-footer .lft span{display: inline-flex; justify-content: center; align-items: center;}
footer.main-footer .rgt{font-size: 15px;justify-content: center; margin-bottom: 0;}
footer.main-footer .rgt a img{width: 80px;}
}
@media only screen and (max-width:500px){
.top-section .circle-bx{bottom: -40px}
}

@media only screen and (max-width:400px){
footer.main-footer .rgt{flex-direction: column;}
footer.main-footer .rgt a{margin-top: 10px;}
}