img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.owl-nav {
    display: none;
}
.container {
    max-width: 1320px;
    width: 100%;
}
:root {
    --font-style1: "archivovar", sans-serif;
    --font-style2: "titilliumweb", sans-serif;
    --theme-color1: #0184b6;
    --theme-color2: #01668f91;
    --theme-color3: #77a012;
    --color-black: #000;
    --color-white: #fff;
    --color-gray: #646464;
    --transition: all .5s ease-in-out;
    --transition2: all .3s ease-in-out;
    --box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    --color-dark: #000f62;
    --border-info-color: rgb(0 0 0 / 32%);
    --border-info-color2: rgba(0, 0, 0, 0.05);
    --bs-white-rgb: 255,255,255;
    --color-transition: #1429a096;
    --fixpro-gray: #757F95;
    --fixpro-gray-rgb: 117, 127, 149;
    --fixpro-base: #0184b6;
    --fixpro-base-rgb: 42, 185, 126;
    --fixpro-primary: #f7f7f9;
    --fixpro-primary-rgb: 247, 247, 249;
    --fixpro-black: #191a1c;
    --fixpro-black-rgb: 25, 26, 28;
    --fixpro-white: #ffffff;
    --fixpro-white-rgb: 255, 255, 255;
    --fixpro-bdr-radius: 20px;
    --fixpro-font: "archivovar", sans-serif;
    --fixpro-font-two: "titilliumweb", sans-serif;
}

body {
    font-family: var(--font-style2, "DM Sans", sans-serif);
    color: var(--fixpro-gray);
    font-size: 16px;
    line-height: 1.75;
    font-weight: 500;
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--fixpro-font-two);
    color: var(--fixpro-black);
    letter-spacing: -0.72px;
    margin: 0;
    padding: 0;
}
p {
    padding: 0;
}
a, a:hover, a:focus, a:visited {
    text-decoration: none;
}
a {
    color: var(--fixpro-base);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: var(--fixpro-font-two);
}
.why-choose-one__video-icon:hover a {
    color: var(--color-white);
}
.backtotop {
    overflow: unset;
    background-color: var(--theme-color3);
}
@keyframes scalein{
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.3);
}
}
.pageheader {
    padding: 60px 0;
    background: url(../../images/images/new_images/others/header-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 60%;
}
.pageheader:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    opacity: 0.7;
}
.about_page_title {
    color: var(--color-white);
    font-size: 50px;
    font-family: var(--font-style1);
    text-transform: capitalize;
    text-align: center;
}
.breadcrumb>.active, .breadcrumb>li, .breadcrumb>li a {
    font-size: 14px;
    color: var(--color-white);
    font-family: var(--font-style2);
}
.breadcrumb {
    margin-top: 10%;
    display: none;
}
#headeraffix {
    background: var(--color-white) !important;
}
#topbar:after {
    border: var(--color-black) !important;
}
#topbar:before {
    width: 100% !important;
    background: var(--theme-color1);
}
.navbar-nav li.active > a {
    color: var(--theme-color1) !important;
}
.navbar-nav > li > a:hover {
    color: var(--theme-color1);
}
.header .dropdown-menu>li>a {
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}
header, #headeraffix.affix {
    background-color: #efefef !important;
}
.topbar .list-inline li {
    font-family: var(--fixpro-font);
    font-size: 16px !important;
    color: var(--color-white) !important;
    font-weight: 600;
    line-height: 1.4;
}
.nav > li a {
    font-family: var(--fixpro-font-two);
    font-size: 16px;
    font-weight: 700 !important;
    color: var(--theme-color2);
}
.header .has-submenu .dropdown-menu li a {
    padding: 1em 1.5em;
    background: var(--fixpro-white);
}
.header .has-submenu .dropdown-menu li a:hover {
    background: var(--theme-color2) !important;
    color: var(--color-white);
}
.tparrows.preview2 {
    background: #ffffff4f;
}
.tparrows.preview2:after {
    color: #091226;
}
.tparrows.preview2:hover {
    background: #ffffffdb;
}
#topbar .container {
    padding: 0 !important;
}


/*==================================================  start  =======================================================*/
/*------------------  animation  --------------------*/

.float-bob-y {
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@keyframes float-bob-y{
0% {
    transform: translateY(-20px);
}
50% {
    transform: translateY(-10px);
}
100% {
    transform: translateY(-20px);
}
}
.float-bob-x {
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@keyframes float-bob-x{
0% {
    transform: translateX(-30px);
}
50% {
    transform: translateX(-10px);
}
100% {
    transform: translateX(-30px);
}
}

/* Section Title Css */
.sertitlecol {
    color: var(--theme-color1);
}
.section-title {
  position: relative;
  display: block;
  margin-top: -7px;
  margin-bottom: 60px;
  z-index: 1;
}
.section-title__tagline {
  position: relative;
  margin: 0;
  font-family: var(--fixpro-font-two);
  color: var(--fixpro-base);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 12px;
}
.section-title__tagline-border {
  height: 2px;
  background-color: var(--fixpro-base);
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
}
.section-title__tagline-border::after {
  position: absolute;
  left: 0;
  top: -3px;
  right: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  content: "";
  animation: zump 2s linear infinite;
  background: var(--fixpro-white);
  border-radius: 50%;
}
.section-title__title {
  font-size: 44px;
  line-height: 52px;
  font-weight: 600;
  letter-spacing: -1.44px;
  margin: 0;
}
@keyframes zump {

  0%,
  100% {
    transform: translateX(0);
  }

  25%,
  75% {
    transform: translateX(10px);
  }

  50% {
    transform: translateX(-10px);
  }
}
.section-title__title .split-line {
  text-transform: none;
}

/* Thm Btn Css */
.thm-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  vertical-align: middle;
  -webkit-appearance: none;
  outline: none !important;
  background-color: var(--fixpro-base);
  color: var(--fixpro-white);
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  padding: 19px 20px 19px;
  overflow: hidden;
  border-radius: 12px;
  transition: all 0.5s linear;
  text-transform: capitalize;
  z-index: 1;
}
.thm-btn>span {
  position: relative;
  font-size: 14px;
  font-weight: 500;
}
.thm-btn::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 50%;
  height: 0;
  visibility: hidden;
  background-color: var(--fixpro-black);
  opacity: 0;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}
