@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Farro:wght@300;400;500;700&display=swap');

body{
  margin:0;
  padding:0;
  color: #020a5f;
  font-family: "Dosis", sans-serif;
}

.main{
  margin: auto;
  padding: 0;
  width: 100%;
}
a{
  color: #000;
  text-decoration: none;
}
a:focus, a:hover {
    color: #000;
    text-decoration: none;
}
img{
  max-width: 100%;
}
h1{margin:0px;}
h2{margin:0px;}
h3{margin:0px;}
h4{margin:0px;}
h5{margin:0px;}
h6{margin:0px;}

.bi {
  display: inline-block;
  vertical-align: -0.125em;
  fill: currentcolor;
}

/*font-family: "Farro", sans-serif;
*/
/*linear-gradient(to right, #03139a ,#01095b )*/
/*#ffa202*/
/* START HEADER SECTION */

/* start head section */

.topmobile-call{
  display:none;
}
.head-contact{
  padding: 0 0 15px 0;
}
.head-contact ul{
  padding: 0;
  text-align: center;
  margin: 0;
  list-style: none;
}
.head-contact ul li{
  padding: 0 10px 0 0;
  font-size: 27px;
  margin: 0;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
}
.head-contact li span{
  height: 35px;
  width: 36px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  background: linear-gradient(to right, rgb(160 17 157), rgb(139 23 136));
}
.head-contact ul li:nth-child(3){
  color: #ba0000;
}
.head-section1{
  padding: 0;
  position:relative;
  background: linear-gradient(179deg, #fff4e2b3, transparent);
}
.head-section1:before{
  content:"";
  position:absolute;
  height: 40.1%;
  width: 20%;
  background: #ffa202;
  bottom: 0;
  right: 0;
  left: auto;
}
.bg-top-call-none{
  display:none;
  font-size: 40px;
  line-height: 49px;
  font-weight: 700;
}
.head-section2{
  padding: 16px 0 0px 0px;
  display: flex;
  align-items: end;
  position: relative;
}

.head-logo1{
  padding: 0;
  width: 36%;
}
.head-logo2{
  padding: 0px 0;
  text-align: center;
  position:relative;
  z-index: 9;
}

.head-logo2 a{
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.head-logo2 img{
  /* height: 66px; */
}
.head-center1{
  padding: 0 0 0 30px;
  width: 66%;
}
.head-center2{
  padding: 8px 5px 7px 0px;
  min-height: 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffa202;
  border-radius: 40px 0 0 40px;
}
.head-navigation{
  padding: 0px;
  width: 68%;
}
.navbar{
  margin-bottom: 0;
  min-height: 0;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.menu{
  padding:0;
  margin:0;
}
.menu li {
  position: relative;
  text-align: left;
  display: inline-block;
  list-style: none;
  padding: 10px 20px 10px 20px;
  margin: 0px 0px;
  transition: 0.4s all;
}

.menu li:last-child{
    border-right: 0px;
    box-shadow: none;
}
.menu li a {
  display: inline-block;
  text-decoration: none;
  color: #000000;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0px 0px 0 0px;
  position: relative;
  font-size: 19px;
  transition: 0.1s ease-in-out;
}
.menu .active a {
  color: #ffffff;
  background: #fd992100;
}

.menu li:hover a{
    color: #ffffff;
    background: #fd992100;
}
.navbar-toggler img{
  filter: brightness(0) invert(1);
  height: 18px;
  margin: -6px 0 0 0;
}
.toggle_bars{
    display: none;
    color: #fff;
    font-size: 30px;
    text-align: right;
    background-color: transparent;
    width: 50px;
    padding: 0 12px;
}
.navbar-toggler {
  border-radius: 50px;
  display: none;
  color: #000000;
  font-size: 30px;
  z-index: 9;
  position: absolute;
  border: 0px !important;
  text-align: center;
  float: right;
  top: -64px;
  right: 7px;
  padding: 0 0px 0 0;
  background: #fbac29;
  height: 45px;
  width: 45px;
  }

.navbar-collapse{padding:0;}
.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.dropdown-menu ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.dropdown-menu ul li{
  display:block;
  padding: 11px 0 11px 14px;
  color: #fff;
  margin: 0;
}
.menu li .dropdown-menu ul li:hover a{
  background:transparent;
}
.dropdown-menu ul li:last-child{
  padding-bottom:15px;

}
.dropdown-menu ul li:nth-child(1){
  padding-top: 9px;
}
.menu li .dropdown-menu ul li a{
  display: block;
  color: #ffffff;
  font-size: 17px;
  background: #c0203c00;
  border: 0;
  font-weight: 600;
  padding: 0;
  border-radius: initial;
}

.menu li .dropdown-menu ul li:before {
  display:none;
}
.dropdown-menu ul li:hover{
  background: #ffffff;
  color: #000000;
}
.menu li .dropdown-menu ul li:hover a{
  color: #000000;
}
.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-menu {
  position: absolute;
  padding: 0;
  top: 100%;
  transform: translateY(19px);
  transition: 0.4s all;
  left: 0px;
  float: none;
  right: 0;
  text-align: center;
  margin: 0 auto;
  border: 0;
  width: 250px;
  display: none;
  background: linear-gradient(to right, #03139a ,#01095b );
  z-index: 99;
  border-radius: 0;
  transition: 0.4s all;
}
.dropdown:hover .dropdown-menu{
  transform: translateY(0px);
  display:block;
}

.head-right{
  padding: 0;
  text-align: center;
  width: 33%;
}
.head-right a{
  background: #01095b;
  color: #ffffff;
  padding: 11px 13px;
  display:inline-block;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 18px;
}
.head-right a .bi{
  margin: 0 5px 0 0px;
  height: 1.0em;
  width: 1.0em;
}

.design-whatsapp{
  background: #fff7eb;
  font-size:15px;
  color: #0f9b00 !important;
  text-align: center;
  border-radius: 50px;
  position: absolute;
  right: -70px;
  height: 68px;
  bottom: 30px;
  width: 68px;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.design-whatsapp .bi{
  height: 2.2em;
  width: 2.2em;
  animation: anim 1s infinite;
} 

@keyframes anim {
    10% {
        rotate: 10deg;
    }
    15% {
        rotate: -10deg;
    }
    20% {
        rotate: 10deg;
    }
    25% {
        rotate: -10deg;
    }
    30% {
        rotate: 10deg;
    }
    35% {
        rotate: -10deg;
    }
    40% {
        rotate: 10deg;
    }
    45% {
        rotate: -10deg;
    }
    50% {
        rotate: 0deg;
    }
}


/* end head section */


/* start slider section */
.slider-section{
  padding: 0px 0 0px 0;
  margin: 0px 0 0 0;
}
.slider-section img{
  width: 100%;
}
.carousel-control b .glyphicon{
  opacity:1;
  color: #ffffff;
  text-shadow: none;
  background: #020d77;
  top: 13px;
  transition: 0.9s ease-in-out;
  left: 0;
  right: 0;
  height: 28px;
  width: 28px;
  line-height: 27px;
  font-size: 18px;
  border-radius: 50%;
  margin: 0 auto;
}
.carousel-control b{
  background: linear-gradient(45deg, #ffa803, #fe7201);
  left: 0px;
  position: absolute;
  transition: 0.9s ease-in-out;
  top: 41%;
  border-radius: 0;
  line-height: 62px;
  padding: 4px 8px 4px 6px;
  height: 54px;
  border-radius: 0 40px 40px 0;
  width: 41px;
}
.right b{left: auto;right: 0;border-radius: 40px 0px 0px 40px;}
.right b .glyphicon-chevron-right{left: 0;}
.carousel-control{
  opacity:1;
}
.carousel-control:focus, .carousel-control:hover {
    opacity:1;
}
.carousel-control.left{
  background-image:none;
}
.carousel-control.right{
  background-image:none;
 
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 8%;
}
/* end slider section */

/* END HEADER SECTION */



/* start about us section  */

.aboutus-section{
  padding: 0;
  position:relative;
  overflow: hidden;
}
.bg-image{position: absolute;right: 0;}
.aboutus-section1{
  padding: 70px 0 0px;
}

.aboutus-left1{
  padding: 0 0px;
}
.aboutus-left1:before{
  height: 100%;
  width:100%;
  left:0;
  margin:0 auto;
  right:0;
  position:absolute;
  content:"";
}
.aboutus-left2{
  border: 3px solid #ff8201;
  border-radius: 30px;
  padding: 0 40px 40px 40px;
}
.right-round-image{
  position:absolute;
  top: 0px;
  right: 0px;
  overflow: hidden;
  z-index: -9;
}
.bg-cricle{
  margin: 0 auto;
  display: block;
  animation: rotation 15s linear infinite;
}
.bg-cricle img{
  
}

.aboutus-heading{
  padding: 0;
  z-index: 9;
}

.aboutus-heading p{
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;
  display: inline-block;
  letter-spacing: 3px;
  border-radius: 30px;
  padding: 4px 20px 4px 20px;
  margin: -38px 0 0px 0;
  text-transform: uppercase;
  background: linear-gradient(45deg, #ff7100, #ffaa02);
}
.aboutus-heading strong{
  font-family: "Farro", sans-serif;
  padding: 0;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 35px;
  color: #010e75;
  display: block;
}
.aboutus-heading h1{
  padding: 20px 0 0 0;
  font-family: "Farro", sans-serif;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 53px;
}
.aboutus-heading h1 a{
  color: #010a65;
}
.heading-blur{
  padding: 40px 0 0px 0;
  text-align: center;
}
.heading-blur strong {
  font-size: 43px;
  color: #fff1c8;
  text-transform: uppercase;
  font-weight: 900;
  position: relative;
  padding-bottom: 15px;
} 
.om{
  height: 2px;
  width: 100%;
  position: relative;
  top: 2px;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #fdb74e,#fdd88e,#fcaf3d,#fee4a4,#fbaa36);
  z-index: 9;
}
.om img {
  height: 35px;
  margin: -28px 0 0 0;
}
.om:after {
  background: linear-gradient(to right, #fdb74e,#fdd88e,#fcaf3d,#fee4a4,#fbaa36);
  z-index: -9;
  height: 50px;
  width: 50px;
  line-height: 0;
  margin: 0;
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  content: "";
  right: 0;
  top: -24px;
  margin: 0 auto;
}

.aboutus-content{
  padding: 21px 0px 0px;
}
.aboutus-content p{
  color: #000000;
  line-height: 37px;
  font-size: 18px;
  margin:0;
  font-weight: 500;
}



.aboutus-right1{
  padding: 0;
  text-align: center;
}
.aboutus-right2{
  text-align: center;
  padding: 0px 0 0px;
  overflow: hidden;
}
.aboutus-right2 .bagwanji{
  height: auto;
  display: block;
  margin: 0 auto;
}
.aboutus-right2 .bg-cricle{
  position: absolute;
  left: 0;
  top: -50%;
  height: 507px;
  right: 0;
  overflow: hidden;
  margin: 0 auto;
  z-index: -1;
  animation: rotation 15s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0);

  }
  to {
    transform: rotate(1turn);
      
  }
}
/* end about us section  */


/* start banner design section  */

.bannerdesign-section{
  padding: 0;
  position:relative;
  z-index:9;
}
.bannerdesign-section:before{
  background: linear-gradient(to top, white 30%, #020a5f 20%);
  background-repeat: no-repeat;
  position:absolute;
  content:"";
  left:0;
  right:0;
  bottom: -0;
  z-index:-9;
  height: 100%;
  width: 100%;
}
.bannerdesign-section1{
  padding: 0 0 0px 0;
}

.bannerdesign-left1{
  padding: 0px 40px 0 60px;
}
.bannerdesign-left2{
  padding: 10px 10px;
  text-align: center;
  background: #ffa103;
  margin: 0 auto;
  box-shadow: 0 0 14px 0px #fbaa3761;
}
.banner-image1{
  padding: 0 0px 10px 0px;
}
.banner-image1 img{
  border: 1px solid #fff;
  width: 100%;
}
.banner-image2{
  padding: 10px 0 0;
}
.banner-image2 img{border: 1px solid #fff;width: 100%;}




.bannerdesign-right1{
  padding: 0px 0px 10px 0px;
}
.bannerdesign-right2{
  padding: 0px;
}
.life-heading{
  padding: 0px  0 0px 0;
  text-align: center;
}
.life-heading strong{
  background: #ffa202;
  display: block;
  color: #ffffff;
  padding: 9px 56px 9px;
  letter-spacing: 4px;
  text-transform: uppercase;
  border-radius: 0 0 40px 40px;
  font-size: 31px;
  font-weight: 800;
}
.banner-design{
  padding: 0px;
  text-align: center;
}
.banner-design strong{
  text-transform: capitalize;
  font-weight: 600;
  font-size: 49px;
  font-family: "Farro", sans-serif;
  color: #ffffff;
  display: block;
  letter-spacing: 2px;
  padding: 12px 0 10px;
  text-align: center;
}
.banner-design p{
  margin: 0;
  color: #000;
  line-height: 26px;
  font-size: 16px;
  padding: 6px 10px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  background: #ffffff;
}
.family-banner{
  padding: 30px 0 0 0;
  text-align: center;
}
.family-banner img{

}
/* end banner design section  */

/* start services section  */

.services-section{
  padding: 0;
}
.services-section1{
  padding: 140px 0 130px;
}


.serices-left1{
  padding: 10px 0px 10px 0px;
}
.services-left2{
  padding: 0px 15px 40px 15px;
  border: 2px solid #ff8201;
  border-radius: 30px;
}

.servicesheading-blur{
  padding: 40px 0 0px 0;
  text-align: center;
}
.servicesheading-blur strong{
  font-size: 70px;
  color: #fff1c8;
  text-transform: uppercase;
  font-weight: 900;
  position: relative;
  padding-bottom: 15px;
  letter-spacing: 4px;
}
.om-design{
  height: 2px;
  width: 40%;
  position: relative;
  top: 2px;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #fdb74e,#fdd88e,#fcaf3d,#fee4a4,#fbaa36);
  z-index: 9;
  margin: 0 auto;
}
.om-design img {
  height: 35px;
  margin: -28px 0 0 0;
}
.om-design:after {
  background: linear-gradient(to right, #fdb74e,#fdd88e,#fcaf3d,#fee4a4,#fbaa36);
  z-index: -9;
  height: 50px;
  width: 50px;
  line-height: 0;
  margin: 0;
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  content: "";
  right: 0;
  top: -24px;
  margin: 0 auto;
}

.services-heading{
  padding: 0px 40px 22px;
  text-align: center;
}
.services-heading span{
    color: #ffffff;
    font-size: 24px;
    display: block;
    width: fit-content;
    font-weight: 600;
    letter-spacing: 3px;
    border-radius: 30px;
    padding: 4px 24px 4px 25px;
    margin: -22px auto 0px auto;
    text-transform: uppercase;
    background: linear-gradient(45deg, #ff7100, #ffaa02);
}


.services-heading strong{
  padding: 0 0 0px 0;
  text-transform: capitalize;
  font-weight: 800;
  color: #020a5f;
  font-size: 65px;
  font-family: "Farro", sans-serif;
  display: block;
}
.services-heading p{
  color: #000000;
  line-height: 30px;
  font-weight: 500;
  font-size: 17px;
  margin: 0;
}

.services{
  padding: 13px 0 0 0;
}
.services1{
  padding: 10px;
}
.services2{
  padding: 10px 10px 10px 10px;
  position:relative;
  z-index:9;
  border: 2px solid #ff8201;
  border-radius: 30px;
  background: #fff;
}
.services3{
  text-align: left;
  padding: 0;
  position:relative;
}
.services3:before{
  background: linear-gradient(to right, #fdb74e,#fdd88e,#fcaf3d,#fee4a4,#fbaa36);
  content:"";
  position:absolute;
  z-index:-9;
  

}
.services3 img{
  padding: 0px;
  text-align: center;
  margin: 0 auto;
  display: block;
  border-radius: 24px;
}
.services4{
  padding: 10px 13px 30px;
  text-align: center;
}
.services4 strong{
  display: block;
  width: fit-content;
  padding: 6px 24px;
  text-transform: capitalize;
  margin: -24px auto 0;
  border-radius: 52px;
  font-weight: 600;
  background: linear-gradient(45deg, #ff7100, #ffaa02);
  font-size: 22px;
  color: #ffffff;
  font-family: "Farro", sans-serif;
}
.services4 p{
  color: #000000;
  line-height: 30px;
  font-weight: 500;
  font-size: 16px;
  margin: 0;
  padding: 5px 0 15px 0;
}
.services4 a{
  background: linear-gradient(45deg, #ff7100, #ffaa02);
  font-size: 20px;
  margin: 0;
  color: #000000;
  font-weight: 700;
  display: inline-block;
  padding: 4px 23px 4px;
  margin: 4px 0 0 0;
  text-transform: capitalize;
  border-radius: 30px 30px;
}
.owl-theme .owl-controls{
  position: absolute;
  width: 100%;
  top: 48%;
  text-align: left;
}
.owl-buttons{
  top:0;
}
.owl-theme .owl-controls .owl-buttons div{
  background: #010e75;
  height: 28px;
  border-radius: 0;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  width: 19px;
  line-height: 32px;
  border: 0;
  opacity: 1;
  padding: 0px 0px;
  margin: 0px;
}
.owl-theme .owl-controls .owl-buttons .owl-next{
  border-radius: 0;
  float: right;
}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{
  content: "\e257";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.owl-theme .owl-controls .owl-buttons .owl-next:before{
  content: "\e258";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.services-inner{
  padding: 10px;
}
.services-inner .services4 strong{
  font-size: 22px;
}


.services-right1{
  padding: 0px 30px 10px 0px;
}
.services-right2{
  padding: 0px;
}
.list-services2{
  background: #fff;
  padding: 20px 20px 20px;
  margin: 31px 0 0 0;
  box-shadow: 0 0 13px #cfcfcf;
  border-radius: 20px;
}
.list-services2 ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.list-services2 ul li{
  background: #010e75;
  padding: 14px 10px 14px 42px;
  text-align: left;
  border-radius: 10px;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 500;
  margin: 11px 0;
  position: relative;
}
.list-services2 ul li a{
  display: block;
  color: #fff;
}
.list-services2 ul li:before{
  content: "";
  position: absolute;
  background:url(images/icon.webp) no-repeat;
  left: 6px;
  height: 30px;
  top: 11px;
  animation: rotation 15s linear infinite;
  border-radius: 50%;
  width: 30px;
}

.chat-banner {
  text-align: center;
  margin: 10px 0 0;
  padding: 0;
  background: #27a737;
}
.chat-banner a{
  display: block;
  padding: 20px 0;
}
.chat-banner a strong{
  color: #fff;
  padding: 0px 20px 0 0px;
  text-transform: capitalize;
  text-align: right;
  font-weight: 600;
  background: transparent;
  border-bottom: 2px solid;
  font-family: "Farro", sans-serif;
  font-size: 37px;
  display: block;
}
.chat-banner a p{
  margin: 0;
  padding: 0px 20px 0px 0px;
  font-size: 28px;
  text-align: right;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}
.chat-banner img{
  position: absolute;
  top: 31px;
  left: 0px;
  padding: 4px 5px 4px 6px;
  border-radius: 0 60px 60px 0;
  height: 73px;
  background: #fff;
}
/* end services section  */

/* start form section  */

.form-section{
  padding: 140px 0 70px 0;
  position:relative;
  overflow: hidden;
  z-index:9;
}
.form-section1{
  padding: 50px 0 70px;
}

.form-left1{
  padding: 0px 10px 0 0px;
}
.form-left2{
  padding: 0px;
}
.formdesign1{
  padding: 0px;
}
.formdesign2{
  padding: 0px 0 0px 0;
  background: #fff;
  border-radius: 40px 40px;
  text-align: center;
}
.form-heading{
  padding: 0px 0 0px;
  text-align: center;
  margin: 0 auto -20px;
  z-index: 9;
}
.form-heading strong{
  font-size: 45px;
  color: #010e75;
  display: block;
  letter-spacing: 2px;
  margin: 0;
  font-weight: 800;
  text-transform: capitalize;
  font-family: "Farro", sans-serif;
  padding: 0px 0px 14px 0px;
  border-radius: 0 50px 50px 0;
}
.form-heading p{
  text-transform: capitalize;
  color: #ffffff;
  font-size: 22px;
  display: inline-block;
  margin: 0;
  background: linear-gradient(45deg, #ff7100, #ffaa02);
  padding: 12px 25px;
  line-height: 26px;
  border-radius: 30px;
  font-weight: 600;
}
.contac-rr {
    border-radius: 34px;
    padding: 60px 20px 30px;
    margin: 0;
    text-align: left;
    border: 3px solid #ff8201;
}
.form-group1 {
    padding: 0px 11px;
    text-align: center;
    margin: 8px 0px 6px;
    position: relative;
}
input.form-control1 {
    color: #000;
    font-weight: 500;
}
.form-control1 {
    display: block;
    width: 100%;
    height: 42px;
    padding: 6px 12px;
    font-size: 16px;
}
.form-control1 {
    height: 56px;
    background-color: #ffffff00;
    border: 1px solid #000000b8;
    border-radius: 30px;
    padding-top: 16px;
    padding-right: 15px;
    padding-bottom: 17px;
    padding-left: 20px;
    margin-bottom: 10px;
}
textarea.form-control1 {
    height: 110px;
    font-weight: 500;
    color: #000;
    border-radius: 6px;
    padding-bottom: 17px;
    padding-left: 18px;
    padding-top: 8px;
}
.form-group1 img {
    position: absolute;
    left: 12px;
    top: 8px;
    padding: 0px;
    /* height: 30px; */
}
.form-group1 span{
  margin: 0;
  /* position: relative; */
}


.btn-group{
  padding: 16px 0 0px 0;
  margin:0;
  text-align:
  center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-group>.btn:first-child {
  background:linear-gradient(45deg, #ff7100, #ffaa02);
  padding: 10px 45px 10px;
  color: #ffffff;
  font-size: 19px;
  text-transform: capitalize;
  font-weight: 600;
  border:0;
  border-radius: 30px;
  width: fit-content;
  transition: 0.3s all ease-in-out;
  left: 0;
  right: 0;
  margin: 5px auto 0px;
}
.btn-group>.btn:first-child:hover{
  background: #010e75;
}
.form-group1  .place::-webkit-input-placeholder{
  color: #4c4c4c;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.btn:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -0px;
}
.btn:active:focus, .btn:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -0px;
}

.form-right1{
  padding: 0px 0px 0px 20px;
}
.form-right2{
  padding: 0px;
}
.banner-evileye{
  padding: 20px 0 0px;
  text-align: center;
}
.banner-evileye img{
  
}

.right-round-form{
  position: absolute;
  top: 37%;
  left: 0;
  overflow: hidden;
  z-index: -9;
}
.right-round-form img {
  margin: 0 auto;
  display: block;
  
}
.right-round-form-right{
  position: absolute;
  top: 39%;
  right: 0px;
  left:auto;
  overflow: hidden;
  z-index: -9;
}
.right-round-form-right img{
  margin: 0 auto;
  display: block;
}


.services-our1{
  padding: 20px 30px 14px 30px;
  text-align: center;
  background: linear-gradient(45deg, #ff7100, #ffaa02);
}
.services-our1 strong{
  color: #242165;
  margin: 0;
  display: block;
  text-transform: uppercase;
  font-size: 27px;
  font-weight: 900;
  border-radius: 50px;
  background: #fff;
}
.services-our1 p{
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
  margin: 0;
  padding: 0px 0 5px;
  word-spacing: 2px;
  text-transform: capitalize;
}
.services-our1 span{
  color: #395612;
  font-size: 18px;
  background: #ffea00;
  margin: 0;
  text-align: center;
  display: inline-block;
  border-radius: 50px;
  font-weight: 700;
  text-transform: capitalize;
  padding: 7px 24px 6px;
}

.services-our1  a{
  font-size: 62px;
  color: #000000;
  font-weight: 600;
  display:block;
  text-decoration: none;
  position: relative;
  font-family: "Farro", sans-serif;
  margin: 0px 0 0;
}


/* end form section  */


/* start choose us section  */

.chooseus-section{
  padding: 0;
}
.chooseus-section:before{
  height: 100%;
  width: 85.6%;
  left: 0;
  margin: 0 auto;
  right: 0;
  position: absolute;
  background: #010e75;
  content: "";
  z-index: -9;
}
.chooseus-section1{
  padding: 0px 0px 50px;
  background: #ffffff;
  position: relative;
  z-index: 9;
  margin: 90px auto 90px;
}
.chooseus-section1 .services-heading{
  position: relative;
  padding: 0;
}
.chooseus-section1 .services-heading p{padding: 30px 60px 0;color: #000000;font-size: 18px;line-height: 35px;}

.chooseus-section1 .services-heading strong{
  font-weight: 600;
  padding: 7px 0;
  color: #fff;
  font-size: 32px;
  background: linear-gradient(45deg, #ff7100, #ffaa02);
  -webkit-text-fill-color: inherit;
}
.chooseus-section1 .services-heading span{
  padding: 10px 30px 10px;
  background: #fff;
  color: #010e75;
  font-weight: 800;
}


.choose-us-divide{
  width: 85%;
  margin: 0 auto 0px;
}
.choose-image-round{
  padding: 0px 10px 10px 10px;
  text-align: center;
}
.choose-image-round span{
  display:block;
}
.round-image-choose{
  padding: 0px;
  display: block;
  position: absolute;
  margin: 0 auto;
  overflow: hidden;
  left: 0;
  right: 0;
  top: -81px;
  z-index: -99;
}
.round-image-choose img{
  animation: rotation 15s linear infinite;
}
.whatsapp-chat{
  background: linear-gradient(45deg, #ff7100, #ffaa02);;
  line-height: 190px;
  height: 190px;
  width: 190px;
  border-radius: 50%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 27%;
}
.whatsapp-chat img{
  height: auto;
  height:130px;
  animation: anim 1s infinite;
  }
@keyframes anim {
  10% {
    rotate: 10deg;
      }
  15% {
        rotate: -10deg;
    }
    20% {
        rotate: 10deg;
    }
    25% {
        rotate: -10deg;
    }
    30% {
        rotate: 10deg;
    }
    35% {
        rotate: -10deg;
    }
    40% {
        rotate: 10deg;
    }
    45% {
        rotate: -10deg;
    }
    50% {
        rotate: 0deg;
    }
}


.choose-services{
  padding: 60px 0 0 0;
}
.choose-services1{
  padding: 0px;
  width: 20%;
}
.choose-services1:nth-child(1){
  /* margin: 24% 0 -220px 0; */
}
.choose-services1:nth-child(2){
  margin: 11% 0px -120px -2px;
}

.choose-services1:nth-child(4){
  margin: 11% 0px -120px 0px;
}
.choose-services1:nth-child(5){
  /* margin: 24% 0 -220px 0; */
}
.choose-services2{
  padding: 20px 0px;
  text-align: center;
}
.choose-design{
  padding: 24px 10px 0 10px;
  height: 155px;
  width: 155px;
  background: #fff;
  border-radius: 50%;
  margin: 0px auto 0px;
  position:relative;
}
.choose-design:before{
  content:"";
  background: #010e75;
  height: 185px;
  width: 185px;
  position:absolute;
  z-index:-9;
  left: -15px;
  right:0;
  margin:0 auto;
  top: -16px;
  border-radius: 10%;
}
.choose-design p{
  margin: 0;
  color: #000000;
  font-size: 17px;
  font-weight: 700;
  text-transform: capitalize;
}
.choose-design img{
  height: 67px;
  animation: bounce2 3s ease infinite;
}
@keyframes bounce2 {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-20px);}
  60% {transform: translateY(-10px);}
}
/* end choose us section  */

/* start testimonials section  */

.testimonials-section{
  padding: 0;
}
.testimonials-section1{
  padding: 70px 0 70px 0px;
}

.testimonials-left1{
  padding: 10px 10px 10px 0px;
}
.testimonials-left2{
  padding: 0px 40px 0 0px;
}
.testimonials-left2 .aboutus-heading:before{display:none;}
.testimonials-left2 .aboutus-heading:after{display:none;}
.testimonials-left2 .aboutus-heading p{/* margin:0; */}

.testimonials-left2 .aboutus-heading strong{
  font-size: 48px;
  font-weight: 800;
}
.psychic-text{
  padding: 10px 0 0 0;
}
.psychic-text p{
  text-align: left;
  color: #222222;
  line-height: 32px;
  font-weight: 500;
  font-size: 18px;
  margin: 0;
}


.testimonials-right1{
  padding: 0px 20px 0 20px;
}
.testimonials-right2{
  background: #010e75;
  padding: 40px 0px 40px 0px;
}

.testimonials-design1{
  padding: 0px 20px 0px 20px;
}
.testimonials-design2{
  padding: 0 0 20px;
  position: relative;
  text-align: center;
}
.testimonials-right1 .owl-theme .owl-controls .owl-buttons div{
  background: linear-gradient(45deg, #ff7100, #ffaa02);
}
.testimonials-design2 strong{
  background: linear-gradient(45deg, #ff7100, #ffaa02);
  padding: 7px 31px 8px 30px;
  text-transform: uppercase;
  text-align: center;
  font-size: 23px;
  border-radius: 30px;
  margin: 0px auto 0px;
  display: inline-block;
  color: #ffffff;
  font-weight: 600;
}
.testimonials-design2 p{
  color: #fff;
  line-height: 33px;
  font-weight: 500;
  text-align: center;
  font-size: 18px;
  margin: 0 0 10px 0;
  padding: 0 20px 10px;
}

.testimonials-design1 .owl-theme .owl-controls .owl-buttons .owl-next{
  
}

.bg-image-right{
  position: absolute;
  z-index: -9;
  right: 0;
  top: -180px;
  opacity: 0.5;
}
/* end  testimonials section  */


/* start footer section  */

.footer-section{
  padding: 0;
  background: linear-gradient(45deg, #ff7100, #ffaa02);
}
.footer-section1{
  padding: 0px 0 0px;
}

.footer-left1{
  padding: 10px 0px 0 10px;
}
.footer-left2{
  padding: 0px;
}
.footer-map{
  padding: 0px;
}
.footer-map iframe{
  width: 100%;
  float: right;
  height: 149px;
}
.footer-list{
  padding: 30px 0 0 0;
}
.footer-list strong{
  display: block;
  text-transform: capitalize;
  font-size: 55px;
  text-align: center;
  font-family: 'Berkshire Swash', cursive;
  color: #ffffff;
  font-weight: 400;
}
.footer-list strong img{
      animation: float 3s ease-in-out infinite;
}
.services-footer3{
  padding: 0px 0;
  display: flex;
}
.services-footer4{
  width:50%;
}
.services-footer4 ul{
  padding: 0;
  margin: 0;
  list-style: none;
  position:relative;
}

.services-footer4 ul li{
  color: #fff;
  font-size: 16px;
  margin: 15px 10px 0 10px;
  position: relative;
  padding: 18px 0px 18px 53px;
  text-transform: capitalize;
  display: flex;
  border-radius: 50px;
  justify-content: left;
  text-align: left;
  border: 1px solid #f9a602;
  align-items: center;
}
.services-footer4 ul li:before{
  content:"";
  position:absolute;
  height: 37px;
  width: 36px;
  background: url(images/icon-list.html) no-repeat;
  left: 10px;
}
.footer-dis{
  padding: 40px 20px 27px 20px;
  text-align: center;
}
.footer-dis p{
  color: #555;
  line-height: 25px;
  font-size: 15px;
  margin: 7px 0 0;
  font-weight: 500;
}

.footer-dis span{
  color: #010e75;
  line-height: 25px;
  font-size: 17px;
  margin: 0;
  font-weight: 700;
}


.footer-right1{
  padding: 30px 0 0;
  background: #fff;
}
.footer-right2{
  padding: 0;
}

.footer-contact1{
  padding: 10px 10px;
}
.footer-contact2{
  padding: 0;
  text-align: center;
}
.footer-contact2 span{
  height: 100px;
  width: 100px;
  line-height: 100px;
  border-radius: 50%;
  background: #010e75;
  text-align: center;
  display: block;
  margin: 0 auto;
  animation: pulse2 2s linear infinite;
}
.footer-contact2 span img{
  height: 59px;
  filter: brightness(0) invert(1);
}
@keyframes pulse2 {
   0% {
      box-shadow: 0 0 0 0 #010e75c2
   }

   to {
      box-shadow: 0 0 0 20px transparent
   }
}
.footer-contact2 a{
   display: block;
   padding: 11px 0px 0;
   border-radius: 60px;
   font-size: 18px;
   font-weight: 700;
}
.footer-contact2 strong{
   display: block;
   color: #010e75;
   padding: 20px 0 0px;
   font-size: 21px;
   text-transform: capitalize;
   font-weight: 600;
}

/* end footer section  */


/* start copy right section */

.copy-right{
  padding: 15px 0 15px;
  background-color: #010e75;
  text-align: center;
}
.copy-right p{
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  padding: 0;
}
/* end copy right*/



/* start bread crumb section  */

.breadcrumb-section{
  padding: 0;
  background: #020c6e;
}
.breadcrumb-section1{
  padding: 30px 0 30px;
  text-align: center;
}
.breadcrumb-section1 h1{
  font-size: 38px;
  font-weight: 500;
  font-family: "Farro", sans-serif;
  text-transform: capitalize;
  padding: 0px 0px 0px;
  color: #fdac02;
}
.breadcrumb-section1 h1 a{
  font-weight: 600;
  color: #ffffff;
}
.bread-divide{
  padding: 0px 0 0;
  color: #fff;
}
.bread-divide a{color: #ffa202;text-transform: uppercase;font-size: 15px;display: block;margin: 10px 0 0;font-weight: 600;}



/* end bread crumb section  */

/*=======================================================
      START GET IN TOUCH PAGE CSS 
=========================================================  */

.getintouch-section1{
  padding: 0 0 0% 0;
}
.getintouch-section2{
  padding: 50px 0 80px;
}


.getin-left1{
  padding: 0 20px 0 0px;
}
.getin-left2{
  padding: 50px 0px 70px;
}
.getin-form{
  padding: 35px 0px 0px;
  text-align: left;
  border-radius: 15px;
}



.getin-right1{
  padding: 0px 0 0 20px;
}
.getin-right2{
  padding: 0 20px 47px;
  text-align: center;
  border-radius: 40px;
  background: linear-gradient(45deg, #ff7100, #ffaa02);
}
.contact a p{padding:0;}
.getin-right2 strong {
  font-size: 39px;
  background: #fff;
  margin: 0;
  color: #020c6e;
  letter-spacing: 0;
  font-weight: 600;
  display: inline-block;
  font-family: "Farro", sans-serif;
  text-transform: capitalize;
  padding: 5px 40px 5px 40px;
}
.getin-right2 ul{
  margin: 0;
  text-align: left;
  list-style: none;
  padding: 21px 0 14px;
}
.getin-right2 ul li {
  padding: 30px 0 30px;
  position: relative;
  margin: 0;
  border-bottom: 1px solid #ffffff;
  font-weight: 500;
}
.getin-right2 ul li:last-child{border:0;padding: 20px 0 0px;}
.getin-right2 ul li i{position: absolute;display: inline-block;}
.getin-right2 ul li i img{height: 50px;}

.getin-right2 li span {
  color: #000000;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 8px 0px 0 60px;
  padding: 0;
  display: inline-block;
}
/*=======================================================
      END GET IN TOUCH PAGE CSS 
=========================================================  */

/*=============== START MAIN CONTENT PAGE CSS ====================*/

.maincontent-section{
  padding: 0;
}
.maincontent-section1{
  padding: 50px 0;
}
.main-content{
  padding: 0;
}
.main-contentdesign{
  padding: 0;
}
.main-contentdesign p{
  color: #000;
  text-align: center;
  font-size: 16px;
  margin: 0;
  line-height: 34px;
}
.main-design{
  padding: 50px 0 0 0;
}
.maindesign-left1{
  padding: 0 10px 0 0px;
}
.maindesign-left1:nth-child(3){
  padding: 0 0px 0 10px;
}
.maindesign-left2{
  padding: 0;
}
.about-list{
  padding: 0px 0px 10px 0;
}
.about-list ul{
  padding: 0;
  list-style: none;
  margin: 0;
}
.about-list ul li{
  padding: 14px 6px 14px 38px;
  text-align: left;
  border-radius: 10px;
  background: #020c6e;
  text-transform: capitalize;
  font-size: 17px;
  font-weight: 500;
  margin: 16px 0;
  position: relative;
}
.about-list ul li:before{
  content: "";
  position: absolute;
  background:url(images/icon.webp) no-repeat;
  left: 4px;
  height: 30px;
  top: 11px;
  animation: rotation 15s linear infinite;
  border-radius: 50%;
  width: 30px;
}
.about-list ul li a{
  display: block;
  color: #fff;
}

.about-contact{
  margin: 0 0 0;
  background: #ff8001;
  padding: 0px 0px 0px;
  text-align: center;
}

.about-contact a {
  color: #fba935;
  padding: 12px 0 0;
  display: block;
}
.about-contact a  strong{
  display: block;
  padding: 7px 15px 10px;
  font-size: 20px;
  color: #ffffff;
  text-transform: uppercase;
}
.about-contact a p{
  margin: 0;
  text-align: center;
  background: #020c6e;
  padding: 10px 0;
  font-size: 30px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 600;
}
.chat-banner-inner {
  text-align: center;
  padding: 0;
  background: #1ea230;
  margin: 13px 0 0;
}
.chat-banner-inner a{
  display: block;
}
.chat-banner-inner a strong{
  color: #fff;
  padding: 5px 0 0;
  text-transform: capitalize;
  font-weight: 600;
  border-bottom: 2px solid;
  font-size: 32px;
  display: block;
}
.chat-banner-inner a p{
  margin: 0;
  padding: 10px 0;
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}

.maindesign-center1{
  padding: 30px 30px 30px;
  background: linear-gradient(45deg, #ff7100, #ffaa02);
}
.maindesign-center2{
  background: #fff;
  padding: 10px 20px 10px;
  text-align: left;
}
.maindesign-center2 h2{
  font-size: 27px;
  text-transform: capitalize;
  margin: 0;
  color: #730961;
  line-height: 44px;
  padding: 0 0px 0 0px;
  margin: 20px 0 10px;
  display: block;
  font-weight: 800;
  position:relative;
}

.maindesign-center2 p{
  font-size: 16px;
  margin: 0;
  line-height: 31px;
  text-align: justify;
  font-weight: 500;
  color: #222;
  padding: 3px 0 0 0;
}
.maindesign-center2 p strong{
  color: #020c6e;
  font-weight:700;
}
.choose-content-main1{
  padding: 10px;
}
.choose-content-main2{
  padding: 0px;
}
.choose-content-main2 p strong{
  color: #020c6e;
  font-weight:700;
}
.choose-content-main2 h3{
  text-align: left;
  font-size: 22px;
  text-transform: capitalize;
  margin: 0;
  line-height: 44px;
  padding: 7px 20px 6px 20px;
  margin: 0px 0 10px;
  display: block;
  font-weight: 600;
  position:relative;
}
.choose-content-main2  p{
  font-size: 17px;
  margin: 0;
  font-weight: 500;
  line-height: 31px;
  text-align: justify;
  color: #000;
  padding: 3px 0 20px 0;
}

.form-content-section{
  padding: 40px 0;
  background: #f5f5f5;
}
.form-content-section .getin-left2{
  padding: 30px 0px 30px;
}

.contac-r{
    border-radius: 30px;
    padding: 60px 20px 30px;
    margin: 0;
    text-align: left;
    border: 3px solid #ff8201;
}
.form-content-section .getin-form{border-radius: 0;padding: 0;}
.form-content-section .btn-group>.btn:first-child{
  border-radius: 0;
  width: 60%;
  text-transform: capitalize;
  font-size: 20px;
}
.form-content-section .form-heading{
  text-align: center;
  margin: 0px auto -60px;
}
.form-content-section .form-heading strong{
  border-radius: 0 0 50px 50px;
  padding: 0px 0px 0px 0px;
}
.form-content-section  .form-heading p{
  padding: 5px 20px 10px;
  color: #000000;
  margin: 0 0 40px 0;
  font-size: 18px;
}
.bottommaincontact-design{
  padding: 40px 0 50px 0;
  text-align: left;
}
.bottommaincontent-left1{
  padding: 0 20px 0 0px;
}
.bottommaincontent-left2{
  padding: 0px;
}
.bottommaincontent-left2 h4,h5 {
  font-size: 24px;
  text-transform: capitalize;
  color: #ffffff;
  line-height: 37px;
  padding: 7px 20px 6px 20px;
  margin: 0px 0 4px;
  display: inline-block;
  font-weight: 800;
  text-align: left;
}
.bottommaincontent-left2 p {
  font-size: 17px;
  margin: 0;
  line-height: 31px;
  background: transparent;
  text-align: justify;
  font-weight: 500;
  color: #000;
  padding: 3px 0 0px 0;
}
.bottommaincontent-left2 p  strong{
  color: #ff1f1f;
  font-weight:700;
}
.main-contact{
  padding: 0 0 30px 0;
}

.main-contact1{
  padding: 10px;
} 
.main-contact2{
  padding: 10px 20px;
  background: linear-gradient(45deg, #ff7100, #ffaa02);
  text-align: center;
}
.main-contact2 strong{
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
  text-transform: capitalize;
  padding: 4px 0 3px;
  display: block;
}

.main-contact2 p{
  color: #ffffff;
  font-size: 23px;
  text-transform: uppercase;
  line-height: 16px;
  background: #020c6e;
  font-weight: 700;
  border-radius: 30px;
  margin: 0;
  text-align: center;
  padding: 12px 0  14px;
}

.main-contact2 a{
  color: #000000;
  padding: 9px 36px;
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
}

.bottommaincontent-right1{
  text-align: center;
  padding: 0;
}
.bottommaincontent-right2{
  padding: 0px;
}

.main-content-inner{
  padding: 0px;
}
.inner-page-content1{
  padding: 0 0px 0 30px;
}
.inner-page-content2{
  padding: 0px;
}
.inner-page-content2 p{
  font-size: 17px;
  margin: 0;
  line-height: 33px;
  font-weight: 500;
  text-align: justify;
  color: #000;
  padding: 3px 0 0 0;
}
.inner-page-content2 strong{
  color: #020c6e;
  font-weight:700;
}
.inner-page-content2 h2,h3,h4,h5,h6{
  font-size: 18px;
  text-transform: capitalize;
  color: #ffffff;
  line-height: 37px;
  border-radius: 40px;
  padding: 7px 20px 6px 20px;
  font-family: "Farro", sans-serif;
  margin: 14px 0 9px;
  display: inline-block;
  font-weight: 700;
  background: linear-gradient(45deg, #ff7100, #ffaa02);
  text-align: left;
}
.inner-page-content2 ul{
  padding: 0px 0 0;
  margin:0;
  list-style:none;
}
.inner-page-content2 ul li{
  text-align: left;
  color: #000000;
  font-size: 16px;
  margin: 14px 0;
  padding: 6px 10px 6px 30px;
  text-transform: capitalize;
  font-weight: 500;
  position: relative;
}
.inner-page-content2 ul li:before {
  content: "";
  position: absolute;
  background: linear-gradient(45deg, #ff7100, #ffaa02);
  left: 0;
  height: 20px;
  top: 11px;
  border-radius: 50%;
  width: 20px;
}
.inner-page-content2 ul li:after{
  content: "";
  position: absolute;
  background: #ffffff;
  left: 5px;
  height: 10px;
  top: 16px;
  border-radius: 50%;
  width: 10px;
}
.inner-page-banner{
  padding: 40px 0 0;
}

}
.form-group {
  padding: 8px 8px 8px 8px;
  padding-bottom: 0px;
}
.form-control:focus {
  border-color: #ffffff;
  border: 0;
  outline: 0;
  border: 1px solid #000;
  box-shadow: none;
}
.custom_btn {
  z-index:9999;
}
.btn-group{
  text-align:
  center;
  margin: 0px auto 0;
  border-radius: 60%;
  left: 0;
  right: 0;
  display: flex;
  z-index: 0;
}
input.form-control {
  color: #000000;
  font-weight: 500;
  height: 49px;
}
.form-control {
  font-size: 16px;
  box-shadow: none;
  padding: 10px 12px;
  background-color: #ffffff00;
  border: 1px solid #000000b8;
  border-radius: 47px;
}
textarea.form-control {
  height: 100px;
  color: #000000;
  font-weight: 500;
  border-radius: 24px;
}
.form-group .place::-webkit-input-placeholder{
  color: #000000;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -0px;
}





/*=============== END MAIN CONTENT PAGE CSS ====================*/


/* start form inner section */

.forminner-section{
    padding: 70px 0 0 0;
    margin: 0 0 80px 0;
    position:relative;
}
.forminner-section1{
    padding: 0;
}
.forminner-section:before{
  background: #010e75;
  content:"";
  height:50%;
  top: 190px;
  width:100%;
  position:absolute;
  left: 0;
}
.forminner-section1 .contac-rr {
    padding: 50px 20px 30px;
}
/* end form inner section */



.fix{
  position: fixed;
  padding: 0;
  bottom: 0;
  right: 0;
  z-index: 99999;
}
.end{
  margin: 0;
  padding: 0;
  background-color: #fff;
}
.end li a i{
  animation-name: vibe;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.12,0.84,0.79,0.4);
  animation-delay: 0.2s;
}
.end li{
  display: inline;
  list-style: none;
  position: absolute;
  text-align: center;
  height: 42px;
  bottom: 15px;
  right: 0;
  width: 42px;
  background: #ff0000;
  line-height: 47px;
}
.end .insta{
  
bottom: 235px;
}
.end .wh-fx {
  background: #03bd00;
  color:#fff;
  bottom: 50px;
  right: 0;
  left: auto;
}
.end .facebook{
  background:#4267b2;
  bottom: 305px;
}
.end li a{
  color:#fff;
}
.end .ph-fx{
  bottom: 97px;
  right: 0;
}
.end li:after{
  position: absolute;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index:-99;
  content: "";
  transform: scale(1);
}

.wh-fx{left: 0px;}

.end li a .bi{
  height: 1.1em;
  width: 1.1em;
}


/* start location section */

.location-section{
	
position: relative;
}
.location-1{
	width: 16.33%;
	padding: 10px;
}
.location-2{
	position: relative;
	padding: 0;
}
.pin {
  width: 120px;
  height: 120px;
  background: linear-gradient(45deg, #ff7100, #ffaa02);
  border-radius: 130px 130px 0px 130px;
  position:relative;
  transform: rotate(45deg);
  margin: 0 auto;
  z-index: -9;
}
.location{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.location img{
	height: 100px;
	border-radius: 50%;
	border: 3px solid #fff;
}
.location-3{padding:0;}
.location-3 strong{
	margin: 60px auto 0;
	display: block;
	font-size: 19px;
	font-weight: 900;
}
.location-section .services-heading strong {
	color: #ffffff;
	background: darkorange;
}
.location-design{
    padding:0;
}
.location_design{
  padding:0 0 50px;
}
.location_design .services-heading strong{
  font-size: 59px;
}
.location_design  .services-heading{
  padding: 0px 0px 22px;
}
/* end location section */






/*start media query*/

@media (max-width: 767px){
  body{text-align: center;}
  .head-section1{position:relative;}
  .head-section2{display:block;padding: 4px 0 0px 0px;}
  .head-logo1{width: 50%;}
  .head-center1{width:100%;border: 0;border-radius: 0;padding: 0;}
  .head-right{display:none;}
  .navbar{min-height: 0;display: block;justify-content: center;align-items: center;}
  .navbar-toggler {display: block;top: -67px;right: 0;}
  .menu{padding: 10px 0 10px;display: block;margin: 0;}
  .menu li {padding: 4px 0px;display: block;border: 000;text-align: center;margin: 0;}
  .menu li a {padding: 3px 10px 4px 10px;display: block;font-size: 16px;}
  .menu .active a{ color: #010b6a;}
  .menu li:hover a {color: #020c6e;}
  .menu li:before{display:none;}
  .navbar-collapse.in{overflow-y: visible;}
  .dropdown-menu {display: none;margin-top: 0;}
  .dropdown:hover .dropdown-menu{display: none;}
  .open>.dropdown-menu {display: block !important;}
  .dropdown-menu ul li {padding: 8px 0 8px 0px;}
  .menu li:before{display:none;}
  .menu li:after{display:none;}
  .head-navigation{ width: 100%;}
  .menu .active a:before{display:none;}
  .menu .active a:after{display:none;}
  .carousel-control b{height: 45px;width: 34px;}
  .head-logo2:before{display:none;}
  .head-logo2 a{margin:0;height: 80px;border-radius: 0;justify-content: left;}
  
  .head-logo2 img{width:200px;}
  .head-logo2 .main{margin:0;}
  .carousel-control b .glyphicon{top: 10px;}
  .aboutus-heading {padding: 40px 0 0;}
  .aboutus-content {padding: 30px 0px 0px 0px;}
  .right-round-image{margin:0 auto;left:0;right:0;}
  .bannerdesign-left1 {padding: 40px 0px 0;}
  .banner-image1{padding: 10px 5px 10px 10px;width: 50%;}
  .banner-image2{padding: 10px 10px 10px 5px;width: 50%;}
  .bannerdesign-left2 {padding: 0px;}
  .services-right1 { padding: 0px 0px 10px 0px;}
  .list-services2{padding-left:10px;}
   .chat-banner img{height:auto;top: 13px;}
  .life-heading strong{padding: 7px 11px;border-radius: 0;}
  .services4 strong{font-size: 25px;}
  .form-right1{padding:30px 0 0 0;}
  .form-left1{padding:0;}
  .chooseus-section:before{width: 96.6%;}
  .choose-services1:nth-child(1){margin: 0% 0 -0px 0;}
  .choose-services1:nth-child(2){margin:  0% 0 -0px 0;}
  .choose-services1:nth-child(4){margin:  0% 0 -0px 0;width: 50%;}
  .choose-services1:nth-child(5){margin: 0% 0 -0px 0;width: 50%;}
  .choose-services1{ width: 33.333%;}
  .choose-us-divide {width: 94%;}
  .chooseus-section1 .services-heading strong{font-size: 34px;padding: 6px 0 3px;}
  .chooseus-section1 .services-heading p {padding: 30px 15px 0;}
  .choose-design{height: 130px;width: 130px;padding: 13px 6px 0 6px;}
  .choose-design:before{height: 155px;top: -12px;width: 155px;left: -12px;}
  .choose-design img {height: 51px;}
  .bg-image-right{top:0;}
  .testimonials-left1 {padding: 10px 0px 10px 0px;}
  .footer-right1{width:100%;}
  .footer-left1{width:100%;padding: 10px 0px 0 0px;}
  .footer-contact1{padding:0;}
  .footer-contact2 a{padding:0;}
  .testimonials-right2 {padding: 40px 20px 20px 20px;}
  .testimonials-left2 {padding: 0px 0px 0 0px;}
  .footer-section1{display: flex;flex-flow: column-reverse;}
  .footer-map iframe{height:200px;}
  .footer-contact2{padding:20px 0;}
  .services-inner{width:50%;}
  .breadcrumb-section{padding:0;}
  .breadcrumb-section1 {padding: 30px 0 30px;}
  .services-inner .services4 strong {font-size: 20px;}
  .getin-right1{padding:30px 0 0 ;}
  .getin-left1{padding:0;}
  .bg-top-call-none{display:block;}
  .main-contact1{width:50%;}
  .bottommaincontent-left1 {padding: 0 0px 0 0px;}
  .maindesign-left1{padding:0;}
  .inner-page-content1{padding:0;}
  .aboutus-right1{padding: 10px 0;}
  .design-whatsapp{display:none;}
  .testimonials-section1 {padding: 0px 0 70px 0px;}
  .services-heading {padding: 0px 4px 9px;}
  .chat-banner a strong {text-align:center;padding: 0;}
  .chat-banner a p {text-align:center;padding: 0;}
  .aboutus-left2 {padding: 0 20px 40px 20px;}
  .topmobile-call{display:block;padding: 15px 0 30px;}
  .desktop-call{display:none;}
  .head-section1:before{display:none;}
  .head-center2{border-radius:0;padding:0;background: transparent;}
  .head-contact ul li{padding:0;font-size: 27px;}
  .services-section1 {padding: 100px 0 70px;}
  .serices-left1 {padding: 80px 0px 0px 0px;}
  .testimonials-right1{padding: 10px 15px 10px;}
  .testimonials-design2 p{padding: 0 10px 10px;}
  .testimonials-design2 strong{padding: 7px 20px 8px 20px;font-size: 18px;}
  .form-section1 {padding: 50px 0 0px;}
  .services-inner .services4 {padding: 10px 4px 30px;}
   .form-content-section .form-heading strong{font-size: 40px;letter-spacing: 0;}
  .choose-content-main2 p{text-align:left;}
  .choose-content-main1{padding:10px 0;}
  .getintouch-section2{padding-top:0;}
  .forminner-section {padding: 20px 0 0 0;}
  .location_design .services-heading strong {font-size: 31px;}
  .location-1 {width: 24.33%;padding: 7px;}
  .pin {width: 110px;height: 110px;}
  .location img {height: 90px;}
  .location-3 strong{ margin: 41px auto 0;font-size: 16px;}

  

  
  .fix{display:block;}



  




}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .head-section1{position:relative;}
  .head-section2{}
  .head-logo1{width: 40%;}
  .head-center1{width: 80%;border: 0;}
  .head-right{display:none;}
  .head-navigation{width: 100%;}
  .menu li {padding: 0px 15px;display: inline-block;font-size: 16px;border: 000;text-align: center;margin: 5px 0px 5px;z-index: inherit;}
  .dropdown-menu ul li{padding: 11px 14px 11px 14px;}
  .dropdown-menu>li {padding: 4px 0px 10px 0px;}
  .menu li a {font-size: 16px;}
  .aboutus-heading h1{font-size:30px;}
  .right-round-image{margin:0 auto;left:0;right:0;}
  .bannerdesign-left1 {padding: 50px 0px 0;}
  .banner-image1{padding:10px;}
  .banner-image2{padding: 10px;}
  .bannerdesign-left2 {padding: 0px;}
  .serices-left1 {padding: 80px 0px 0px 0px;}
  .chat-banner img{height:auto;top: 16px;}
  .services-right1{padding:0;}
  .services4 strong{font-size: 20px;}
  .services-inner .services4 strong {font-size: 20px;}
  .form-right1{padding:30px 0 0 0;}
  .form-left1{padding:0;}
  .chooseus-section1{margin: 50px auto 50px;}
  .chooseus-section1 .services-heading strong{font-size: 29px;padding: 8px 0 5px;}
  .services-heading span{width:70%;}
  .chooseus-section1 .services-heading p {padding: 30px 20px 0;}
   .chooseus-section:before{width: 90.6%;}
  .choose-services1:nth-child(1){margin: 0% 0 -0px 0;}
  .choose-services1:nth-child(2){margin:  0% 0 -0px 0;}
  .choose-services1:nth-child(4){margin:  0% 0 -0px 0;width: 50%;}
  .choose-services1:nth-child(5){margin: 0% 0 -0px 0;width: 50%;}
  .choose-services1{ width: 33.333%;}
  .choose-us-divide { width: 90%;}
  .choose-design{height: 125px;width: 125px;padding: 14px 6px 0 6px;}
  .choose-design:before{height: 155px;width: 155px;}
  .choose-design img {height: 51px;}
  .choose-design p{font-size: 14px;}
  .chooseus-section1 .services-heading {padding-left: 0px;padding-right: 0px;}
  .services-heading span{width:80%;}
  .testimonials-section1{padding: 0px 0 70px 0px;}
  .bg-image-right{top:0;}
  .testimonials-left1 {padding: 10px 0px 10px 0px;}
  .footer-right1{width:100%;}
  .footer-left1{width:100%;}
  .footer-contact1{padding:0;}
  .footer-contact2 a{padding:0;}
  .getin-right1{padding:30px 0 0 ;}
  .getin-left1{padding:0;}
  .breadcrumb-section{padding:0;}
  .maindesign-left1{width:100%;padding: 0;}
  .maindesign-right1{width:100%;}
  .maindesign-center1{width:100%;}
  .bottommaincontent-left1 {padding: 0 0px 0 0px;}
  .design-whatsapp{display:none;}
  .chat-banner a strong {text-align:center;padding: 0;}
  .chat-banner a p {text-align:center;padding: 0;}
  .inner-page-content1 { padding: 30px 0px 0 0px;}
  .maincontent-section1 {padding: 50px 0 0;}
  .form-group{padding:0 5px;}
  .contac-r {padding: 60px 10px 30px;}
  .form-content-section .form-heading strong{font-size: 34px;letter-spacing: 0;}
  .choose-content-main1{padding: 0 0 0 20px;}
  .inner-page-content2 h2, h3, h4, h5, h6{padding: 6px 25px 6px 25px !important;font-size: 21px !important;line-height: 34px !important;}
  .location_design .services-heading strong {font-size: 40px;}
  .location-1 {width: 24.33%;}
 
  
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .menu li a{font-size:16px;}
  .head-center1{width: 70%;}
  .head-logo1{width: 30%;}
  .head-navigation{width: 66%;}
  .head-right{width: 36%;}
  .head-logo2:before{width: 33%;right: -16px;}
  .aboutus-heading h1{font-size: 37px;}
  .aboutus-heading {padding: 40px 0 0;}
  .life-heading strong{padding: 9px 26px 9px;font-size: 23px;}
  .head-right a{padding: 7px 13px;}
  .head-center2{padding: 4px 0px 4px 0px;}
  .services4 strong{font-size: 19px;}
  .services-inner .services4 strong {font-size: 18px;}
  .chat-banner img{position:relative;top: 0;border-radius: 0 0px 60px 60px;}
  .chat-banner a strong{padding: 5px 0px 0 0px;text-align: center;}
  .chat-banner a{padding-top:0;}
  .chat-banner a p{padding: 10px 0px 0px 0;text-align: center;}
  .chat-banner{background: #22b335;border-radius:10px;}
  .services-heading strong{font-size: 39px;}
  .services-our1 a{font-size: 52px;font-weight: 700;margin: 0;padding: 10px 0 0;}
  .services-our1 strong{font-size: 27px;padding: 9px 1px 6px;}
  .form-heading strong{font-size:30px;}
  .form-content-section .form-heading strong{font-size: 40px;letter-spacing: 0;}
  .choose-design{height: 125px;width: 125px;padding: 14px 10px 0 10px;}
  .choose-design:before{height: 155px;width: 155px;}
  .choose-design img {height: 51px;}
  .choose-design p{font-size: 15px;}
  .chooseus-section:before{width: 90.6%;}
  .chooseus-section1{margin: 50px auto 50px;}
  .chooseus-section1 .services-heading strong{font-size: 51px;padding: 6px 0 4px;}
  .round-image-choose{top:-130px;}
  .footer-contact2 {padding: 20px 0px;}
  .footer-contact2 a{font-size: 17px;}
  .testimonials-left2 {padding: 0px 20px 0 20px;}
  .getin-right2{padding: 0 10px 40px;}
  .getin-right2 li:nth-child(2) span{font-size: 16px;}
  .getin-right2 li span{ margin: 8px 0px 0 60px;}
  .about-contact a p{font-size: 23px;}
  .chat-banner-inner a p{font-size: 23px;}
  .chat-banner-inner a strong{font-size: 26px;padding: 10px 0;}
  .about-list ul li {font-size: 15px;}
  .about-list ul li:before{padding: 15px;}
  .maindesign-center2 {padding: 0px 10px 0px;}
  .maindesign-center1 {padding: 0 15px 0px;}
  .choose-services1{padding-left:5px !important; padding-right:5px !important;}
  .whatsapp-chat{top: 46%;}
  .list-services2 {padding: 20px 10px 20px;}
  .services4 p{font-weight:500;}
  .aboutus-left2 {padding: 0 20px 20px 20px;}
  .aboutus-content {padding: 15px 0px 0px;}
  .aboutus-section1 {padding: 70px 0 70px;}
  .design-whatsapp{right: -10px;bottom: 51px;}
   .testimonials-section1 {padding: 0px 0 70px 0px;}
  .head-section1:before{height:42%;}
  .inner-page-content2 h2, h3, h4, h5, h6{padding: 6px 25px 6px 25px !important;font-size: 21px !important;line-height: 34px !important;}
  .location_design .services-heading strong {font-size: 48px;}


  
}
@media only screen and (min-width: 1201px) and (max-width: 1350px) {
  .testimonials-left2 .aboutus-heading strong{font-size:30px;}
  .footer-contact2 {padding: 20px 0px;}
  .design-whatsapp{right: -20px;bottom: 60px;}
  .testimonials-section1 {padding: 0px 0 70px 0px;}
  


}

@media (max-width: 575px) and (min-width: 0px) {
  .carousel-control b{border:0;height: 30px;width: 26px;}
  .head-logo1 {width: 60%;}
  .carousel-control b .glyphicon {top: 9px;font-size: 16px;}
  .banner-image1{padding: 10px 0;width: 100%;}
  .banner-image2{padding: 0;width: 100%;}
  .services4 strong{font-size: 16px;padding: 6px 19px;}
  .chat-banner img{position:relative;top: 0;border-radius: 0 0px 60px 60px;}
  .chat-banner a strong{padding: 5px 0px 0 0px;text-align: center;}
  .chat-banner a{padding-top:0;}
  .chat-banner a p{padding: 10px 0px 0px 0;text-align: center;}
  .services-heading strong{font-size: 31px;}

  .aboutus-heading:before{left:30px;}
  .aboutus-heading:after{right:30px;}
  .aboutus-heading p{font-size:20px;}
  .testimonials-left2 .aboutus-heading p{letter-spacing:0;}
  .aboutus-heading h1{font-size: 32px;}
  .life-heading strong{font-size: 20px;letter-spacing: 0;padding: 10px 11px;}
  .banner-design strong{font-size: 36px;}
  .services-our1 a{font-size: 40px;font-weight: 700;margin: 0;padding: 10px 0 0;}
  .services-our1 strong{font-size: 18px;padding: 9px 1px 6px;}
  .form-heading strong{font-size: 35px;letter-spacing: 0;}
  .services-our1 {padding: 20px 15px 14px 15px;}
  .contac-rr {padding: 50px 0px 30px;}
  .form-heading p{font-size: 21px;padding: 8px 20px;border-radius: 22px;}
  .choose-services1{width:50%;}
  .choose-services1:nth-child(5){width:100%;}
  .chooseus-section1 .services-heading span{font-size: 17px;padding: 10px 20px 10px;}
  .chooseus-section1 .services-heading span:before{left: 30px;}
  .chooseus-section1 .services-heading span:after{right: 30px;}
  .chooseus-section1 .services-heading strong {font-size: 29px;}
  .chooseus-section1{margin: 60px auto 60px;}
  .footer-contact1{width:100%;}
  .footer-contact2 a{font-size: 17px;padding: 0 10px;}
  .services-inner{width:100%;padding: 10px 0;}
  .inner-page-content2 h2, h3, h4, h5, h6{font-size: 20px;border-radius: 10px;line-height: 32px;padding: 7px 17px 6px 14px;}
   .bottommaincontent-left2 h4, h5 {font-size: 20px;border-radius: 10px;line-height: 32px;padding: 7px 17px 6px 14px;}
   .breadcrumb-section1 h1{font-size: 25px;}
  .getin-right2 strong{letter-spacing:0;font-size:30px;padding: 5px 20px 9px 20px;}
  .getin-right2 li:nth-child(1) span{font-size: 22px;}
  .bg-top-call-none{font-size: 36px;}
  .main-contact1{width:100%;padding: 10px 0;}
  .choose-content-main2 h3{font-size: 20px;border-radius: 10px;line-height: 32px;padding: 7px 17px 6px 14px;}
  .bottommaincontent-right1{padding:0;}
  .carousel-control b{border:0;height: 24px;width: 19px;padding: 4px 0px 4px 6px;}
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ left: 0;}
  .right b .glyphicon-chevron-right {left: -15px;}
  .carousel-control b .glyphicon {left: -12px;top: -1px;font-size: 15px;height: 0;width: 0;color: #fff;}
  .aboutus-left2 {padding: 0 10px 40px 10px;}
  .services4 {padding: 10px 13px 20px;}
  .location-1 {width: 33.333%;padding:10px;}


 

  
  
}

@media (max-width: 420px) and (min-width: 0px) { 
  .head-logo1 {width: 80%;}
  .head-logo2 img{height:auto;}
  .navbar-toggler {top: -63px;height: 40px;width: 40px;right: 0;}
  .navbar-toggler img{height: 19px;margin: -10px 0 0 0;}
  .head-logo2 a img{width: 180px;}
  .services-our1 a{font-size: 35px;font-weight: 700;margin: 0;padding: 10px 0 0;}
  .choose-services1{width:100%;}
  .choose-services1:nth-child(4){width:100%;}
  .chooseus-section1 .services-heading span:before{left: 20px;}
  .chooseus-section1 .services-heading span:after{right: 20px;}
  .chooseus-section1 .services-heading span{width:100%;font-size: 16px;letter-spacing: 1px;}
  .getin-right2 li span{margin: 0 0 0 48px;font-size: 15px;font-weight: 600;}
  .getin-right2 {padding: 0 10px 60px;}
  .getin-right2 ul li i img{height: 44px;}
  .getin-right2 strong{letter-spacing:0;font-size: 24px;}
  .testimonials-left2 .aboutus-heading strong {font-size: 36px;}
  .banner-design p{font-size: 14px;letter-spacing:0.4px;}
  .head-contact ul li:nth-child(1){display:none;}
  .head-contact ul li{font-size: 39px;}
  .services-heading span{letter-spacing: 0px; font-size: 20px;}
   .form-heading strong{font-size: 26px;letter-spacing: 0;}
  .topmobile-call {padding: 8px 0 0px;}
   .form-content-section .form-heading strong{font-size: 29px;letter-spacing: 0;}
   .form-group{padding:0px 0;}
    .location-1 {width: 50%;padding: 7px;}
    .location_design .services-heading strong {font-size: 25px;}

}