/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900|Open+Sans:300,400,600,700'); */


#jqcheck { background: #fff9d7; text-align: center; color: #333; padding: 10px 0px; font-size: 13px; font-weight: bold; position: fixed; z-index: 9991; width: 100%; font-family: 'Poppins', sans-serif; }
* { margin: 0px; padding: 0px; }

/* text selection color */
::-moz-selection { background: var(--primary-color);  color: var(--theme-white); text-shadow: none;}
::selection { background: var(--primary-color); color: var(--theme-white); text-shadow: none; }

/* browser scroller style */
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:none; }
::-webkit-scrollbar-track-piece { background-color:#ecedf1; -webkit-border-radius:0px; border-left:1px solid #888; }
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius:0px; background:var(--primary-color); }


@media screen and (-webkit-min-device-pixel-ratio:0) { select { -webkit-appearance: none !important; line-height:28px !important; } }

body {font-family: 'Poppins', sans-serif;color: var(--default-color);font-size:var(--base-font-size);position: relative;}


.sm-btn { font-size: 14px; }
.md-btn { font-size: 16px; }
.lg-btn { font-size: 18px; }
.xl-btn { font-size: 20px; }

/* headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; }
h1, .h1, h2, .h2 {font-family: 'Poppins', sans-serif;}
h3, .h3, h4, .h4, h5, .h5, h6, .h6{ font-family: 'Poppins', sans-serif; padding-bottom: 10px;
color: var(--theme-dark); }



p {/* font-weight: 400; */line-height: 1.4;padding: 0 0 20px;margin:0px;color: #687087;}

/*** theme sections padding ***/
.sec-padding-100 { padding:100px 0;} .sec-padding-90 { padding:90px 0;}
.sec-padding-80 { padding:80px 0;} .sec-padding-70 { padding:70px 0;}
.sec-padding-60 { padding:60px 0;} .sec-padding-xlarge { padding:50px 0; }
.sec-padding-large { padding:40px 0; } .sec-padding-medium { padding:30px 0; }
.sec-padding-small { padding:25px 0; } .sec-padding-xsmall { padding:10px 0; }

/*** theme sections margin ***/
.sec-margin-100 { margin:100px 0;} .sec-margin-90 { margin:90px 0;}
.sec-margin-80 { margin:80px 0;} .sec-margin-70 { margin:70px 0;}
.sec-margin-60 { margin:60px 0;} .sec-margin-xlarge { margin:50px 0; }
.sec-margin-large { margin:40px 0; } .sec-margin-medium { margin:30px 0; }
.sec-margin-small { margin:25px 0; } .sec-margin-xsmall { margin:10px 0; }

/*** no padding, no marging ***/
.p-0 { padding:0; }
.pt-0 { padding-top:0px; } .pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; } .pr-0 { padding-right:0px; }
.m-0 { margin:0; }
.mt-0 { margin-top:0px; } .mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; } .mr-0 { margin-right:0px; }


p strong { color: black; }
p span { color: black; }
a:hover { text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
img { border: 0px; outline: none; }
/*img { max-width: 100%;  }*/
ul,li { list-style-type: none; }
.relative { position:relative; }
.absolute { position:absolute; }

h2,.h2 {
 color: #171717;
 line-height: 1.2;
 font-weight: 700;
 padding: 0 0 15px 0;
 position: relative;
 letter-spacing: -1px;
 }
h2 span,.h2 span { color:var(--primary-color);}

a { text-decoration: none; }
.list-simple { list-style: none; margin: 0 0 15px 0; width:100%; display:inline-block; }
.list-simple li {color: var(--default-color);padding: 0 0 10px 16px;line-height: 20px;font-size: 14px;font-weight: 400;position:relative;}
.list-simple li:before {position: absolute; left: 0px;top: 0px;
font-size: 13px; color:var(--secondary-color); content: "\e93a"; font-family: 'icomoon' !important; }

/*** morefull block link ***/
.moreFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }

/*** transition ***/
.transition {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

/*** scale with transition ***/
.scale-with-transition { -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in; transition: all 200ms ease-in; -webkit-transform: scale(1.05);
-ms-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }

/* header 
------------------------------------*/
.home-pg{}
.home-pg .videowrp-home-bg{position: relative;}
.home-pg .videowrp-home-bg video{position: fixed;top: 0;width: 100%;z-index: -1;}
.home-pg:before{position: absolute; width: 100%; height: 100%; background: #00000075; z-index: 0; top: 0;content:'' ; }
header{padding: 15px 50px 25px;position: fixed;z-index: 111;width: 100%;}
header .logowrp{}
header .logowrp img{height: 67px;}
header .navwrp{}
header .navwrp ul{margin: 0;text-align: right;}
header .navwrp ul li{display: inline-block; margin: 0 0 0 20px; }
header .navwrp ul li a{color: #fff;font-size: 14px;font-weight: 400;}
header .navwrp ul li a.nmbtwrp{color: #ffffff;font-weight: 400;font-size: 14px;}
header .navwrp ul li a.btnwrp{background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);padding: 16px 37px;color: #fff;font-weight: 600;border-radius: 7px;}

.btn-1{color: rgb(255, 255, 255);background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);font-weight: 600;padding: 16px 31px;font-size: 14px;border-radius: 4px;transition: all 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) 0s !important;}
.btn-2{font-weight: 600;padding: 20px 31px;font-size: 16px;border-radius: 4px;transition: all 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) 0s !important;color: #000;background-image: linear-gradient(to right, #fff, #F5F5F5);/* border: 1px solid #d5dae530; */margin: 0 0 0 10px;padding: 16px 31px;font-size: 14px;}
.btn-2:hover{color: #000;}
.home-bnr{padding: 160px 0 70px;}
.home-bnr .txtwrp{display: block; padding: 30px 0 0; }
.home-bnr .txtwrp h1{color: #fff;font-size: 54px;font-weight: 600;padding: 0 0 20px;line-height: 55px;}
.home-bnr .txtwrp p{font-size: 18px;color: #fff;font-weight: 300 !important;}
.home-bnr .imgwrp{position: relative; }
.home-bnr .imgwrp img{position: absolute; left: -120px; top: -40px; }
.home-bnr .btnwrp{display: block; padding: 30px 0 0; position: relative;    z-index: 99;}
.home-bnr .btnwrp img{margin: 0 0 0 20px;display: inline-block;}
.home-bnr .formwrp{}
.home-bnr .formwrp form{background: #fff;width: 70%;float: right;padding: 40px 30px;border-radius: 12px;position: relative;}
.home-bnr .formwrp form img{position: absolute;width: 110px;right: 30px;top: 10px;/* animation: scrollDownAnimation .5s ease infinite alternate; */filter: hue-rotate(152deg);}
.home-bnr .formwrp form .txtdiv{}
.home-bnr .formwrp form .txtdiv h4{font-size: 24px;font-weight: 700;color: #d9a53a;}
.home-bnr .formwrp form .txtdiv p{font-size: 16px; line-height: 18px; font-weight: 500; color: #000; }
.home-bnr .formwrp form .lablewrp{}
.home-bnr .formwrp form .lablewrp input{width: 100%; height: 50px; padding: 0 0 0 10px; margin: 0 0 12px; border-radius: 7px; border: 1px solid #d09b34; outline: none; }
.home-bnr .formwrp form .lablewrp textarea{width: 100%; height: 80px; padding: 10px 0 0 10px; resize: none; border-radius: 7px; border: 1px solid #d09b34; outline: none; }
.home-bnr .formwrp form .lablewrp input.btnmain{background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%); color: #fff; padding: 0; font-size: 16px; margin: 7px 0 0; }
.home-bnr .formwrp form .mainwrp{display: block; padding: 20px 0 0; }
.home-bnr .formwrp form .mainwrp a.nmbtwrp{    color: #000;}
.home-bnr .formwrp form .mainwrp a.blink{float: right; border: 1px solid #e2d9d9; color: #000; padding: 4px 10px; border-radius: 7px; margin: -7px 0 0; }
.blink {
    animation: blinker 1s step-start infinite;
}
.blink {animation: blinker 1s step-start infinite;}



@keyframes blinker {
  50% {
    color:rgb(146 94 17);
  }
}    





 body::-webkit-scrollbar {
   display:none;
 }


.main-heading{font-size: 40px;font-weight: 600;margin: 0;line-height: 45px;}
.main-pera{font-size: 18px;font-weight: 400;}
.home-secound{padding: 100px 0 0;position: relative;z-index: 1;overflow: hidden;height: 100vh;backdrop-filter: blur(6px );}
/*.home-secound:hover:after{    left: -42%;}*/
.home-secound.dosrawrp{margin: 0px 0 0; }
.home-secound.dosrawrp:after{background-image: url(../images/Untitled-3.png); left: -660px; top: -220px; width: 210%; background-position: initial; }
.home-secound:after{content: "";position: absolute;top: -340px;/* backdrop-filter: blur(6px ); */z-index: -1;background-image: url(../images/Untitled-2.png);width: 160%;height: 132%;background-size: cover;left: -42%;background-repeat: no-repeat;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;}
.downwrp{}
.home-secound .txtwrp{}
.home-secound .main-detail{position: relative; }
.home-secound .main-detail img{width: 120px;
  /*animation: scrollDownAnimation .5s ease infinite alternate;*/
}
.home-secound .main-heading{color: #fff;}
 .home-secound .main-pera{color: #fff !important;}
.home-secound .main-detail ul{margin: 0;position: absolute;right: 50px;top: 0;}
.home-secound .main-detail ul li{margin: 0 0 12px;font-size: 18px;color: #fffc;font-weight: 500;position: relative;}
.home-secound .main-detail ul li:after{content: "\f101";position: absolute;left: -20px;font-family: 'FontAwesome';}
.home-secound .btnwrp{display: block; padding: 40px 0 0; }
.home-secound a span {position: absolute;top: 90px;left: 50%;width: 34px;height: 34px;margin-left: -12px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: sdb07 2s infinite;animation: sdb07 2s infinite;opacity: 0;box-sizing: border-box;border-right: 1px so;}
.home-secound a span:nth-of-type(1) {-webkit-animation-delay: 0s;animation-delay: 0s;top: 90px;}
.downwrp{position: absolute;z-index: 1;width: 210px;height: 210px;/* backdrop-filter: blur(6px
); */border-radius: 50%;overflow: hidden;bottom: 0 !important;margin: 0 auto;left: 0;right: 0;}

.home-secound .imgwrp img{width: 100%;}

.downwrp video{height: auto; width: auto; }
.home-secound a span:nth-of-type(2) {top: 76px;-webkit-animation-delay: .15s;animation-delay: .15s;}
.home-secound a span:nth-of-type(3) {top: 62px;-webkit-animation-delay: .3s;animation-delay: .3s;}
@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


@keyframes scrollDownAnimation{from{transform:translateY(0);}
to{transform:translateY(-10px);}
}
@-webkit-keyframes scrollDownAnimation{from{transform:translateY(0);}
to{transform:translateY(-10px);}
}
@-webkit-keyframes ripple{0%{box-shadow:0 0 0 0
rgba(1, 201, 226, 0.3), 0 0 0 10px
rgba(1, 201, 226, 0.3), 0 0 0 20px
rgba(1, 201, 226, 0.3), 0 0 0 30px
rgba(1, 201, 226, 0.3);}
100%{box-shadow:0 0 0 1em
rgba(1, 201, 226, 0.3), 0 0 0 20px
rgba(1, 201, 226, 0.3), 0 0 0 30px
rgba(1, 201, 226, 0.3), 0 0 0 50px
rgba(1, 201, 226, 0);}
}
@keyframes ripple{0%{box-shadow:0 0 0 0
rgba(201, 205, 206, 0.3), 0 0 0 10px
rgba(232, 238, 239, 0.3), 0 0 0 20px
rgba(219, 224, 224, 0.3), 0 0 0 30px
rgba(197, 199, 199, 0.3);}
100%{box-shadow:0 0 0 1em
rgba(207, 219, 220, 0.3), 0 0 0 20px
rgba(167, 174, 175, 0.3), 0 0 0 30px
rgba(187, 194, 195, 0.3), 0 0 0 50px
rgba(1, 201, 226, 0);}
}
/*Halloween css*/


.content-hidden{height: 100vh;overflow: hidden;}
html {scroll-behavior: smooth; }
.ctawrp{overflow: hidden;height: 100vh;}
.ctawrp:hover .imgwrp .img-2{    transform: rotate(
325deg);}
.ctawrp .maindiv{background: #fffc;backdrop-filter: blur(7px);width: 80%;margin: 0 auto;padding: 50px 50px;border-radius: 20px;margin: 100px auto 0;}
.ctawrp .txtwrp{}
.ctawrp .txtwrp img{width: 120px; margin: 0 0 10px; 
  /*animation: scrollDownAnimation .5s ease infinite alternate; */
}
.ctawrp .btnwrp{display: block; padding: 30px 0 0; }
.ctawrp .imgwrp{position: relative; }
.ctawrp .imgwrp img{/* position: absolute; */width: 100% !important;transition: all 0.3s ease-in 0s;}
.ctawrp .imgwrp .img-1{/* right: -80px; */top: 0px;transform: rotate(0deg);}
.ctawrp .imgwrp .img-2{transform: rotate(358deg);width: 80%;top: -130px;z-index: -1;right: -180px;}
.ctawrp .txtwrp p{color: #000;}



.what-boxwrp:after{content: "";backdrop-filter: blur(7px);position: absolute;width: 100%;height: 100%;top: 0;z-index: -1;}
.what-boxwrp {position: relative;height: 100%;}
.what-boxwrp .txtwrp {display: block;text-align: center;padding: 0px 0px 30px;}
.what-boxwrp .txtwrp h2{color: #fff;}
.what-boxwrp .mainwrp {width: 86%;z-index: 3;position: relative;}
.what-boxwrp .mainwrp h4 { color: rgb(153, 153, 153); font-weight: 600; font-size: 24px; padding: 0px 0px 20px; }
.what-boxwrp .mainwrp p { color: rgb(153, 153, 153); height: 183px; }
.what-boxwrp .mainwrp .txtdiv { padding: 30px 40px; background: rgb(255, 255, 255); min-height: 250px; transition: all 0.3s ease-in 0s; border: 7px solid rgb(153, 153, 153); width: 100%; }
.what-boxwrp .mainwrp.box-1 { }
.what-boxwrp .mainwrp.box-1:hover .bear-img {left: -160px;}
.what-boxwrp .mainwrp.box-1 .bear-img {position: absolute;bottom: 1px;z-index: -1;transform: scaleX(-1);left: 0px;width: 44%;transition: all 0.5s ease 0s;}
.what-boxwrp .mainwrp.box-2 .flr-img { top: 10px; left: 0px; animation-name: spin-animation; animation-duration: 360s; animation-timing-function: linear; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: forwards; animation-play-state: paused; position: absolute; transition: all 0.3s ease-in 0s; z-index: -1; }
.what-boxwrp .mainwrp.box-2 { margin: 30px 0px 0px; }
.what-boxwrp .mainwrp.box-2:hover .flr-img {top: 0;left: -105px;}
.what-boxwrp .mainwrp.box-3 { margin: 60px 0px 0px; transition: all 0.3s ease-in 0s; }
.what-boxwrp .mainwrp.box-3:hover img { top: -180px; }
.what-boxwrp .mainwrp.box-3 img { position: absolute; top: 0px; right: 0px; transition: all 0.3s ease-in 0s; width: 165px; z-index: -1; }
.what-boxwrp .mainbtn{display: block; text-align: center; padding: 70px 0 0; }


.sec-eight-text-area {
    text-align: center;
    padding: 100
px
 0 120
px
;
    position: relative;
}
.section-eight{padding: 40px 0 0px 0;margin-top: 120px;position: relative;margin-bottom: 80px;}
  .op-eight-section{position: relative;}
  .sec-eight-text-area{text-align: center;padding: 100px 0 120px;position: relative;}
  .sec-eight-text-area img{padding: 2vh 0;}
  .sec-eight-text-area h1{padding: 2vh 0 3vh 0;color: #434C57;    line-height: 1.3;    font-size: 40px; letter-spacing: 2px; padding-bottom: 30px;}
  .sec-eight-text-area p{/* padding: 2vh 0; *//* font-size: 14px; *//* line-height: 1.6; */color: #000;}
  .section-eight .container-pe-quote {position: absolute;height: 100%;top: 0px;z-index: 1;}
  .section-eight .container-pe-quote.left {left: 0px;}
  .section-eight .container-pe-quote.right {right: 0px;}
  .section-eight .container-pe-quote .pp-quote {cursor: pointer;position: absolute;border-radius: 100%;box-shadow: 0 10px 30px rgba(0,0,0,0.15);animation-name: floating;-webkit-animation-name: floating;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-transform-origin: 50% 1px;-moz-transform-origin: 50% 1px;-ms-transform-origin: 50% 1px;-o-transform-origin: 50% 1px;transform-origin: 50% 1px;opacity: 0;-webkit-transition: all 2s ease;-moz-transition: all 2s ease;-ms-transition: all 2s ease;-o-transition: all 2s ease;transition: all 2s ease;}
  .container-pe-quote .pp-quote img {overflow: hidden; border-radius: 100%; height: 100%; width: 100%; position: relative; z-index: 1; }
  .section-eight .container-pe-quote .pp-quote:after {content: ''; position: absolute; top: 50%; left: 50%; height: calc(100% + 5px); width: calc(100% + 5px); border-radius: 100%; background-color: #e3ae3f; -webkit-transform: translate(-50%, -50%) scale(0.9); -moz-transform: translate(-50%, -50%) scale(0.9); -ms-transform: translate(-50%, -50%) scale(0.9); -o-transform: translate(-50%, -50%) scale(0.9); transform: translate(-50%, -50%) scale(0.9); -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
  .container-pe-quote .pp-quote:hover:after, .container-pe-quote .pp-quote.active:after {-webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
  .section-eight .container-pe-quote .li-quote-1 {height: 104px; width: 104px; left: 15px; top: 95px; animation-duration: 10s; -webkit-animation-duration: 10s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; opacity: 1; }
  .section-eight .container-pe-quote .li-quote-2 {height: 63px; width: 63px; left: 120px; top: 270px; animation-duration: 12s; -webkit-animation-duration: 12s; -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 1; }
  .section-eight .container-pe-quote .li-quote-3 {height: 64px; width: 64px; left: 68px; top: 380px; animation-duration: 6s; -webkit-animation-duration: 6s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; opacity: 1; }
  .section-eight .container-pe-quote .li-quote-4 {height: 73px; width: 73px; right: -15px; top: 110px; animation-duration: 5s; -webkit-animation-duration: 5s; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; opacity: 1; }
  .section-eight .container-pe-quote .li-quote-5 {height: 73px; width: 73px; right: 28px; top: 265px; animation-duration: 8s; -webkit-animation-duration: 8s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; opacity: 1; }
  .section-eight .container-pe-quote .li-quote-6 {height: 45px; width: 45px; right: 108px; top: 170px; animation-duration: 7s; -webkit-animation-duration: 7s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; opacity: 1; }
  .section-eight .container-pe-quote .li-quote-7 {height: 48px; width: 48px; right: 40px; top: 414px; animation-duration: 7s; -webkit-animation-duration: 7s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; opacity: 1; } 
  .section-eight .container-pe-quote .li-quote-8 {height: 63px; width: 63px; left: 20px; top: 250px; animation-duration: 5s; -webkit-animation-duration: 5s; -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 1; }
.sec-eight-text-area {    text-align: center;    padding: 100px 0 120px;    position: relative;}
@keyframes floating{

  0% {
      -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
      -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
      -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
      -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
      transform: rotate(0deg) translate(-10px) rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
      -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
      -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
      -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
      transform: rotate(360deg) translate(-10px) rotate(-360deg);
  }

}
@-webkit-keyframes floating{

  0% {
      -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
      -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
      -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
      -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
      transform: rotate(0deg) translate(-10px) rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
      -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
      -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
      -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
      transform: rotate(360deg) translate(-10px) rotate(-360deg);
  }

}

.section-eight .container-quote {position: relative; width: 100%; margin-top: 10px; height: 135px; -webkit-perspective: 10000px; -moz-perspective: 10000px; -ms-perspective: 10000px; perspective: 10000px; }
.section-eight .container-quote .quote {max-width: 520px; width: 100%; height: 100%; position: absolute; top: 0px; left: 50%; cursor: pointer; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005); -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005); -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005); transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005); }
.section-eight .container-quote .quote.hide-bottom {opacity: 0; -webkit-transform: translateX(-50%) translateY(100%) rotateX(-70deg); -moz-transform: translateX(-50%) translateY(100%) rotateX(-70deg); -ms-transform: translateX(-50%) translateY(100%) rotateX(-70deg); -o-transform: translateX(-50%) translateY(100%) rotateX(-70deg); transform: translateX(-50%) translateY(100%) rotateX(-70deg); }
.section-eight .container-quote .quote.hide-top {opacity: 0; -webkit-transform: translateX(-50%) translateY(-100%) rotateX(70deg); -moz-transform: translateX(-50%) translateY(-100%) rotateX(70deg); -ms-transform: translateX(-50%) translateY(-100%) rotateX(70deg); -o-transform: translateX(-50%) translateY(-100%) rotateX(70deg); transform: translateX(-50%) translateY(-100%) rotateX(70deg); }
.section-eight .container-quote .quote.show {opacity: 1; -webkit-transform: translateX(-50%) translateY(0%) rotateX(0deg); -moz-transform: translateX(-50%) translateY(0%) rotateX(0deg); -ms-transform: translateX(-50%) translateY(0%) rotateX(0deg); -o-transform: translateX(-50%) translateY(0%) rotateX(0deg); transform: translateX(-50%) translateY(0%) rotateX(0deg); }
.section-eight .container-dp-name {position: relative; width: 100%; margin-top: 10px; height: 225px; -webkit-perspective: 10000px; -moz-perspective: 10000px; -ms-perspective: 10000px; perspective: 10000px;text-align: center; }
.section-eight .container-dp-name .box-dpname {width: 100%; height: 100%; position: absolute; top: 0px; left: 0; cursor: pointer; text-align: center; -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005); -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005); -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005); transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005); }
.section-eight .container-dp-name .box-dpname.hide-dp-bottom {opacity: 0; -webkit-transform: translateX(0%) translateY(100%) rotateX(-70deg); -moz-transform: translateX(0%) translateY(100%) rotateX(-70deg); -ms-transform: translateX(0%) translateY(100%) rotateX(-70deg); -o-transform: translateX(0%) translateY(100%) rotateX(-70deg); transform: translateX(0%) translateY(100%) rotateX(-70deg); }
.section-eight .container-dp-name .box-dpname.hide-dp-top {opacity: 0; -webkit-transform: translateX(0%) translateY(-100%) rotateX(70deg); -moz-transform: translateX(0%) translateY(-100%) rotateX(70deg); -ms-transform: translateX(0%) translateY(-100%) rotateX(70deg); -o-transform: translateX(0%) translateY(-100%) rotateX(70deg); transform: translateX(0%) translateY(-100%) rotateX(70deg); }
.section-eight .container-dp-name .box-dpname.look {opacity: 1; -webkit-transform: translateX(0%) translateY(0%) rotateX(0deg); -moz-transform: translateX(0%) translateY(0%) rotateX(0deg); -ms-transform: translateX(0%) translateY(0%) rotateX(0deg); -o-transform: translateX(0%) translateY(0%) rotateX(0deg); transform: translateX(0%) translateY(0%) rotateX(0deg); }

@media screen and (max-width:767px){
  .sec-eight-text-area{    padding: 10px 0 10px 0;}
  .section-eight .container-pe-quote{position: relative;height: 500px;top: 0px;z-index: 1;max-width: 300px;margin: -70px auto 0;}
}
@media screen and (max-width:480px){
  .section-eight{position: relative;}
  .section-eight .bottom-ani-cs{    position: absolute;top: 150px;right: 16px;} 
  .section-eight .container-pe-quote .li-quote-2 {left: 60px;top: 270px;}
  .section-eight .container-pe-quote .li-quote-6 { right: 100px;top: 179px;}
  .section-eight .container-pe-quote .li-quote-8 {height: 43px;width: 43px;left: 0px;top: 220px;}
  .section-eight .container-pe-quote .li-quote-3{left: 0;}
  .section-eight .container-quote{height: 205px;overflow: hidden;overflow-y: auto;}
  .sec-eight-text-area{padding: 10px 0 100px 0;}
}
.row.testmain{background: #ffffffd1;width: 100%;padding: 0 80px;border-radius: 6px;backdrop-filter: blur(7px );}}





body {font-family: 'Heebo', sans-serif; font-weight: normal; font-style: normal; font-size: 15px; line-height: 1.5; color:#5f5f5f; letter-spacing: 1px;}

h2,h4 {font-family: 'Dosis', sans-serif; font-style: normal; margin-bottom: 10px; font-weight: 500; color: #1c1d3e; }
.pos-r {position: relative; }
section{padding: 80px 0;}
.section-title{margin-bottom:50px; position: relative;}
.section-title p{font-size: 16px;}
.title-effect {width: 50px;height: 50px;top: 0;position: absolute;left: 0;opacity: 0.5;animation: rotation 12.8s steps(1) 0s infinite;}
.text-center .title-effect{left: 50%; margin-left: -25px;}
.text-center .section-title h6{padding: 15px 0;}

.title-effect .bar {background: #DBA63B;}
.title-effect .bar-top {width: 100%;height: 2px;position: absolute;top: 0;left: 0;transform-origin: left top;transform: scale(0, 1);animation: bar-top 3.2s linear 0s infinite;}
.title-effect .bar-right {width: 2px;height: 100%;position: absolute;top: 0;right: 0;transform-origin: left top;transform: scale(1, 0);animation: bar-right 3.2s linear 0s infinite;}
.title-effect .bar-bottom {width: 100%;height: 2px;position: absolute;right: 0;bottom: 0;transform-origin: right top;transform: scale(0, 1);animation: bar-bottom 3.2s linear 0s infinite;}
.title-effect .bar-left {width: 2px;height: 100%;position: absolute;left: 0;bottom: 0;transform-origin: left bottom;transform: scale(1, 0);animation: bar-left 3.2s linear 0s infinite;}

.title {position: relative; color: #1c1d3e; margin-bottom: 0;}
.section-title h2{/* margin-bottom: 15px; */}

/* ------------------------
    How It Work
------------------------*/
.work-process{position: relative;}
.step-num {background: #fff;border-radius: 50%;box-shadow: 0 12px 20px 0 rgba(117, 178, 240, 0.4);color: #dba63b;display: inline-block;font-size: 18px;font-weight: 600;height: 50px;right: 0;line-height: 55px;position: absolute;text-align: center;top: 0;width: 50px;}
.theme-bg .work-process h4, .theme-bg .work-process p{color: #ffffff;}
.step-icon {background: #ffffff; width:140px; height:140px; position: relative; border: 3px solid #fafaff; border-radius: 50%; line-height: 140px; font-size: 40px; text-align: center; color: #1c1d3e;}
.step-icon span {position: relative;}
.step-icon span::after, .step-icon span::before {border-radius: 50%; content: ""; height: 40px; position: absolute; width: 40px; z-index: -1;}
.step-icon span::after {background: #cdf3f6; height: 25px; left: -10px; top: 5px; width: 25px;}
.step-icon span::before {background: #d4f8e6; bottom: 0; right: -10px;}
.dark-bg .step-icon{color: rgba(255,255,255,0.9); background: none;}
.dark-bg .step-desc h4{color: #2575fc;}
.dark-bg .step-icon{border-color: rgba(255,255,255,0.1);}
.dark-bg .step-desc p{color: rgba(255,255,255,0.7);}
.step-num-box{position: relative; display: inline-block; margin-bottom: 20px;}
.work-process .box-loader{position: absolute; top: 30%; right: -15%; left: inherit;}
.work-process.style-2 {padding: 0; display: flex; align-items: center;}
.work-process.style-2:before{display: none;}
.work-process.style-2 .step-num-box {margin-bottom: 0; margin-right: 30px;}
.work-process.style-3 {padding: 70px 30px 0;}
.work-process.style-3 .step-num {background: none; box-shadow: none; color: rgba(255, 255, 255, 0.1); font-size: 120px; height: auto; left: 50%; line-height: 120px; margin-bottom: 0; position: absolute; top: 0; transform: translateX(-50%); width: auto;}
#svg-container {position: absolute; width: 100%; left: 52%;  z-index: -1; transform: translateX(-50%); width: 75%;}
#svgC {margin: 0 auto; width: 100%;}


/* ------------------------
    box-loader
------------------------*/
.box-loader {border-radius: 100%; margin: 0 auto; position: absolute; top: 15px; left: 15px;}
.box-loader span{display: inline-block;width: 10px;height: 10px;border-radius: 100%;background: #dba63b;margin: 0 5px;opacity: 0;}
.box-loader span:nth-child(1){animation: opacitychange 1s ease-in-out infinite;}
.box-loader span:nth-child(2){animation: opacitychange 1s ease-in-out 0.33s infinite;}
.box-loader span:nth-child(3){animation: opacitychange 1s ease-in-out 0.66s infinite;}


/*--rotation--*/

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bar-top {
  0% {
    transform: scale(0, 1);
  }
  12.5% {
    transform: scale(1, 1);
  }
  87.5% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0, 1);
  }
}
@keyframes bar-right {
  0% {
    transform: scale(1, 0);
  }
  12.5% {
    transform: scale(1, 0);
  }
  25% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(1, 1);
  }
  87.5% {
    transform: scale(1, 0);
  }
  100% {
    transform: scale(1, 0);
  }
}
@keyframes bar-bottom {
  0% {
    transform: scale(0, 1);
  }
  25% {
    transform: scale(0, 1);
  }
  37.5% {
    transform: scale(1, 1);
  }
  62.5% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(0, 1);
  }
  100% {
    transform: scale(0, 1);
  }
}
@keyframes bar-left {
  0% {
    transform: scale(1, 0);
  }
  37.5% {
    transform: scale(1, 0);
  }
  50% {
    transform: scale(1, 1);
  }
  62.5% {
    transform: scale(1, 0);
  }
  100% {
    transform: scale(1, 0);
  }
}

/*--opacitychange--*/

@keyframes opacitychange{
  0%, 100%{
    opacity: 0;
  }

  60%{
    opacity: 1;
  }
}

/* responsive */
@media (max-width: 1200px){
  #svg-container { width: 85%; }
}
@media (max-width: 992px){
  .md-mt-5 { margin-top: 50px !important; }
  /*Step*/
  .work-process .box-loader{display: none;}
  .step-desc p {max-width: 300px;  margin: 0 auto;}
  #svg-container {width: 100%; transform: rotate(90deg); left: 0; top: 50%;}
}
.process{background: #ffffffd1;padding: 70px 0px;border-radius: 6px;backdrop-filter: blur(7px );width: 100%;margin: 0 auto;}
.step-num-box .step-icon span i{    color: #dfaa3d;}

.faqs{padding: 140px 0 70px;}
.faqs .accordion{background: #ffffffd1;padding: 80px 40px;border-radius: 6px;position: relative;}
.faqs .accordion .quest-section{}
.faqs .accordion .quest-section{}
.faqs .accordion .quest-section a:before{position: absolute;content: "\f05d";width: 20px;height: 20px;right: 0;top: 0px;color: rgb(227 174 63);font-size: 20px;font-family: 'FontAwesome';}
.faqs .accordion .quest-section a{font-size: 16px;font-weight: 500;text-transform: uppercase;background: rgb(247 249 252 / 0%);color: rgb(0 0 0);padding: 0px 15px;margin-bottom: 0px;position: relative;width: 100%;min-height: auto;line-height: 51px;display: inline-block;transition: all 0.15s linear 0s;text-decoration: none;border-bottom: 1px solid rgb(178 177 176);}
.faqs .accordion .quest-content{padding: 15px 20px; display: none; background: rgb(255 255 255 / 0%); margin-bottom: 0px; float: left; width: 100%; }
.faqs .accordion .quest-content p{line-height: 20px;font-size: 18px;font-weight: 500;margin: 0px;color: rgb(0 0 0);}
.faqs .accordion h2{text-align: center; }
.faqs .accordion img.whatsapp{width: 110px;position: absolute;top: -75px;left: 500px;padding: 20px;border: 1px solid #e2ae3f;border-radius: 6px;/* animation: scrollDownAnimation .5s ease infinite alternate; */}

.bottomform{background: #ffffffd1; }
.bottomform .txtwrp{}
.bottomform .txtwrp h2{color: #000;}
.bottomform .txtwrp p{font-size: 22px;} 
.bottomform .socializing{}
.bottomform .socializing a{display: block;color: #222;font-size: 18px;padding: 0 0 10px;}
.bottomform .forwarp{}
.bottomform .forwarp form{}
.bottomform .forwarp form .lablewrp{}
.bottomform .forwarp form .lablewrp input, textarea{width: 100%;background: #0000;border: none;height: 65px;border-bottom: 1px solid #a8a298;font-size: 20px;padding: 0 20px;color: #000;}
.bottomform .forwarp form .lablewrp input, textarea:focus-visible{outline: none;}
.bottomform .forwarp form .lablewrp input, textarea::placeholder{}
.bottomform .forwarp form .lablewrp textarea{padding: 15px 20px;height: 130px;}
.bottomform .forwarp form .lablewrp input::placeholder{color: #000;}
.bottomform .forwarp form h2{font-size: 32px;}
.bottomform .forwarp form h2 span{color: #dea93c;display: block;}
.bottomform .forwarp form .lablewrp input.btnmain{width: 30%;background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);padding: 16px 37px;color: #fff;font-weight: 500;border-radius: 7px;border-bottom: none;margin-top: 10px;}
.bottomform .social{}
.bottomform .social ul{margin: 20px 0 0; }
.bottomform .social ul li{display: inline-block; margin: 0 10px 0px 0px; }
.bottomform .social ul li a i{color: #cc9732; font-size: 26px; }



footer{padding: 70px 0;background: #000000c7;}
footer .logowrp{}
footer .logowrp img{width: 150px; padding: 0 0 20px; }
footer .logowrp p{color: #fff;font-size: 16px;font-weight: 400;}
footer .newzwrp{}
footer .newzwrp .from{}
footer .newzwrp .from h2{margin: 0; font-size: 36px; color: #dda83c; }
footer .newzwrp form{}
footer .newzwrp form input{height: 55px; width: 100%; border-radius: 4px; border: none; position: relative; padding: 0 0 0 10px; }
footer .newzwrp form input.btn{width: 39%; background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%); color: #fff; font-weight: 600; position: absolute; right: 20px; height: 45px; bottom: 5px; padding: 0; }

footer .serve-txt{}
footer .serve-txt ul{}
footer .serve-txt ul h4{color: #dda83c;font-size: 20px;}
footer .serve-txt ul li{padding: 10px 0 0; }
footer .serve-txt ul li a{color: #fff;font-size: 14px;font-weight: 400;}
footer .social{}
footer .social ul{}
footer .social ul li{display: inline-block; padding: 0 10px 0 0px; font-size: 22px; }
footer .social ul li a{color: #dea93c; font-size: 27px; }
footer .social ul li a i{}

.footer-bottom{padding: 10px 0;background: #151511;}
.footer-bottom .copyryt p{padding: 0;color: #fff;font-size: 14px;font-weight: 400;}
.footer-bottom .linkers{}
.footer-bottom .linkers ul{margin: 0; float: right; }
.footer-bottom .linkers ul li{display: inline-block; padding: 0 0px 0 0; }
.footer-bottom .linkers ul li a{color: #dca73b; }
.footer-bottom .linkers ul li span{color: #e0ab3d; }

.service-banner{position: relative; padding: 170px 0; overflow-y: hidden; }
.service-banner .txtwrp{}
.service-banner .txtwrp h2{color: #fff; }
.service-banner .txtwrp p{color: #fff; }
.service-banner .mainbtn{margin: 20px 0 0; }
.service-banner .mainbtn a{}
.service-banner video{width: 100%;position: absolute;z-index: -1;top: 0;}
.service-banner .overlay{position: absolute;width: 100%;height: 100%;background: #0000007d;top: 0;bottom: 0;overflow: hidden;}
.service-banner .imgmain{}
.service-banner .imgmain ul li{display: inline-block; padding: 10px 20px 30px 0px; }
.service-banner .imgmain img{width: 150px; }
.first-fold{backdrop-filter: blur(7px ); background: #fffc; }
.first-fold .imgwrp img{width: 100%; }
.first-fold .txtwrp{}
.first-fold .txtwrp h2{color: #000; }
.first-fold .txtwrp p{color: #000;}
.first-fold .mainbtn{display: block; padding: 30px 0 0; }
.first-fold .detail{}
.first-fold .detail ul{}
.first-fold .detail ul li{color: #000;padding: 0px 0px 10px 20px;font-size: 16px;position: relative;}
.first-fold .detail ul li:before{content: "\f101";position: absolute;left: 0px;font-family: 'FontAwesome';color: #e3ae3f;}

.inner-bg .videowrp-home-bg video{backdrop-filter: blur(7px);}
.inner-bg .what-boxwrp{}

.home-logos{padding: 30px 0;background: #000;}

.package {background: #fffc; backdrop-filter: blur(7px); display: block; }
.package .txtwrp{width: 80%;margin: 0 auto 30px;text-align: center;}
.package .txtwrp h2, p{color: #000;}
.package .pkgwrp{background: #fff;padding: 30px;border-radius: 6px;margin: 0 0 50px;}
.package .pkgwrp .upr-txt{   text-align: left}
.package .pkgwrp .upr-txt img{display: block;padding: 0 0 10px;height: 75px;}
.package .pkgwrp .upr-txt span{color: #e5b040;opacity: 0;}
.package .pkgwrp .upr-txt h2{margin: 0;padding: 0 0 10px;font-size: 22px;font-weight: 600;color: #754101;}
.package .pkgdetail{padding: 0 0 20px; }
.package .pkgdetail ul{height: 220px; }
.package .pkgdetail ul li{font-size: 14px;color: #000;padding: 0px 18px 5px;position: relative;text-align: left;}
.package .pkgdetail ul li:after{content: '\f00c';position: absolute;left: 0;top: 0;font-size: 12px;color: #e3ae3f;font-family: 'FontAwesome';}
.package .mainbtn{margin: 0 0 20px; }
.package .mainbtn a{padding: 20px 75px;display: inherit;}
.package .pricewrp{position: absolute;background: #e4af40;width: 90px;height: 88px;right: 2rem;top: -1rem;padding-top: 1.25rem;text-align: center;}
.package .pricewrp h4{margin: 0; padding: 0 0 5px; font-size: 26px; font-weight: 600; color: #fff; }
.package .pricewrp span{font-size: 14px;}
.package .pricewrp h6{font-size: 12px;color: #fff;opacity: 0;}
.package .pricewrp:after{content: '';width: 100%;height: 14px;background-color: #ffffff;left: 0;bottom: 0;clip-path: polygon(0 100%, 50% 0, 100% 100%);position: absolute;bottom: -1px;}
.package .pricewrp:before{content: '';width: 14px;height: 16px;background-color: #e1ac3e;top: 0;left: -14px;clip-path: polygon(0 100%, 100% 0, 100% 100%);position: absolute;}

.package .navwrp{text-align: center; margin: 0 auto; }
.package .navwrp .tabbing-links{text-align: center;margin: 0 0 30px;border-radius: 25px;margin: 20px auto 60px;width: auto;background-color: #f3f0f0;padding: 10px 0;display: inline-block;}
.package .navwrp .tabbing-links li{display: inline-block;color: #000;font-size: 16px;transition: all 0.3s ease;cursor: pointer;padding: 10px 15px;border-radius: 20px;font-weight: 600;/* background: #f3f3f3; */}
.package .navwrp .tabbing-links li.current{border-bottom: 1px solid;padding: 10px 40px;border-radius: 25px;color: #fff;font-weight: 600;background-image: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);}
.package .pkg-li{position: relative;display: inline-block;width: 33%;}
.package .btnwrp{text-align: center;margin: 0px 0 0;}

.features__dot--rotate {top: 0px;transform-origin: 50% 50px;animation: circleclock 10s linear infinite;}
.features__dot--float-vert, .features__dot--rotate {position: absolute;z-index: 0;left: 17%;-webkit-transform: translateX(-50%);transform: translateX(+50%);width: 20px;height: 20px;border-radius: 50%;background: #e4af406b;}
.features__dot--float-vert {top: 0px;transform-origin:50% 45px;animation: circleanticlock 9s linear infinite;left: 50px;}
@keyframes circleclock {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}
@keyframes circleanticlock {
    from { transform:rotate(0deg); }
    to { transform:rotate(-360deg); }
}



.portfolio{}
.portfolio .column{}
.portfolio .column h2, .portfolio .column .main-pera{color: #fff;}
.main-btn{background: linear-gradient(
43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);padding: 16px 37px;color: #fff;font-weight: 600;border-radius: 7px;border: none;}

.banner-abt{padding: 200px 0 80px;background: linear-gradient(
43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);}
.banner-abt .txtwrp{width: 80%; margin: 0 auto; text-align: center; }
.banner-abt .txtwrp h1{color: #fff; }
.banner-abt .txtwrp p{color: #fff; }
.contacttxt{    backdrop-filter: blur(7px );}
.contacttxt .txtwrp{}
.contacttxt .txtwrp h2{font-size: 36px;line-height: 46px;color: rgb(255, 255, 255);-webkit-text-fill-color: transparent;background: linear-gradient( 
43deg , rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;margin: 0;}

header.header-main.showmenu {background: #fff;box-shadow: 1px 13px 60px 0 #8994ac66;}
header.header-main.showmenu .navwrp ul li a{color: #000000;}
header.header-main.showmenu .navwrp .btnwrp{color: #fff;}

header.header-main.showmenu img.logo-white{display: none;}
header.header-main.showmenu img.logo-dark{display: block;}
header img.logo-dark{display: none;}
.process .step-desc p{color: #000;}
.process .step-desc h4{color: #000;font-size: 26px;font-weight: 500;margin: 0;}
.home-secound .txtwrp p{color: #000;}

.inner-cta{background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%); position: relative; padding: 60px 0; }
.inner-cta .txtwrp{text-align: center;width: 62%;margin: 0 auto;}
.inner-cta .txtwrp h2{margin: 0; color: #fff;}
.inner-cta .txtwrp p{color:#fff;}
.inner-cta .mainbtn{text-align: center; margin: 20px 0 0; }
.inner-cta .mainbtn a{margin: 0 10px 0 0; }
.inner-cta:after{content: '';background: url(../images/cta-left.png);width: 386px;height: 290px;background-size: cover;position: absolute;z-index: 1;background-position: 100%;left: 0;top: 0px;} 
.inner-cta:before{content: '';background: url(../images/cta-ri8.png);width: 372px;height: 300px;background-size: cover;position: absolute;z-index: 1;background-position: 100%;right: 0px;top: -20px;}




.inner-bg footer{background: #000000c7;border-bottom: 1px solid #68676459;}
.inner-bg .bottomform{background: #ffffffd1;}
.inner-bg .bottomform .socializing a, .inner-bg .bottomform .txtwrp h2, .inner-bg .bottomform .txtwrp p, .inner-bg .bottomform .forwarp form h2{color: #000;}
.inner-bg .bottomform .forwarp form .lablewrp input, .inner-bg .bottomform .forwarp form textarea::placeholder{color: #000;}
.inner-bg .bottomform .forwarp form .lablewrp input::placeholder{color: #000;}
.inner-bg .bottomform .forwarp form .lablewrp input, .inner-bg .bottomform .forwarp form textarea{border-bottom: 1px solid #a8a192bd;resize: none;}
.inner-bg .op-eight-section{}
.inner-bg .section-eight{margin: 0;padding: 0;}
.package .pkgwrp{box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 18%);}
.inner-bg .ctawrp{height: auto;}

.wedeliver{padding: 80px 0;}
.wedeliver h2{text-align:  center;width: 100%;color: #fff;display: inline-block;padding-bottom: 20px;margin-bottom: 0;}
.wedeliver p{color: #000;width: 100%;font-size: 16px;}

.wedeliver .features__dot--float-vert, .wedeliver .features__dot--rotate{top: 9px;left: 160px;background: #e2ad3e;}
.wedeliver .features__dot--float-vert{left: 170px;top: 19px;}
.wedeliver .features__img{}
/*.wedeliver .main-pera{text-align: center;color: #fff;}*/


.features__items {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.features__item {background: #fff;text-align: center;width: 31%;padding: 30px 25px;margin: 30px 25px 25px 0;position: relative;border-radius: 6px;}
.features__img {width: 62px;}
.features__title {color: #000000;font-weight: 500;font-size: 21px;line-height: 1.4;margin-top: 20px;}
p.features__desc {font-family: var(--secondary-font-family);color: #ffffff;font-size: 18px;line-height: 1.4;}


.form-box-main form label.field-txt{    font-weight: 500;    font-size: 18px;    color: rgb(91, 107, 127);    margin: 0px 0px 5px;    width: 100%;    display: block;    padding: 10px 0px 0px;}
.form-box-main form input[type="text"], .form-box-main form input[type="email"], .form-box-main form input[type="number"], .form-box-main form input[type="tel"], .form-box-main form textarea{width: 100%;margin: 0px;border: 1px solid rgb(178, 185, 193);background: white;padding: 18px 15px;color: rgb(0, 0, 0);font-size: 18px;font-weight: 400;height: 55px;border-radius: 8px;outline: none;}
.form-box-main form #countryCode{ height: 55px !important; padding: 0 16px 0; width: 22%; float: left; margin: 0 10px 0 0; border-radius: 6px; outline: none; border: 1px solid rgb(178, 185, 193); background: white; }
input#free_cons_phone1{padding: 15px !important;    width: 75%;    margin: 0 !important;    float: left}
.form-box-main form select{width: 100%;    margin: 0px;    border: 1px solid rgb(178, 185, 193);    background: white;    padding: 12px 15px;    color: rgb(91, 107, 127);    font-size: 18px;    font-weight: 400;    border-radius: 8px;}
.form-box-main form .intl-tel-input{width: 100%;}
.intl-tel-input{width: 100%;}
.form-box-main form textarea{    width: 100%;    margin: 0px;    padding: 8px 12px;    height: 100px;}
.form-box-main form input[type="submit"]{display: inline-block;    transform: translateY(0rem);    transition: all 0.4s ease 0s;    color: rgb(255, 255, 255);    margin-top: 20px;    padding: 20px 60px;    font-size: 16px;    background: linear-gradient( 43deg , rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);    border-radius: 8px;    border: 3px solid;    cursor: pointer;}
.privacyPolicy{padding: 150px 0 0px;}
.phone {    margin: 0px 0px 10px;}
.thankyouwrp{display: block;    text-align: center;    padding: 210px 0 120px;}
.btn-1:hover{color:#fff;}  
.drop-down{position:relative;}
.drop-down .drp-down{display:none;position: absolute;top: 50px;}
.drop-down:hover .drp-down{display:block !important;}
.drp-down ul {width: 250px;background: #fff;height: auto;border-radius: 6px;text-align: start !important;height: 372px;overflow-y: scroll;}
.drp-down ul li a {font-size: 14px !important;color: #000!important;font-weight: 500;display: block;padding: 20px;}
.drp-down>ul:before {    position: absolute;    content: "";    top: -9px;    left: 17px;    z-index: 0;    width: 20px;    height: 20px;    background: #fff;    -webkit-transform: rotate(45deg );    transform: rotate(44deg );    border-radius: 5px;    border-top: 1px solid #cbd6e2;    border-left: 1px solid #cbd6e2;}
.drp-down ul li{margin: 0 !important;text-align: left;border-bottom: 1px solid #000;width: 100%;}
.drp-down ul li:hover{}

.drp-down ul li a:hover{background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);    color: #fff !important;transition: 1s all;}
.drop-down a i{margin: 0 0 0 5px;}
.privacyPolicy p strong{font-size: 22px;    font-weight: 500;}


.servicesec {background: url(../images/packagesbg.jpg) no-repeat;width: 100%;background-size: cover;background-position: top center;padding: 60px 0;text-align: center;background: #fffc;backdrop-filter: blur(7px);}
.servicesec h4 {}
.servicesec p {text-align: center; font-size: 18px; width: 100%; }
.servicesec .boxwrap {display: inline-block; width: 100%; margin-top: 0; text-align: center; margin: 20px auto 0; }
.servicesec .boxwrap li {cursor: pointer; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 10px; position: relative; border-radius: 10px; min-height: 0; padding: 4px 3px; float: left; width: 23%; background-color: #FFFFFF; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #E6E6E6; padding-bottom: 7px; }
.servicesec .boxwrap li i {background-repeat: no-repeat; width: 60px; display: inline-block; height: 73px; margin: 14px auto 0px; /* background-position: top center; */ -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: 450%; }
.servicesec .boxwrap li i.one {background-position: 13px 22px; }
.servicesec .boxwrap li i.two {background-position: -115px 22px; background-size: 518%; }
.servicesec .boxwrap li i.three {background-position: -42px 27px; }
.servicesec .boxwrap li i.four {background-position: -183px 22px; }
.servicesec .boxwrap li i.five {background-position: -206px 27px; }
.servicesec .boxwrap li i.six {background-position: 15px 27px; }
.servicesec .boxwrap li.current i.six {background-position: 15px -45px; }
.servicesec .boxwrap li i.seven {background-position: -150px 27px; }
.servicesec .boxwrap li.current i.seven{background-position: -149px -45px; }
.servicesec .boxwrap li i.eight{background-position: -262px 27px; }
.servicesec .boxwrap li.current i.eight{background-position: -262px -45px; }



.servicesec .boxwrap li h6 {-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; color: #000000; font-size: 14px; line-height: 20px; font-weight: 600; text-transform: uppercase; padding-top: 8px; padding-bottom: 8px; }
.servicesec .boxwrap li.current {transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; border: 1px solid #ff9400; background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%); }
.servicesec .boxwrap li.current i.two {background-position: -115px -50px; }
.servicesec .boxwrap li.current h6 {color: #fff;}
.servicesec .boxwrap li.current i.one {background-position: 11px -52px; }
.servicesec .boxwrap li.current i.three {background-position: -42px -45px; }
.servicesec .boxwrap li.current i.four {background-position: -186px -52px; }
.servicesec .boxwrap li.current i.five {background-position: -206px -45px; }


.myservices .left h3 {font-size: 18px; }
.myservices .left p {font-size: 15px; text-align: left; }
.pointlisting {margin-bottom: 0; display: inline-block; }
.pointlisting li {position: relative; width: 50%; font-size: 14px; padding-left: 0px; padding-bottom: 10px; display: inline-block; text-align: left; }
.pointlisting li span {margin-right: 10px; color: #16a085; }
.left {margin: 0px 0 0 0; }
.servicesec .tab-content .tabs img {width: 500px; }
.tabs {display: none; }
.tabs.current {display: block; }
.servicesec .tab-content {box-shadow: 0px 6px 21px 11px rgb(0 0 0 / 8%);padding: 50px 50px 40px 50px;border-radius: 10px;margin: 30px 0 0;background: #fff;position: fixed;left: 0;right: 0;top: 0;width: 80%;margin: auto;bottom: 0;height: 79%;}
.servicesec .tab-content .btnwrp {padding: 30px 0 0; }
.servicesec .tab-content .btnwrp .btn-1 {}
.servicesec .tab-content .btnwrp .btn-2 {color: #ff9400; }
.servicesec .tab-content .btnwrp .btn-2:hover {color: #fff; }
section.servicesec h4 {color: #dca73b !important;text-align: center;text-transform: capitalize;}
.servicesec .boxwrap li:last-child {margin-right: 0; }
.servicesec .boxwrap li:hover {    background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);}
.servicesec .boxwrap li:hover h6{color: #fff; }
.servicesec .boxwrap li:hover i {filter: brightness(390); }
.servicesec .boxwrap li:first-child {    /* margin-left: 0; */}
.servicesec .boxwrap li.current h6:after {content: ''; font-size: 13px; line-height: 0; position: absolute; left: 50%; bottom: 0; transition: 0.4s; border-radius: 0 0 5px 0; border: 1em solid transparent; transform: translateY(1em) translateX(-50%) rotate(45deg ); border-right: 13px solid #dca73b; border-bottom: 13px solid #dca73b; }


.banner-detail{}
.banner-detail ul{}
.banner-detail ul li{color: #fff; padding: 0 20px 10px; position: relative; }
.banner-detail ul li:after{content: "\f101";position: absolute;top:0;left: 0px;font-family: 'FontAwesome';color: #e3ae3f;}





.portfoliowrp{padding: 40px 0 70px;background: #fffc;    backdrop-filter: blur(7px);}
.portfoliowrp .navwrp{text-align: center; margin: 0 auto; }
.portfoliowrp .navwrp .tabbing-links{text-align: center;margin: 0 0 30px;border-radius: 25px;margin: 20px auto 40px;width: auto;background-color: #f3f0f0;padding: 2px 2px;display: inline-block;}
.portfoliowrp .navwrp .tabbing-links li{display: inline-block;color: #000;font-size: 16px;transition: all 0.3s ease;cursor: pointer;padding: 10px 15px;border-radius: 20px;font-weight: 600;/* background: #f3f3f3; */}
.portfoliowrp .navwrp .tabbing-links li.current{border-bottom: 1px solid;padding: 10px 40px;border-radius: 25px;color: #fff;font-weight: 600;background-image: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);}
.portfoliowrp .imgport{width: 100%;margin: 0 auto;text-align: center;}
.portfoliowrp .imgport li{display: inline-block;width: 32%;margin: 0 5px 15px;    transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;}
.portfoliowrp .imgport li:hover{    transform: scale(1.1);}
.portfoliowrp .imgport li img{width: 100%;border-radius: 10px;}
.portfoliowrp .imgport li figure{margin: 0px;}
.portfoliowrp .btnwrp{text-align: center;display: block;margin: 30px 0 0px;}
.portfoliowrp .tabs{display: none;}
.portfoliowrp .tabs.current{display: block;}

.tabs-web-dsgn li.hk_web_height {height: 400px; overflow: hidden; background-size: cover; border-radius: 10px; }
.tabs-web-dsgn li.hk_web_height:hover{background-position: 100% 100%; transition: 6s !important; transform:none; }
.tabs-ecom li.hk_web_height {height: 400px; overflow: hidden; background-size: cover; }
.tabs-ecom li.hk_web_height:hover{background-position: 100% 100%; transition: 6s !important; transform:none; }


.inner-bg .portfoliowrp .tabs.current{margin: 20px 0 0;}
.inner-bg .portfoliowrp{}
.inner-bg .portfoliowrp .txtwrp h2, .inner-bg .portfoliowrp .txtwrp p {}
.inner-bg .wedeliver{}
.inner-bg .wedeliver h2{}




#return-to-top {position: fixed;bottom: 20px;right: 20px;background: rgb(0, 0, 0);background: rgb(227 174 63);width: 50px;height: 50px;display: block;text-decoration: none;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;display: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 9999;}
#return-to-top i {color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#return-to-top:hover {background: rgba(0, 0, 0, 0.9); }
#return-to-top:hover i {color: #fff; top: 5px; }


.overlay {position: absolute; width: 100%; height: 100%; background: #00000075; z-index: 0; top: 0; }
.clrb{color: #fff !important;text-align: center;}


.builtwrp{padding: 130px 0 0px;}
.builtwrp .txtwrp{}
.builtwrp .txtwrp h4{color: #2ACB91;display: none;}
.builtwrp .txtwrp h2{color: #fff; font-weight: 500; }
.builtwrp .txtwrp h2 span{color: #d8a43d;}
.builtwrp .txtwrp p{color: #fff; }
.builtwrp .btnwrp{display: block; padding: 30px 0 0; }
.builtwrp .btnwrp .btn-1{/* background-image: unset; *//* background: #fff; *//* color: #25535f; *//* font-weight: 500; */}
.builtwrp .btnwrp .btn-2{padding: 18px 17px;border: 1px solid;border-radius: 9px;margin: 0 0 0 20px;font-size: 14px;}
.builtwrp .navwrp ul{margin: 50px 0 0 0px;border-left: 1px solid #ffffff38;height: 345px;}
.builtwrp .navwrp ul li{    padding: 0px 0 15px 80px;position: relative;}
.builtwrp .navwrp ul li span{color: #d8a43d;position: absolute;left: 30px;font-size: 22px;top: -4px;}
.builtwrp .navwrp ul li h4{color: #FFFFFF;font-size: 20px;padding: 0 0 10px;}
.builtwrp .navwrp ul li p{width: 63%;font-size: 13px;color: #fff;}
.builtwrp .navwrp ul li img{width: 80px;position: absolute;right: 40px;top: 30px;width: 60px;}
.builtwrp .img-flt{/* position: absolute; */width: 60%;bottom: 0px;margin: 0 auto;text-align: center;display: block;left: 0px;right: 0;z-index: 1;margin-left: 238px;}
.builtwrp:after{content: "";content: "";background-image: url(../images/integral-after.svg);width: 130px;height: 280px;position: absolute;background-repeat: no-repeat;background-size: 58%;left: 80px;bottom: 0px;display:none;}
.builtwrp:before{content: "";content: "";background-image: url(../images/buildwrp-after.svg);width: 130px;height: 190px;position: absolute;background-repeat: no-repeat;background-size: 48%;left: 160px;top: 0;}

.builtwrp .txtwrp h2{    font-size: 42px !important;}
.builtwrp .txtwrp h2 br{display: none;}


.inner-bg .process{background: unset; backdrop-filter: unset; }
.inner-bg .process h6{color: #fff;}
.inner-bg .process h2 , h4{color: #fff;}
.inner-bg .process h4{color: #e0ab3d;}
.inner-bg .process p{color: #fff;}
.tab-content .clbtn{cursor:pointer;float: right;}
.tab-content{display: none;}


.servicesec .tab-content ul{}
.servicesec .tab-content ul li{color: #000; padding: 0px 0px 10px 20px; font-size: 16px; position: relative; display: inline-block; width: 49%; vertical-align: top; }
.servicesec .tab-content ul li:after{content: "\f101";position: absolute;left: 0px;font-family: 'FontAwesome';color: #e3ae3f;top: 0;}
.home-bnr .formwrp form .lablewrp textarea{font-size: unset;margin: 15px 0 0;}
.navwrp.uppper-nav {    padding: 0 0 25px;}

.blink-chat {animation: blinker 1s step-start infinite;position: relative;}
.blink-chat:before {    content: "";
    background-color: #fb2224;
    position: absolute;
    width: 4px;
    height: 4px;
    top: 8px;
    left: -10px;
    border-radius: 50%;}

@keyframes blinker {
  50% {
    color:#d9a53a;
  }
}   
.navwrp.uppper-nav .nmbtwrp i{padding: 0 5px 0 0; }
.navwrp.uppper-nav .nmbtwrp img{    padding: 0 5px 2px 0;}
.navwrp.uppper-nav .nmbtwrp .mailwrp{margin: 0 6px 0 0; color: #fff;}

.gifwrp .imgwrp{mix-blend-mode: multiply; background:#D5D6D5;}
.gifwrp .imgwrp img{mix-blend-mode: multiply; color:#D5D6D5;}


.fancybox-slide--iframe .fancybox-content{width: 100% !important;height: 100% !important;}

.get-pg video{display: none;}