.thm-btn:hover:before {
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 1;
}
.thm-btn::after {
  position: absolute;
  background-color: var(--fixpro-black);
  bottom: 0;
  right: 0;
  content: "";
  width: 50%;
  height: 0;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}
.thm-btn:hover::after {
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 1;
}
.thm-btn:hover {
  color: var(--fixpro-white);
}
.thm-btn-two {
  border-radius: 30px;
}
/*----------------------------------------------  home_toplabel  --------------------------------------------------*/

/*==============================================
   Feature One
===============================================*/
.feature-one {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 10;
}
.feature-one__single {
    position: relative;
    display: block;
    background-color: var(--fixpro-white);
    box-shadow: 0px 10px 39.2px 0.8px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    border-radius: 10px;
}
.feature-one__single-inner {
    position: relative;
    display: block;
    padding: 0px 25px 32px;
    border-radius: 10px;
    overflow: hidden;
    border-top: 3px solid var(--fixpro-base);
    z-index: 1;
}
.feature-one__single-inner:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--fixpro-black);
    opacity: 0;
    transform: translateY(90px);
    transition: background-color 0.7s ease;
    transition: all 0.7s ease;
    z-index: -1;
}
.feature-one__single:hover .feature-one__single-inner:before {
    opacity: 1;
    transform: translateY(0px);
}
.feature-one__shape-1 {
    position: absolute;
    bottom: -200px;
    right: -200px;
    opacity: 0;
    transition: all 500ms ease;
    z-index: -1;
}
.feature-one__shape-1 img {
    width: auto;
}
.feature-one__single:hover .feature-one__shape-1 {
    bottom: 0px;
    right: 0px;
    opacity: .30;
    transition-delay: 300ms;
}
.feature-one__icon-and-title {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 25px;
}
.feature-one__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    background-color: var(--fixpro-base);
}
.feature-one__icon span {
    position: relative;
    display: inline-block;
    font-size: 45px;
    color: var(--fixpro-white);
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.feature-one__single:hover .feature-one__icon span {
    transform: scale(.9);
}
.feature-one__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}
.feature-one__title a {
    color: var(--theme-color2);
}
.feature-one__single:hover .feature-one__title a {
    color: var(--fixpro-white);
}
.feature-one__text {
    margin: 23px 0 15px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.feature-one__single:hover .feature-one__text {
    color: var(--fixpro-white);
}
.feature-one__read-more {
    position: relative;
    display: inline-block;
}
.feature-one__read-more a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--fixpro-font-two);
    color: var(--fixpro-black);
}
.feature-one__single:hover .feature-one__read-more a {
    color: var(--color-white);
}
.feature-one__read-more a span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    background-color: var(--fixpro-base);
    border-radius: 50%;
    font-size: 7px;
    color: var(--fixpro-white);
}

