body{width: 100%;}
::-webkit-scrollbar {width: 9px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #AC9A22; border-radius: 8px;border: 1px solid #fff;transition: .3s;}
::-webkit-scrollbar-thumb:hover {background: #bba725; transition: .3s;}
/*Navbar footer*/

section.section-three{padding: 50px 0px;}
section.client_section{padding: 20px 0px;background: #edf2f1ba;}
section.our_approach_section {padding: 80px 0px; background: #111;
  background-image: repeating-linear-gradient(325deg, #111111, #1e1d1dcc 50%);}
section.why-choose-us{padding: 80px 0px;background: #fff;}
section.testimonial{padding: 80px 0px;background: #fff;}
section.contact-home-section {padding: 80px 0px; background: #111;
  background-image: repeating-linear-gradient(325deg, #1e1d1dcc, #1e1d1dcc 50%);border-top: 15px solid #c19130;
    box-shadow: 0 0 0 4px #c19130;    border-radius: 60px 60px 0 0;animation: asasasas 3s ease 0s infinite normal forwards;}
@keyframes asasasas {0%,50%,100% {box-shadow: 0 0 0 4px #c19130;}
25%, 75% {box-shadow: 0 0 0 1px #c19130;}}
section.about-us{padding: 80px 0px;background: #fff;}
section.about-three-section{padding: 60px 0px; background: #fff;}


.point-gold{color: #AC9A22;}
.border-bottom-gold {
    background-image: linear-gradient(90deg, #ffffff, #AC9A22, #AC9A22, #AC9A22,#AC9A22,#AC9A22, #ffffff);
    height: 1px;
}
.border-bottom-dark {
    background-image: linear-gradient(90deg, #ffffff, #000, #000, #000,#000, #ffffff);
    height: 1px;
}
.border-bottom-white {
    background-image: linear-gradient(90deg, #000, #ffffff, #ffffff, #ffffff,#ffffff, #000);
    height: 1px;
}
.rounded-20{border-radius: 20px;}
.rounded-25{border-radius: 25px;}
.micro-top-line {
    position: relative;
    color: #fff
}
.micro-top-line::after {
    content: "";
    position: absolute;
    left: 0;
    top: -5px;
    width: 0;
    height: 4px;
    border-radius: 2px;
    background-color: #c19130;
    animation: slideIn 6s ease infinite;
    animation-delay: .9s;
    animation-fill-mode: forwards
}
@keyframes slideIn {
    0% {
        width: 30px
    }

    50% {
        width: 90px
    }
     75% {
        width: 60px
    }
    100% {
        width: 30px
    }
}
.micro-top-line-micro {
    position: relative;
    color: #fff
}

.micro-top-line-micro::after {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    width: 0;
    height: 4px;
    border-radius: 2px;
    background-color: #c19130;
    animation: slideIn 6s ease infinite;
    animation-delay: .9s;
    animation-fill-mode: forwards
}


div#smooth-content-js {top: 6em !important;}
ul.navbar-nav li a.nav-link {font-size: 14px;transition: .3s;}
.btn-gold{border: 1px solid #AC9A22;color: #fff;transition: .3s;font-weight: 600;font-size: 14px;}
.btn-gold:hover {border: 1px solid #AC9A22;color: #AC9A22;transition: .3s;font-weight: 600;font-size: 14px;}

.bg_black{background-color: #111111;}
.border-gold{border: 1px solid #AC9A22;}

section.footer-section {border-top: 5px solid #AC9A22;padding: 40px 0px 0px 0px }
ul.footmenu{padding-left: 0rem;}
ul.footmenu li{list-style: none;}
ul.footmenu li a {color: black;text-decoration: none;font-size: 14px;transition: .3s;margin-left: 0px;}
ul.footmenu li:hover a {color: #AC9A22;text-decoration: none;font-size: 14px;margin-left: 5px;transition: .3s;}
/*navbar end */

/*hero section*/
.hero-section{height: 77vh;}
.hero-section .carousel-item{height: 77vh;}
.rotate {
    background-image: url(../images/roll-hero.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    animation: ROTATES 40s infinite linear;
    height: 450px;
    position: absolute;
    margin-left: -10em;
    width: 450PX;
    z-index: 0;
    top: 0vh;
    transition: .5s;
}
@keyframes ROTATES {
    0% {
        transform: rotate(0deg)scale(1)
    }

    25% {
        transform: rotate(90deg)scale(1.2)
    }

    50% {
        transform: rotate(180deg)scale(1)
    }

    100% {
        transform: rotate(360deg)scale(1.1)
    }
}
.slider-left {
    z-index: 1;
    position: relative;
    bottom: 10px;
}
.hero-content{font-size: 18px;min-height: 100px;text-align: justify;}
h5.hero-sec-point {
    font-size: 18px;
    display: flex;
    transition: .3s;
}

.gate-box{
  position:relative;
  overflow:hidden;
  padding-right:30px;
  display:inline-block;
}

.gate-box::after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  height:100%;
  background:#fff;
  z-index:3;
}
.gate-box::before {
    content: "";
    background-image: url(../images/right-up.png);
    background-color: #111111;
    position: absolute;
    border: 4px solid #111111;
    width: 30px;
    background-size: 100% 100%;
    height: 30px;
    background-repeat: no-repeat;
    top: 4px;
    right: -2px;
    z-index: 3;}
  h2#words{color: #AC9A22;font-weight: 700;}
  .border-right{border-right: 1px solid #fff; border-radius: 2px;}
  .bg-gold-home{color: #AC9A22;margin-right: 5px;}
 .gate-text{
  position:relative;
  white-space:nowrap;
  transform:translateX(120%);
  opacity:0;
}

.gate-text.enter{
  animation: enterGate 0.9s ease forwards;
}

.gate-text.hold{
  transform:translateX(0);
  opacity:1;
}

.gate-text.reverse{
  animation: reverseGate 0.9s ease forwards;
}

.gate-text.small{
  font-size:14px;
}

@keyframes enterGate{
  from{
    transform:translateX(120%);
    opacity:0;
  }
  to{
    transform:translateX(0);
    opacity:1;
  }
}

@keyframes reverseGate{
  from{
    transform:translateX(0);
    opacity:1;
  }
  to{
    transform:translateX(120%);
    opacity:0;
  }
}

.section-two{
  overflow:hidden;
}

.marquee{
  width:100%;
  overflow:hidden;
  background:#edf2f1ba;
}

.marquee-inner{
  display:flex;
  width:max-content;
  white-space:nowrap;

  transform: translateX(50vw);  
}

.marquee-inner span{
  font-size:48px;
  font-weight:600;
   min-height: 75px;
     
   color: #fff;
  padding-right:50px;
  text-shadow:1px 1px 0 #111;
  -webkit-text-stroke: 3px #AC9A22;
}
@keyframes marqueeMove{
  from{
    transform: translateX(50vw);
  }
  to{
    transform: translateX(-50%);
  }
}
.call-animastion{ animation: callVibrate 4s infinite;}
@keyframes callVibrate{
  0%   { transform: rotate(0deg); }
  2%   { transform: rotate(8deg); }
  4%   { transform: rotate(-8deg); }
  6%   { transform: rotate(8deg); }
  8%   { transform: rotate(-8deg)scale(1.1); }
  10%  { transform: rotate(0deg); }
  10%  { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}
.social-media a i {
    background: #fff;
    width: 28px;
    border: 1px solid #AC9A22;
    padding: 6px;
    text-align: center;
    color: #AC9A22;
    border-radius: 19px;
    height: 28px;
}
/*TAB*/
ul.list-unstyle-number .nav_link.active li {
    list-style: decimal-leading-zero;
    font-size: 34px;
    font-weight: 600;
    color: #979797;
    transition: .3s;
}
ul.list-unstyle-number .nav_link li {
    list-style: decimal-leading-zero;
    font-size: 30px;
    font-weight: 600;
    color: #979797;
    transition: .3s;
}
ul.list-unstyle-number .nav_link.active li h4 {
    color: #AC9A22;
    font-size: 34px;
    min-height: 50px;
    transition: .3s;
}
ul.list-unstyle-number .nav_link li h4 {
     font-size: 30px;
     transition: .3s;
    color: #000;
        min-height: 50px;
}
ul.list-unstyle-number li p {
    color: red;
    font-size: 14px;
    color: #000;
}
/*END TAB*/
/*slider logo client*/
.custom_carousel{
  overflow: hidden;
  width: 100%;
}

.custom_track{
  display: flex;
  transition: transform .6s ease;
}

.custom_item{
    flex: 0 0 auto;
    overflow: hidden;
    padding: 15px;
    border-radius: 12px;
    cursor: pointer;
    height: 130px;
}

.custom_item img{
  width: 100%;
  height: 105px;
  background: #fff;
  border-radius: 5px;
  padding: 7px;
  object-fit: scale-down;
  display: block;
  transition: transform .4s ease;
}

.custom_item:hover img{
  transform: scale(1.15);
}
/*slider end*/
.active.nav_link_basic:before {
    content: ".";
    color: #fff0;
    position: absolute;
    background: url(https://www.microprixs.com/wp-content/uploads/ac1.png);
    width: 40px;
    height: 56px;
    margin: -10px -45px;
    background-size: 102% auto;
    transition: .6s;
}

.nav_link_basic:before {
    content: ".";
    color: #fff0;
    position: absolute;
    background: url(https://www.microprixs.com/wp-content/uploads/unac2.png);
    width: 40px;
    height: 56px;
    margin: -10px -45px;
    background-size: 102% auto;
    transition: .6s;
}

.nav_link_basic.active h5.active_btn {color: #AC9A22 ;font-size: 24px;transition: .3s;min-height: 30px;}
.nav_link_basic h5.active_btn {color: #fff ;font-size: 18px;transition: .3s;min-height: 30px;}
.inner-tabing-space {margin: 20px 0px 0px 30px;}
.inner-tabing-space-2 {margin: 20px 0px 0px 0px;}

.why-choose-box img.right-black-icon {
    filter: brightness(0) contrast(100%);
    margin-top: 10px;
    margin-bottom: 10px;
    height: 25px;
}
.why-choose-box:hover img.right-black-icon {
    filter: brightness(1) contrast(100%);
    margin-top: 10px;
    margin-bottom: 10px;
    height: 25px;
}
.why-choose-box h4.number-counter {font-size: 35px;color: black;}
.why-choose-box h4.number-counter span.count {font-size: 35px; font-weight: 700; color: #000;transition: .3s;}
.why-choose-box h4.number-counter span.plus {font-size: 35px; font-weight: 700; color: black;}
.why-choose-box h4.number-counter span.percentage {font-size: 35px; font-weight: 700; color: black;}

.why-choose-box h6 {font-size: 1.1em;color: black;transition: .3s;}
.why-choose-box p {font-size: 14px;color: black;transition: .3s;text-align: justify;}
.why-choose-box:hover h6 {font-size: 1.1em;color: #AC9A22;transition: .3s;}
.why-choose-box:hover p {font-size: 14px;color: #AC9A22;transition: .3s;text-align: justify;}
.why-choose-box:hover h4.number-counter span.count {
    font-size: 35px; font-weight: 700; color: #AC9A22;transition: .3s;}

.why-choose-box:hover h4.number-counter span.plus {font-size: 35px; font-weight: 700; color: #AC9A22;}
.why-choose-box:hover h4.number-counter span.percentage {font-size: 35px; font-weight: 700; color: #AC9A22;}

.active.nav_link_basic_how_help:before {
    content: ".";
    color: #fff0;
    position: absolute;
    background: url(../images/ac1-help.png);
    width: 40px;
    height: 38px;
    margin: 0px -30px;
    background-size: 100% 100%;
    transition: .6s;
}

.nav_link_basic_how_help:before {
    content: ".";
    color: #fff0;
    position: absolute;
    background: url(../images/unac2-help.png);
    width: 40px;
    height: 38px;
    margin: 0px -30px;
    background-size: 100% 100%;
    transition: .6s;
}

.nav_link_basic_how_help h5.active_btn{min-height: 30px;color: #fff;transition: .3s;font-size: 20px;}
.nav_link_basic_how_help.active h5.active_btn{min-height: 30px;color: #AC9A22;transition: .3s; font-size: 24px;}

.auto-type {
  min-height: 48px;
  opacity: 0;
  transform: translateY(20px);
}

.auto-type.show {
  opacity: 1;
  min-height: 48px;
  transform: translateY(0);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* typing cursor */
.auto-type::after {
  content: "|";
  margin-left: 4px;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}
.star-box-eight img.eight-image-star:nth-child(1) {
    position: relative;
    left: 0;
    height: 15px;
    bottom: 186px;
    animation: blinks_star .4s infinite;
    animation-delay: 1s
}

.star-box-eight img.eight-image-star:nth-child(2) {
    position: relative;
    left: 8px;
    height: 11px;
    bottom: 84px;
    animation: blinks_star .5s infinite;
    animation-delay: 3s
}

.star-box-eight img.eight-image-star:nth-child(3) {
    position: relative;
    left: 202px;
    height: 18px;
    bottom: 29px;
    animation: blinks_star .6s infinite;
    animation-delay: 5s
}
@keyframes blinks_star {
    0% {
        opacity: 1
    }

    25% {
        opacity: .9
    }

    50% {
        opacity: opacity:.3;
        transform: scale(1.3) matrix(1,0,0,1,0,0)
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}
input.submit-btn {
    background: #1b1a1a;
    border: 1px solid #AC9A22;
    width: 100%;
    font-size: 14px;
    padding: 10px 6px;
    border-radius: 22px;
    color: #fff; transition: .3s;}
input:hover.submit-btn {
    background: #1b1a1a;
    border: 1px solid #fff;
    width: 100%;
    font-size: 14px;
    padding: 10px 6px;
    box-shadow: 0px 0px 0px 22px #000000 inset;
    border-radius: 22px;
    color: #AC9A22; transition: .4s;}


input.form_control {
    padding: 12px 12px;
    background: #3a3a3a;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 12px;
    color: #fff !important;
    width: 100%;
    font-size: 14px;
    border: 1px solid #fff;
}

input.form_control::placeholder {color: #fff; opacity: 1;}
input.form_control:focus {border: 1px solid #00bfff;background: #1b1a1a; color: #fff; }
input.form_control:-webkit-autofill {box-shadow: 0 0 0px 1000px #3a3a3a inset;
    -webkit-text-fill-color: #fff;color: #fff !important; }

textarea.form_control {padding: 14px 12px;background: #3a3a3a;margin-top: 5px;margin-bottom: 5px;
    border-radius: 12px;width: 100%;font-size: 14px;border: 1px solid #fff;}
textarea.form_control::placeholder {color: #fff; opacity: 1;}
textarea.form_control:focus {border: 1px solid #00bfff;background: #1b1a1a; color: #fff; }
textarea.form_control:-webkit-autofill {box-shadow: 0 0 0px 1000px #3a3a3a inset;
    -webkit-text-fill-color: #fff;color: #fff; }




.about-title-box {
    text-align: center;
    padding: 0 12px;
    font-size: 21.42PX;
}
.about-title-box::after {
    content: "";
    position: initial;
    display: block;
    width: 80px;
    margin: auto;
    margin-top: 10px;
    height: 4px;
    border-radius: 2px;
    background-color: #c19130;
    animation: slideIn 6s ease;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

.lightbox-gallery {
    padding: 1px;
    width: 100%;
    border: 1px solid #AC9A22;
    border-style: dashed !important;
    object-fit: cover;
    box-shadow: 0px 0px 0px 1px #AC9A22;
    margin-bottom: 20px;
    border-radius: 5px;
    height: 205px;
    transition: .3s;
    transform: scale(1);
}
.lightbox-gallery:hover {transform: translateY(3px);padding: 6px;filter: grayscale(50%);}
.gallery-main{overflow: hidden;}










/*pc end all other remain*/

/*end hero secion*/
@media  only screen and (max-width: 767px){
.mobile-in-hide{display: none;}
h5.hero-sec-point {
    font-size: 14px;
    display: flex;
    transition: .3s;
}
.marquee-inner span {
    font-size: 32px;
    font-weight: 600;
    min-height: 44px;
    color: #fff;
    padding-right: 50px;
    text-shadow: 1px 1px 0 #111;
    -webkit-text-stroke: 2px #AC9A22;
}
ul.list-unstyle-number {
    padding: 0px 0px 0px 50px;}
ul.list-unstyle-number .nav_link.active li h4{font-size: 28px;min-height: 35px;transition: .3s;}
ul.list-unstyle-number .nav_link li h4{font-size: 24px;min-height: 35px;transition: .3s;}

}/*Mobile media end*/


@media (min-width: 768px) and (max-width: 991px)
{
ul.list-unstyle-number .nav_link.active li h4 {
    color: #AC9A22;
    font-size: 24px;
    min-height: 30px;
    transition: .3s;
}
ul.list-unstyle-number .nav_link li h4 {
    font-size: 22px;
    transition: .3s;
    color: #000;
    min-height: 30px;
}
.hero-section .carousel-item {height: 55vh;transition: .3s;}
.hero-section {height: 60vh;transition: .3s;}

}/*end mid tab*/



/*big tab*/
@media (min-width: 992px) and (max-width: 1200px)
{
ul.navbar-nav li a.nav-link {font-size: 12px;transition: .3s;}
.btn-gold {font-size: 12px;transition: .3s;}
.btn-gold:hover {border: 1px solid #AC9A22;color: #AC9A22;transition: .3s;font-weight: 600;font-size: 12px;}
.why-choose-box p {font-size: 13px;transition: .3s;}
.why-choose-box:hover p {font-size: 13px;transition: .3s;}


}/*end big tab*/


/*Leptop*/
@media (min-width: 1201px) and (max-width: 1400px)
{
ul.navbar-nav li a.nav-link {font-size: 14px;transition: .3s;}
.btn-gold {font-size: 14px;transition: .3s;}
.btn-gold:hover {border: 1px solid #AC9A22;color: #AC9A22;transition: .3s;font-weight: 600;font-size: 14px;}
.rotate{top: -3vh;margin-left:-10em;transition: .6s;height: 400px;width: 400px;}
.hero-section{height: 71vh;}
.hero-section .carousel-item{height: 71vh;}
.hero-content {font-size: 16px;transition: .5s;}
.why-choose-box p {font-size: 13px;transition: .3s;}
.why-choose-box:hover p {font-size: 13px;transition: .3s;}
}/*leptop mid*/

/*PC*/
@media (min-width: 1401px) and (max-width: 1600px)
{
ul.navbar-nav li a.nav-link {font-size: 16px;transition: .3s;}
.btn-gold {font-size: 16px;transition: .3s;}
.btn-gold:hover {border: 1px solid #AC9A22;color: #AC9A22;transition: .3s;font-weight: 600;font-size: 16px;}

}/*PC mid*/


/*mobile sidebar toggle only*/
  @media (max-width: 991px) {
  #mainNavbar {
    position: fixed;
    top: 90px;
    left: 0;
    padding: 0px 22px;
    height: 100vh;
    width: 85%;              
    max-width: 85%;
    background: #111111;        
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.3s ease;
    z-index: 1050;
    padding-top: 10px;      
  }

  #navToggle:checked ~ #mainNavbar { transform: translateX(0); opacity: 1; }
 .navbar-toggler {border: none;z-index: 1100;}
  }
  /*toggle end*/