/*----------------------------------------------  home_welcome  ----------------------------------------------------*/
/*==============================================
   About One
===============================================*/
.about-one {
   position: relative;
   display: block;
   padding: 0px 0 120px;
   z-index: 1;
}
.about-one__left {
   position: relative;
   display: block;
   margin-right: 160px;
   margin-left: 100px;
}
.about-one__img-box {
   position: relative;
   display: block;
}
.about-one__img {
   position: relative;
   display: block;
   overflow: hidden;
   border-radius: var(--fixpro-bdr-radius);
}
.about-one__img::before {
   background: rgba(255, 255, 255, 0.5);
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 0;
   opacity: 1;
   pointer-events: none;
}
.about-one__img:hover::before {
   height: 100%;
   opacity: 0;
   transition: all 0.6s linear;
}
.about-one__img>img {
   width: 100%;
   border-radius: var(--fixpro-bdr-radius);
}
.about-one__img-2 {
   position: absolute;
   top: 170px;
   right: -130px;
   max-width: 320px;
   width: 100%;
   border-radius: 50px;
   overflow: hidden;
   z-index: 1;
}
.about-one__img-2::before {
   background: rgba(255, 255, 255, 0.5);
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 100%;
   opacity: 1;
   pointer-events: none;
}
.about-one__img-2:hover::before {
   width: 100%;
   opacity: 0;
   transition: all 0.6s linear;
}
.about-one__img-2>img {
   width: 100%;
   border-radius: 50px;
   border: 20px solid var(--fixpro-white);
}
.about-one__experience-box {
   position: absolute;
   top: 20px;
   left: -61px;
   background-color: var(--fixpro-white);
   border: 20px solid var(--theme-color3);
   max-width: 240px;
   width: 100%;
   text-align: center;
   padding: 20px 20px 20px;
   border-radius: 40px;
   z-index: 1;
}
.about-one__experience-box::before {
   content: "";
   bottom: -80px;
   left: -7px;
   position: absolute;
   border-left: 23px solid transparent;
   border-right: 25px solid var(--theme-color3);
   border-bottom: 37px solid transparent;
   border-top: 34px solid var(--theme-color3);
}
.about-one__count-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}
.about-one__count-box h3 {
   font-size: 40px;
   line-height: 40px !important;
   font-family: var(--fixpro-font-two) !important;
   color: var(--theme-color3);
   font-weight: 700;
}
.about-one__count-box span {
   font-size: 40px;
   line-height: 40px;
   font-family: var(--fixpro-font-two);
   color: var(--fixpro-black);
   font-weight: 700;
}
.about-one__experience-text {
   margin-top: 5px;
}
.about-one__shape-1 {
    position: absolute;
    top: -30px;
    right: -14px;
    width: 150px;
    height: 150px;
    background-color: var(--theme-color2);
    border-radius: 20px;
    z-index: -1;
}
.about-one__shape-2 {
   position: absolute;
   left: -20px;
   bottom: -40px;
   opacity: .30;
   z-index: -1;
}
.about-one__shape-2 img {
   width: auto;
}
.about-one__right {
   position: relative;
   display: block;
}
.about-one__right .section-title {
   margin-bottom: 30px;
}
.about-one__points-box {
   position: relative;
   display: block;
   margin: 27px 0 27px;
}
.about-one__points {
   position: relative;
   display: flex;
   align-items: center;
   gap: 20px;
}
.about-one__points li {
   position: relative;
   display: flex;
   align-items: center;
   gap: 20px;
}
.about-one__points li .icon {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 70px;
   height: 70px;
   background-color: var(--fixpro-base);
   border-radius: 50%;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
}
.about-one__points li:hover .icon {
   background-color: var(--fixpro-black);
}
.about-one__points li .icon span {
   position: relative;
   display: inline-block;
   font-size: 35px;
   color: var(--fixpro-white);
   transform: scale(1);
   transition: 500ms ease;
}
.about-one__points li:hover .icon span {
   transform: scale(0.9);
}
.about-one__points li .content {
   position: relative;
   display: block;
   flex: 1;
}
.about-one__points li .content h4 {
   font-size: 20px;
   line-height: 30px;
   font-weight: 700;
   letter-spacing: -0.72px;
   margin-bottom: 5px;
}
.about-one__points-two {
   position: relative;
   display: block;
}
.about-one__points-two li {
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
}
.about-one__points-two li li {
   margin-top: 5px;
}
.about-one__points-two li .icon {
   position: relative;
   display: inline-block;
}
.about-one__points-two li .icon span {
   position: relative;
   display: inline-block;
   font-size: 16px;
   color: var(--fixpro-base);
}
.about-one__points-two li p {
   color: var(--fixpro-black);
   font-weight: 500;
}
.about-one__btn-and-video {
   position: relative;
   display: flex;
   align-items: center;
   gap: 50px;
   margin-top: 50px;
}
.about-one__btn-box {
   position: relative;
   display: block;
}
.about-one__video-box {
   position: relative;
   display: flex;
   align-items: center;
   gap: 25px;
}
.about-one__video-link {
   position: relative;
   display: block;
}
.about-one__video-icon {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   font-size: 16px;
   color: var(--fixpro-white);
   background-color: var(--fixpro-base);
   border-radius: 50%;
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   z-index: 1;
}
.about-one__video-icon:hover {
   background-color: var(--fixpro-black);
   color: var(--fixpro-white);
}
.about-one__video-link .ripple,
.about-one__video-icon .ripple:before,
.about-one__video-icon .ripple:after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -ms-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   -o-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   -webkit-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   box-shadow: 0 0 0 0 var(--theme-color2);
   -webkit-animation: ripple 3s infinite;
   animation: ripple 3s infinite;
}
.about-one__video-icon .ripple:before {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
   content: "";
   position: absolute;
}
.about-one__video-icon .ripple:after {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
   content: "";
   position: absolute;
}
.about-one__video-text {
   font-weight: 500;
}
.about-one__video-icon a {
    color: var(--color-white);
}
@keyframes ripple{
70% {
    box-shadow: 0 0 0 40px rgb(10 165 205 / 0%);
}
100% {
    box-shadow: 0 0 0 0 rgb(10 165 205 / 0%);
}
}


/*------------------------------------------------  home_products  ---------------------------------------------------*/

/*==============================================
   Services One
===============================================*/
.services-one {
   position: relative;
   display: block;
   padding: 100px 0 100px;
   z-index: 1;
}
.services-one__bg-color {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   border-bottom-left-radius: 50px;
   border-top-left-radius: 50px;
   width: calc((100% - -381px) / 2);
   background-color: var(--fixpro-black);
   z-index: -1;
}
.services-one__bg {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: .20;
   border-bottom-left-radius: 50px;
   border-top-left-radius: 50px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   mix-blend-mode: luminosity;
}
.services-one__shape-1 {
   position: absolute;
   top: -172px;
   left: -20px;
   opacity: 0.05;
   z-index: -1;
}
.services-one__shape-1 img {
   width: auto;
}
.services-one__shape-2 {
   position: absolute;
   bottom: 70px;
   left: 30%;
   opacity: 0.05;
   z-index: -1;
}
.services-one__shape-2 img {
   width: auto;
}
.services-one__left {
   position: relative;
   display: block;
   z-index: 2;
}
.services-one__left .section-title {
   margin-bottom: 30px;
}
.services-one__right {
   position: relative;
   display: block;
   margin-left: 70px;
}
.services-one__carousel {
   position: relative;
   display: block;
}
.services-one__single {
    position: relative;
    display: block;
    text-align: center;
    background-color: var(--fixpro-white);
    box-shadow: 0px 10px 39.2px 0.8px rgb(0 0 0 / 10%);
    border-radius: var(--fixpro-bdr-radius);
    padding: 30px 26px 44px;
    margin: 10px;
    height: 360px;
}
.services-one__icon {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 80px;
   height: 80px;
   background-color: var(--fixpro-base);
   border-radius: 50%;
   margin: 0 auto;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
}
.services-one__single:hover .services-one__icon {
   background-color: var(--fixpro-black);
}
.services-one__icon span {
   position: relative;
   display: inline-block;
   font-size: 40px;
   color: var(--fixpro-white);
   transform: scale(1);
   transition: 500ms ease;
}
.services-one__single:hover .services-one__icon span {
   transform: scale(0.9);
}
#homeservice-id .about-one__btn-box {
    margin-top: 20px;
}
.services-one__title {
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   margin: 15px 0 15px;
}
.services-one__title a {
   color: var(--fixpro-black);
}
.services-one__title a:hover {
   color: var(--fixpro-base);
}
.services-one__read-more {
   position: relative;
   display: flex;
   align-items: center;
   gap: 5px;
   color: var(--fixpro-black);
   justify-content: center;
   font-weight: 500;
   margin-top: 20px;
}
.services-one__read-more:hover {
   color: var(--fixpro-base);
   font-weight: 500;
}
.services-one__read-more span {
    font-size: 21px;
    color: var(--fixpro-base);
    padding: 1px 0 0 2px;
}
.services-one__carousel .qc-slider-nav1 {
   position: absolute;
   margin: 0;
   left: -490px;
   bottom: 0;
}
.services-one__carousel.owl-theme .qc-slider-nav1 .owl-next {
   height: 52px;
   width: 52px;
   line-height: 52px;
   border-radius: 50%;
   color: var(--fixpro-white);
   background-color: var(--fixpro-base);
   font-size: 16px;
   margin: 0;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
}
.services-one__carousel.owl-theme .qc-slider-nav1 .owl-prev {
   height: 52px;
   width: 52px;
   line-height: 52px;
   border-radius: 50%;
   color: var(--fixpro-white);
   background-color: var(--fixpro-base);
   font-size: 16px;
   margin: 0;
   text-align: center;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
   position: relative;
   display: inline-block;
}
.services-one__carousel.owl-theme .qc-slider-nav1 .owl-next {
   margin-left: 5px;
}
.services-one__carousel.owl-theme .qc-slider-nav1 .owl-prev {
   margin-right: 5px;
}
.services-one__carousel.owl-theme .qc-slider-nav1 .owl-next span,
.services-one__carousel.owl-theme .qc-slider-nav1 .owl-prev span {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}
.services-one__carousel.owl-theme .qc-slider-nav1 .owl-next:hover,
.services-one__carousel.owl-theme .qc-slider-nav1 .owl-prev:hover {
   background-color: var(--fixpro-black);
   color: var(--fixpro-white);
}


/*---------------------------------------------------  home_whychoose  ------------------------------------------------*/

/*==============================================
  Why Choose One
===============================================*/
.why-choose-one {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}
.why-choose-one__left {
    position: relative;
    display: block;
}
.why-choose-one__left .section-title {
    margin-bottom: 30px;
}
.why-choose-one__list-box {
    position: relative;
    display: block;
    margin-top: 32px;
}
.why-choose-one__list {
    position: relative;
    display: block;
}
.why-choose-one__list li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: var(--fixpro-white);
    box-shadow: 0px 10px 39.2px 0.8px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    padding: 22px 20px 25px;
    border-radius: var(--fixpro-bdr-radius);
    border-bottom: 5px solid var(--fixpro-base);
}
.why-choose-one__list li .icon {
    position: relative;
    display: inline-block;
}
.why-choose-one__list li .icon span {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: var(--fixpro-base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}
.why-choose-one__list li:hover .icon span {
    transform: scale(0.9);
}
.why-choose-one__list li .content {
    position: relative;
    display: block;

}
.why-choose-one__list li .content h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 5px;
}
.why-choose-one__right {
    position: relative;
    display: block;
    margin-right: 360px;
    margin-left: 20px;
}
.why-choose-one__img-box {
    position: relative;
    display: block;
}
.why-choose-one__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--fixpro-bdr-radius);
    z-index: 1;
}
.why-choose-one__img::before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(var(--fixpro-white-rgb), .7) 0%, rgba(var(--fixpro-white-rgb), .3) 100%);
    transform: skewX(15deg);
    z-index: 2;
}
.why-choose-one__img:hover::before {
    -webkit-animation: shine 1.9s;
    animation: shine 1.9s;
}
.why-choose-one__img img {
    width: 100%;
    border-radius: var(--fixpro-bdr-radius);
    transition: all 500ms ease;
}
.why-choose-one__img:hover img {
    transform: scaleX(1.05);
}
.why-choose-one__img-2 {
    position: absolute;
    right: -360px;
    bottom: -127px;
    overflow: hidden;
    border-radius: var(--fixpro-bdr-radius);
    z-index: 1;
}
.why-choose-one__img-2::before {
    background: rgba(255, 255, 255, 0.5);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    opacity: 1;
    pointer-events: none;
    z-index: 1;
}
.why-choose-one__img-2:hover::before {
    width: 100%;
    opacity: 0;
    transition: all 0.9s linear;
}
.why-choose-one__img-2 img {
    width: auto;
    border-radius: var(--fixpro-bdr-radius);
    transition: all 500ms ease;
}
.why-choose-one__img-2:hover img {
    transform: scaleX(1.05);
}
.why-choose-one__shape-1 {
    position: absolute;
    top: 30px;
    right: -200px;
    bottom: -80px;
    left: 180px;
    border: 10px solid var(--fixpro-base);
    border-radius: 50px;
    animation: topBottom 3s ease-in-out infinite;
    z-index: -1;
}
@keyframes topBottom{
0% {
    transform: translateY(0px);
}
50% {
    transform: translateY(10px);
}
100% {
    transform: translateY(0px);
}
}
.why-choose-one__video-link {
    position: absolute;
    top: 225px;
    right: -50px;
    z-index: 2;
}
.why-choose-one__video-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 20px;
    color: var(--fixpro-base);
    background-color: var(--fixpro-white);
    border-radius: 50%;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index: 1;
}
.why-choose-one__video-icon:hover {
    background-color: var(--fixpro-base);
    color: var(--fixpro-white);
}
.why-choose-one__video-icon:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 5px solid rgba(var(--fixpro-black-rgb), .30);
    border-radius: 50%;
    z-index: -1;
}
.why-choose-one__video-link .ripple,
.why-choose-one__video-icon .ripple:before,
.why-choose-one__video-icon .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
    -webkit-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
    box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}
.why-choose-one__video-icon .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}
.why-choose-one__video-icon .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}


/*------------------------------------------------  home_counterlabel  -------------------------------------------------*/

/*==============================================
   Counter One
===============================================*/
.counter-one {
    position: relative;
    display: block;
    background-color: var(--fixpro-black);
    padding: 60px 0 30px;
    z-index: 1;
}
.counter-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.04;
    mix-blend-mode: hard-light;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}
.counter-one ul li:nth-child(4) .counter-one__single::before {
    display: none;
}
.counter-one__single {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 21px;
}
.counter-one__single::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -26px;
    width: 1px;
    height: 146px;
    background-color: rgba(var(--fixpro-white-rgb), .20);
    transform: translateY(-50%);
}
.counter-one__icon {
    position: relative;
    display: inline-block;
}
.counter-one__icon span {
    position: relative;
    display: inline-block;
    font-size: 60px;
    color: var(--fixpro-base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}
.counter-one__single:hover .counter-one__icon span {
    transform: scale(0.9);
}
.counter-one__count-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0 2px;
}
.counter-one__count-box h3 {
    font-size: 40px;
    color: var(--fixpro-white);
    line-height: 40px !important;
    font-family: var(--fixpro-font-two) !important;
    font-weight: 600;
}
.counter-one__count-box span {
    font-size: 40px;
    color: var(--fixpro-white);
    line-height: 40px;
    font-family: var(--fixpro-font-two);
    font-weight: 600;
    text-transform: uppercase;
}
.counter-one__count-text {
    color: rgba(var(--fixpro-white-rgb), .50);
}
#jarallax-container-0 {
    clip: rect(0 1349px 257px 0);
    clip: rect(0, 1349px, 257px, 0);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

/*------------------------------------------------  home_testimonial  ------------------------------------*/

/*==============================================
   Testimonial One
===============================================*/
.testimonial-one {
    position: relative;
    display: block;
    background-color: var(--fixpro-black);
    padding: 120px 0 120px;
    overflow: hidden;
    z-index: 1;
}
.testimonial-one__shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.10;
    z-index: -1;
}
.testimonial-one__shape-1 img {
    width: auto;
}
.testimonial-one__shape-2 {
    position: absolute;
    top: 20px;
    right: 0;
    opacity: 0.10;
    z-index: -1;
}
.testimonial-one__shape-2 img {
    width: auto;
}
.testimonial-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.02;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    mix-blend-mode: luminosity;
    z-index: -1;
}
.testimonial-one .section-title__title {
    color: var(--fixpro-white);
}
.testimonial-one .section-title__tagline-border::after {
    background: var(--fixpro-black);
}
.testimonial-one__carousel {
    position: relative;
    display: block;
}
.testimonial-one__single {
    position: relative;
    display: block;
    background-color: #0a0b0c;
    border-radius: var(--fixpro-bdr-radius);
    padding: 40px 40px 41px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    overflow: hidden;
    margin: 0 10px 0 10px;
}
.testimonial-one__single-bdr {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 150px;
    height: 3px;
    background-color: var(--fixpro-base);
    clip-path: polygon(0 0, 98% 0, 100% 100%, 0% 100%);
}
.testimonial-one__client-info-box {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.testimonial-one__client-info {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
}
.testimonial-one__client-img-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    border: 1px solid rgba(var(--fixpro-base-rgb), .40);
    border-radius: 5px;
}
.testimonial-one__client-img {
    position: relative;
    display: block;
    max-width: 80px;
    width: 100%;
}
.testimonial-one__client-img img {
    width: 100%;
    border-radius: 5px;
}
.testimonial-one__client-content {
    position: relative;
    display: block;
    flex: 1;
}
.testimonial-one__client-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}
.testimonial-one__client-name a {
    color: var(--fixpro-base);
}
.testimonial-one__client-name a:hover {
    color: var(--fixpro-white);
}
.testimonial-one__client-sub-title {
    color: rgba(var(--fixpro-white-rgb), .80);
    margin-top: 5px;
}
.testimonial-one__client-ratting {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
}
.testimonial-one__client-ratting span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: var(--fixpro-base);
}
.testimonial-one__text {
    font-size: 20px;
    line-height: 30px;
    color: rgba(var(--fixpro-white-rgb), .80);
    margin-top: 32px;
}
.testimonial-one__quote {
    position: absolute;
    top: 100px;
    right: 100px;
}
.testimonial-one__quote span {
    position: relative;
    display: inline-block;
    font-size: 125px;
    color: rgba(var(--fixpro-base-rgb), .05);
}

/*------------------------------------------------  home_client  ------------------------------------------*/
#homecounterlabel-id {
    margin: 0 0 40px 0;
}
#clients_section {
    padding: 40px 0px 40px;
    background: unset;
}
#clients_section .section-title {
    margin: 20px;
}
#clients_section .portfolio-style-1 img {
    width: 100% !important;
    height: 100% !important;
    box-shadow: rgb(204 219 232) 3px 3px 6px 0px inset, rgb(255 255 255 / 50%) -3px -3px 6px 1px inset;
    padding: 10px;
    border-radius: 20px;
    margin: 20px 0;
}
#clients_section .portfolio-style-1.entry {
    margin: 0px;
}


/*==================================================  about_page  ================================================*/
/*--------------------------------------------------------------
# About Two
--------------------------------------------------------------*/
.about-two {
   position: relative;
   display: block;
   padding: 90px 0 120px;
   z-index: 1;
}

.about-two__shape-1 {
   position: absolute;
   top: 0;
   right: 100px;
   opacity: 0.05;
   z-index: -1;
}

.about-two__shape-1 img {
   width: auto;
}

.about-two__shape-2 {
   position: absolute;
   bottom: 20px;
   left: 40%;
   opacity: 0.03;
   transform: translateX(-40%);
   z-index: -1;
}

.about-two__shape-2 img {
   width: auto;
}

.about-two__left {
   position: relative;
   display: block;
}

.about-two__left .section-title {
   margin-bottom: 43px;
}

.about-two__text-1 {
   font-size: 18px;
   font-weight: 600;
   color: var(--fixpro-black);
}

.about-two__text-1 span {
   color: var(--fixpro-base);
}

.about-two__points-list {
   position: relative;
   display: flex;
   align-items: center;
   gap: 15px;
   margin: 22px 0 30px;
}

.about-two__points-list li {
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
   border: 1px solid rgba(var(--fixpro-black-rgb), .20);
   padding: 9px 30px 11px;
   border-radius: 10px;
}

.about-two__points-list li .icon {
   position: relative;
   display: inline-block;
}

.about-two__points-list li .icon span {
   position: relative;
   display: inline-block;
   font-size: 25px;
   color: var(--fixpro-base);
}

.about-two__points-list li p {
   font-size: 20px;
   font-weight: 500;
   line-height: 30px;
   font-family: var(--fixpro-font-two);
   color: var(--fixpro-black);
}

.about-two__text-2 span {
   color: var(--fixpro-base);
   font-weight: 500;
}

.about-two__btn-box {
   position: relative;
   display: block;
   margin-top: 30px;
}

.about-two__right {
   position: relative;
   display: block;
   margin-left: 300px;
}

.about-two__img-box {
   position: relative;
   display: block;
}

.about-two__img {
   position: relative;
   display: block;
}

.about-two__img img {
   width: 100%;
   border-radius: var(--fixpro-bdr-radius);
}

.about-two__img-2 {
   position: absolute;
   top: 0;
   left: -300px;
}

.about-two__img-2 img {
   width: auto;
   border-radius: var(--fixpro-bdr-radius);
}

.about-two__experience-box {
   position: absolute;
   bottom: 80px;
   left: -270px;
   background-color: var(--fixpro-white);
   border: 20px solid rgba(var(--fixpro-base-rgb), .20);
   max-width: 260px;
   width: 100%;
   text-align: center;
   padding: 20px 20px 20px;
   border-radius: 35px;
   z-index: 1;
}

.about-two__count-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}

.about-two__count-box h3 {
   font-size: 40px;
   line-height: 40px !important;
   font-family: var(--fixpro-font-two) !important;
   color: var(--fixpro-black);
   font-weight: 700;
}

.about-two__count-box span {
   font-size: 40px;
   line-height: 40px;
   font-family: var(--fixpro-font-two);
   color: var(--fixpro-black);
   font-weight: 700;
}

.about-two__experience-text {
   margin-top: 5px;
}

.about-two__circle-bdr {
   position: absolute;
   top: 70px;
   left: -180px;
   width: 350px;
   height: 350px;
   border: 2px dashed var(--fixpro-base);
   border-radius: 50%;
   z-index: -1;
}

.about-two__video-link {
   position: absolute;
   top: 175px;
   left: -60px;
}
.about-two__video-icon a.video-popup {
    color: var(--color-white);
    font-size: 25px;
}
.about-two__video-icon {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 80px;
   height: 80px;
   line-height: 80px;
   text-align: center;
   font-size: 16px;
   color: var(--fixpro-white);
   background-color: var(--fixpro-base);
   border: 10px solid rgba(var(--fixpro-black-rgb), .80);
   border-radius: 50%;
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   z-index: 1;
}

.about-two__video-icon:hover {
   background-color: var(--fixpro-black);
   color: var(--fixpro-white);
}

.about-two__video-link .ripple,
.about-two__video-icon .ripple:before,
.about-two__video-icon .ripple:after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 80px;
   height: 80px;
   border-radius: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -ms-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   -o-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   -webkit-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   -webkit-animation: ripple 3s infinite;
   animation: ripple 3s infinite;
}

.about-two__video-icon .ripple:before {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
   content: "";
   position: absolute;
}

.about-two__video-icon .ripple:after {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
   content: "";
   position: absolute;
}

@keyframes rotateme {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes rotateme {
  from {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(360deg);
  }
}

@-o-keyframes rotateme {
  from {
    -o-transform: rotate(0deg);
  }

  to {
    -o-transform: rotate(360deg);
  }
}
.rotate-me {
  animation-name: rotateme;
  animation-duration: 24s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

  -webkit-animation-name: rotateme;
  -webkit-animation-duration: 24s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  -moz-animation-name: rotateme;
  -moz-animation-duration: 24s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;

  -ms-animation-name: rotateme;
  -ms-animation-duration: 24s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;

  -o-animation-name: rotateme;
  -o-animation-duration: 24s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.aboutservsec-id .section-title {
    text-align: center;
}
.aboutservsec-id .section-title__title {
    color: var(--color-white);
    padding: 20px 0 0 0;
}
/*=============================================  service_page  ===============================================*/

#saiservicepage-id {
    margin: 60px 0;
}
#saiservicepage-id .section-title {
    margin-bottom: 30px;
}
#saiservicepage-id .container {
    width: 1170px !important;
}
.servicepgchead-h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 5px;
}
.servpgul li {
    position: relative;
    display: block;
    padding: 7px 0;
}
#saiservicepage-id .about-one__text {
    padding: 0 0 10px 0;
}
#saiservicepage-id .section-title__tagline {
    margin: 0 0 20px 0;
}
.saiservicepg-cont {
    margin: 30px 0;
}
#saiservicepage-id .section-title__title {
    margin: 15px 0;
}
.servicepg2-imgdiv {
    margin: 80px 0 0 0;
}




/*=============================================  gallery_page  ===============================================*/

.portfolio-style-1 img {
    width: 100% !important;
    height: 215px;
    box-shadow: rgb(204 219 232) 3px 3px 6px 0px inset, rgb(255 255 255 / 50%) -3px -3px 6px 1px inset;
    padding: 10px;
    border-radius: 20px;
}
.magnifier {
    height: 215px;
    border-radius: 20px;
}
.portfolio-gallery-4 .portfolio-item {
    padding: 5px;
}
.section {
    padding: 40px 0;
}
.portfolio-filter {
    display: none;
}
.portfolio-style-1.entry {
    margin: 10px;
}


/*=================================================  footer  ===============================================*/

#copyright::before {
    background: var(--theme-color1);
}
#copyright:before {
    width: 100%;
}
#copyright p {
    color: var(--color-white);
    font-size: 16px;
    font-family: var(--fixpro-font-two);
    margin: 0;
}
#copyright a {
    color: var(--theme-color3);
}
#copyright {
    padding: 0;
}
#copyright:after{
    display:none;
}
.footslogo-img {
    background: var(--color-white);
    padding: 10px 0px;
    margin: 0 0 10px 10px;
    width: 300px;
}
.footseccont-p {
    color: var(--color-white) !important;
    text-align: justify;
    font-size: 16px;
    margin: 0;
}
.widget-title h4 {
    color: var(--theme-color1);
    font-size: 20px;
    font-family: var(--font-style1);
}
.footer_li li a {
    color: var(--color-white);
    line-height: 1.5;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
.footer_li li {
    padding-top: 7px;
    padding-bottom: 7px;
    list-style: square;
    color: var(--theme-color1);
    margin: 2px 15px;
}
.footer_li li a:hover {
    color: var(--theme-color1);
}
.contact-widget strong {
    color: var(--color-white);
}
footer {
    padding: 90px 0 60px 0 !important;
    background: var(--fixpro-black);
}
#footer_section:before {
    background: url(../../images/images/new_images/home/img2/site-footer-two-shape-1.png);
    top: 0;
    left: 0;
    opacity: 0.03;
    z-index: -1;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
/*===============================================  contact_page  ==================================================*/
textarea.form-control {
    height: 200px;
}
#submit:hover {
    background: var(--theme-color2);
}
.contact_form .form-control {
    margin-bottom: 10px;
}


/*--------------------------------------------------------------
# Contact Info
--------------------------------------------------------------*/
.contact-info {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}
.contact-info__single {
    position: relative;
    display: block;
    border-radius: var(--fixpro-bdr-radius);
    background-color: #01668f63;
    text-align: center;
    padding: 40px 40px 41px;
    margin-bottom: 30px;
}
.contact-info__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background-color: var(--fixpro-white);
    border-radius: 50%;
    margin: 0 auto;
    z-index: 1;
}
.contact-info__icon:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border-radius: 50%;
    background-color: var(--theme-color3);
    transform: scale(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
}
.contact-info__single:hover .contact-info__icon:before {
    transform: scaleX(1);
}
.contact-info__icon span {
    position: relative;
    display: inline-block;
    font-size: 32px;
    color: var(--theme-color2);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}
.contact-info__single:hover .contact-info__icon span {
    transform: scale(0.9);
    color: var(--fixpro-white);
}
.contact-info__single p {
    margin-top: 20px;
    margin-bottom: 5px;
    color: var(--color-white);
    text-transform: uppercase;
}
.contact-info__single h3 {
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    color: var(--theme-color1);
    font-family: var(--fixpro-font);
    text-transform: lowercase;
}
.contact-info__single h3 a {
    color: var(--theme-color1);
    font-weight: 600;
    font-family: var(--fixpro-font);
}
.contact-info__single h3 a:hover {
    color: var(--theme-color3);
}
.btn-primary {
    color: var(--color-white);
    background-color: var(--fixpro-base);
    border-color: var(--fixpro-base);
    font-family: var(--fixpro-font-two);
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/*-----  popup  -----*/

.left {
    background: var(--theme-color1) !important;
}
.left:after {
    right: 585px !important;
    border-top: 15px solid var(--theme-color1) !important;
}
.product_popcont:after {
    bottom: 0px !important;
    border-bottom: 15px solid var(--theme-color1) !important;
}
.product_popcont:before {
    border-left: 22px solid var(--theme-color1) !important;
}
.modal_title strong {
    font-family: var(--floens-font) !important;
    font-size: 20px;
    text-transform: capitalize;
    color: #fff;
}
.class_title {
    color: aliceblue;
}
.class_title {
    color: var(--theme-color3) !important;
    font-family: var(--font-style1) !important;
    font-size: 30px !important;
    text-transform: uppercase;
}
/*------------------------------------- Disktop 1400----------------------------------------------------------*/
@media (min-width:1400px) and (max-width:1500px) {
    .tp-banner {
    height: 580px !important;
    max-height: 100% !important;
}
}
/*------------------------------------- Disktop 1500----------------------------------------------------------*/
@media (min-width:1500px) and (max-width:1600px) {
    .tp-banner {
    height: 620px !important;
    max-height: 100% !important;
}
}
/*------------------------------------- Disktop 1600----------------------------------------------------------*/
@media (min-width:1600px) and (max-width:1900px) {
    .tp-banner {
    height: 740px !important;
    max-height: 100% !important;
}
}

@media (max-width:767px){
#topbar {
    background: var(--theme-color1);
}
.feature-one {
    padding: 40px 0 90px;
}
.about-one__left {
    margin-right: 0;
    margin-left: 0;
}
.about-one__img-2 {
    top: inherit;
    right: inherit;
    position: relative;
    border-radius: 20px;
    margin-top: 30px;
    max-width: 100%;
}
.about-one__img-2>img {
    border-radius: 20px;
    border: none;
    max-width: 100%;
}
.about-one__experience-box {
    top: 20px;
    left: 20px;
}
.about-one__right {
    margin-top: 50px;
}
.about-one__points {
    flex-direction: column;
    align-items: baseline;
}
.about-one__btn-and-video {
    gap: 40px;
    flex-direction: column;
    align-items: baseline;
}
.services-one {
    padding: 0px 0 100px;
}
.services-one__bg-color {
    top: 31%;
    overflow: hidden;
    width: 100%;
}
.services-one__shape-1 {
    display: none;
}
.services-one__left {
    margin-bottom: 130px;
}
.section-title__title {
    font-size: 26px;
    line-height: 36px;
}
.services-one__right {
    margin-left: 0;
    margin-right: 0;
}
.why-choose-one__right {
    margin-right: 0;
    margin-left: 0;
}
.why-choose-one__img-2 {
    right: inherit;
    bottom: inherit;
    position: relative;
    margin-top: 30px;
}
.why-choose-one__img-2 img {
    width: 100%;
}
.why-choose-one__shape-1 {
    display: none;
}
.why-choose-one__video-link {
    right: 50%;
    transform: translateX(50%);
}
.testimonial-one {
    padding: 80px 0 80px;
}
.testimonial-one__shape-1 {
    display: none;
}
.testimonial-one__shape-2 {
    display: none;
}
.section-title {
    margin-bottom: 30px;
}
.testimonial-one__single {
    padding: 40px 20px 41px;
}
.testimonial-one__client-info-box {
    flex-direction: column;
    gap: 30px;
}
.testimonial-one__client-info {
    gap: 15px;
}
.testimonial-one__text {
    font-size: 18px;
    line-height: 28px;
}
.about-two__right {
    margin-left: 0;
    margin-top: 50px;
}
.about-two__img-2 {
    top: inherit;
    left: inherit;
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}
.about-two__img-2 img {
    width: 100%;
}
.about-two__experience-box {
    bottom: inherit;
    left: inherit;
    max-width: 100%;
    position: relative;
}
.about-two__circle-bdr {
    display: none;
}
.about-two__video-link {
    left: 50%;
    transform: translateX(-50%);
}
.why-choose-one {
    padding: 40px 0 40px;
}
#clients_section {
    padding: 0px 0px 0px;
}
.why-choose-one__left {
    margin-top: 40px;
}
.about_page_title {
    font-size: 25px;
}
.pageheader {
    padding: 40px 0;
}
#saiservicepage-id .container {
    width: 100% !important;
}
.servicepg2-imgdiv {
    margin: 0px 0 0 0;
}
#saiservicepage-id {
    margin: 40px 0;
}
.counter-one__single::before {
    right: 0;
}
.saiservpgcaro-div.df {
    display: block !important;
} 
.saiservpgcaro-div1.df3 {
    display: block !important;
}
.saiservpgcaro-div1.df2 {
    display: block !important;
}
.saiservpgcaro-div1.df4 {
    display: block !important;
}
.saiserpgpro {
    padding: 30px 10px !important;
    margin: 20px 0 !important;
}
.saiservcont {
    margin: 360px 0 0 0 !important;
}
.saiservpgcaro-div1.df {
    display: block !important;
}
.saiservpgcaro-div.df4 {
    display: block !important;
}
.saiservpgcaro-div1 {
    height: 100% !important;
}
.saisercaroimg {
    margin: 5px 0;
}
#clients_section .portfolio-style-1 img {
    width: 90% !important;
    margin: 20px 20px;
}









}
/*===============================================  certified laptop/pc  ================================================*/

#servicepg-id {
    margin: 40px 0;
}
.saiserpgpro {
    box-shadow: rgb(136 165 191 / 48%) 6px 2px 16px 0px, rgb(255 255 255 / 80%) -6px -2px 16px 0px;
    padding: 40px;
    margin: 40px;
    border-radius: 20px;
}
.saiservpgcaro-div.df {
    display: flex;
    height: 300px;
    gap: 30px;
}
.saiservpgcaro-div1.df {
    display: flex;
    height: 147px;
    gap: 10px;
    margin-top: 30px;
}
.saiservcont {
    margin: 40px 0 0 0;
}
.saiservcont p {
    margin: 0 0 20px 0;
}
.saiservcont button {
    text-transform: uppercase;
    background: var(--theme-color1);
    color: var(--color-white);
    font-size: 14px;
    font-family: var(--fixpro-font-two);
}
.saiservpgcaro-div1.df2 {
    height: 175px;
    display: flex;
    gap: 10px;
    margin-top: 30px;
}
.saiservpgcaro-div1.df3 {
    display: flex;
    height: 160px;
    gap: 10px;
    margin-top: 30px;
}
.saiservpgcont-btn {
    text-align: center;
    margin-top: 800px;
}
.saiservpgcaro-div.df4 {
    display: flex;
    height: 350px;
    gap: 30px;
}
.saiservcont button:hover {
    background: var(--theme-color3);
}
.saisercaroimg {
    box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px inset, rgb(0 0 0 / 30%) 0px 18px 36px -18px inset;
    padding: 10px;
    border-radius: 20px;
}
/*================  pop-up  =====================*/
#myModal3 .modal_content3 {
    background: linear-gradient(229deg,#77a012 10%, #77a012 5%, #0184b6 80%);
    color: var(--color-white);
    padding: 20px;
}
#myModal3 ul.form_list.pad_top0 input {
    font-family: var(--fixpro-font-two);
    font-size: 14px;
    background: var(--fixpro-white);
}
#myModal3 .modal_header3 span {
    color: var(--color-white) !important;
    font-size: 30px;
}
#myModal3 button.button1 {
    background: var(--theme-color3);
    padding: 10px;
    text-transform: uppercase;
    font-family: var(--fixpro-font-two);
    font-size: 14px;
    font-weight: 600;
}
#myModal3 button.button1 span {
    padding: 0 7px 0 0px;
}
#myModal3 .mar_bot15.position1 {
    list-style: none;
}
#myModal3 .mar_bot15{
    list-style: none;
}
#message {
    background: var(--fixpro-white);
    font-size: 14px;
    padding: 15px 15px;
}
div#myModalLabel {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-family: var(--fixpro-font);
}