*{
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  padding: 0;
  margin: 0;

}
body{
  overflow-x: hidden;
  font-size: 100%;
}
.nav-link {
  display: inline-block;
  position: relative;
  color: #0087ca;
  font-size: 1vw;
}
.nav-link:hover{
  background: linear-gradient(132.14deg, #F8953A 0%, #EF3C69 88.51%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}


.nav-link::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background: linear-gradient(132.14deg, #0085FF 0%, #18D0FA 88.51%) !important;
  transform-origin: bottom right;
  transition: transform 1.80s ease-out;
}
.navbar{
  background-color: #fff;
  z-index: 1000;
}

.footer-logo{

  transform: translateX(-10px);
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
}

.text-address{
  color: #fff !important;
  transform: translateY(10px) !important;
  -webkit-transform: translateY(10px) !important;
  -moz-transform: translateY(10px) !important;
  -ms-transform: translateY(10px) !important;
  -o-transform: translateY(10px) !important;
  font-weight: 400 !important;
}

.mb-2 a{
  font-size: .8vw;
}

.nav-link:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.navbar .active{
  color: #007bff;
  
}

.nav-link {
  color: #6c6c6c;
  font-weight: 500;
  padding: 12px 52px;
  margin-right: 2em;
  font-family: 'Poppins', sans-serif;
}
.nav-active {
  background-color:#fff;
  box-shadow: 5px -1px 12px -5px grey;
}
.navbar-toggler{
  border: none !important;
}
.nav-colored .navbar-toggler{
  border: none !important;
}
.navbar-toggler-icon{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}
.nav-colored .navbar-toggler-icon{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}
.nav-colored { background:#fff !important;
position: fixed !important;
width: 100%;
background-color: #f3f3f3;
z-index: 100 !important;
animation:navbar-up .7s alternate ease-in-out forwards;
transition: all .6s;}
@keyframes navbar-up {
  from{
    transform: translateY(-90px);
  }
  to{
    transform: translateY(0px);
  }
}
.nav-colored .nav-link { color: #000 !important;}
.nav-colored #active { color: #0084FF !important;}
.nav-transparent { background-color:#fff;}



@keyframes floating {
  0% { transform: translate(0,  0px); }
  50%  { transform: translate(0, 15px); }
  100%   { transform: translate(0, -0px); }   
}


.left-img{
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}


.scrolled.line-1,
.scrolled.line-2,
.scrolled.line-3{
  animation-delay:2s;
  animation: fade-in-up 1s ease-in-out both;
}

.scrolled.line-4,
.scrolled.line-5,
.scrolled.line-6{
  /* animation-delay:118s; */
  animation: fade-in-up 1s ease-in-out both;
}

.scrolled.circle-1{
  animation: slide-in-left 1s ease-in-out both;
}
.scrolled.circle-2{
  animation: slide-in-left 1s ease-in-out both;
}

.scrolled.scrolled.circle-3{
  animation: slide-in-left 1s ease-in-out both;
}
.scrolled.another{
  animation-delay:112s;
  animation: fade-in-up 1s ease-in-out both;
}


.tech-text{
  width: 80%;
}

.sub-footer{
 background:url('../images/footer/Rectangle\ 19\ \(2\).png');
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  min-height: 20vh;
}

.sub-left{
  width: 800px;
  color: linear-gradient(90deg, rgba(11, 166, 253, 1) 48%, rgba(24, 206, 249, 1) 99%);

}

.sub-left h2{
  font-size: 35px;
  color: #fff;
  font-weight: 700;
}

.cen{
  color: #000;
}


.talk a {
  position: relative;
  padding: 12px 82px;

  margin: 5px;
  border: 2px solid transparent;
  display: inline-block;
  font-size: 20px;
  border-radius: 30px;
 background: inherit;
  transition: .5s ease-out;
  border: 0px;
  color: #fff;
  font-weight: 500;
}

.talk a::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 30px;
  padding: 2px; /* control the border thickness */
  /* background:linear-gradient(132.14deg, #0085FF 0%, #18D0FA 88.51%); */
  background-color: #fff;
  /* background: linear-gradient(132.14deg, #F8953A 0%, #EF3C69 88.51%); */
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}
.talk a:hover{
  text-decoration: none;
  background-position: left;
  color: #007bff;
  border: none;
  background-color: #fff;
  text-decoration: none !important;
}

.second-image svg{
  position: relative;
  width: 100%;
  min-height: 20vh;
  top: 50px;

  /* right: 100px; */
}
.hero-section{
  background: url('../images/vcto/vcto-hero.png');
  width: 1920px;
  height: 700px;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  background-attachment: fixed;

}
.hero-section h2{
  color: #fff;
  position: absolute;
  font-size:4vw;
  font-weight: 700;
  right: 60px;
  text-align: right;
  animation: 3s anim-lineUp ease-out forwards;
}
@keyframes anim-lineUp {
  0% {
    opacity: 0;
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
.second-image{
display: flex;
align-items: center;
justify-content: space-around;
flex-direction: column;
min-height: 50vh;

width: 100%;
}

canvas {
  display: block;
}

#canvas_container {
  position: relative;
  width: 100%;
  height: 100vh;
  margin: 0;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  background-image: url("https://user-images.githubusercontent.com/26748614/96337246-f14d4580-1085-11eb-8793-a86d929e034d.jpg");
  background-size: cover;
  backdrop-filter:  brightness(50%);
}

.nav-link{
  color: #6c6c6c;
  font-weight: 503;
  padding: 12px 52px;
  margin-right: 2em;
  font-family: 'Poppins', sans-serif;
  z-index: 100;

  }
  nav{
    background-color: inherit;
    z-index: 1000;
  }
/* navabar animation */
.nav-link {
  display: inline-block;
  position: relative;

}
#service-head{
  text-align: center;
  font-weight: 700;
  font-size: 3vw;
  min-height: 15vh;
}
.service-card{
  /* margin-top: 1em; */
  width: 800px;
  height: 80vh;
  background: linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.9)), url('../images/vcto/service-card.png');
  filter: brightness(100%),saturate(200%);
  background-repeat: no-repeat;
  background-size: cover;
}
.service-card .row{
  min-height: 100vh;
}
.service-list{
/* margin-top: 1.5em !important; */
width: 100%;
min-height: 100%;
margin-bottom: 5em;
margin-top: 5em;
/* transform: translateX(100px); */


}
.service-list ul li{
 
  font-size: 1vw;
  line-height: 2em;

}
.nav-link::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background: linear-gradient(144.61deg, #F58229 7.15%, #ED2D6D 95.69%);
  transform-origin: bottom right;
  transition: transform 0.80s ease-out;
}

.nav-link:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.navbar-scroll {
  /*   background-color: rgba(0,123,255,0.4); */
    transition: background-color 0.5s;
  }



/* background
 */
 .background{
background-repeat: no-repeat;

width: 100%;
min-height: 1000px;
 position: relative;
 overflow: hidden;
 background: url('/images/background/vcto/bg-1\ \(1\).jpg');
 background-size: cover;
 background-repeat: no-repeat;
/* background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%),url('/images/background/vcto/parallax.png'); */
/* background-image: ); */
/* background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('/images/background/vcto/alex-kotliarskyi-QBpZGqEMsKg-unsplash.jpg'); */
/* background-size: cover; */
/* transform: rotateX(360deg); */
}


/* header-txt */
.header-txt{
 display: flex;
 flex-wrap: wrap;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 min-height: 40vh;
  color: #fff;
  
}
.header-txt h2{
  padding-top: 80px;
width: 1099px;
line-height: 1.4em;
font-size: 70px;

  font-family: 'Poppins', sans-serif;
}

.vcto-service{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}



/* right-txt */

.right-txt{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    min-height: 80vh;

}
.right-txt p{
    margin-top: 2em;
    font-size:1vw;
    color: #6c6c6c;
    text-align: justify;
    font-weight: 100;
    width: 95%;
    line-height: 1.8em;
}
#header-right{
  font-size:3vw;
  font-weight: 800;
}




.service-row{
  border: 2px solid #6c6c6c;
  min-height: 40vh;
  /* margin-top: 0.3em; */
  display: flex;
  float: right;
  box-shadow: 3px 3px 10px #888888;
min-height: 40vh;
}
#sub-title{
  font-size: 30px !important;
  line-height: 1.5em !important;
}

/* 
features */



/* pre footer */

   
.partner{
	background-color: #0B7CE5;
	height: 30vh;
  
  }

  .partner-left p{
	color: white;
	font-weight: 800;
	font-size: 2vw;
	font-style: italic;
	padding: 22px 22px;
	margin-left: 5em;

  }
  .partner-left h6{
	text-align: center;
	margin-top:-6em;
	font-weight: 800;
	color: white;
  }
  .cen h6{
	text-align: center;
	margin-top: -6em;
	color: white;
	font-weight: 800;
  }
  /* .btn{
	float: right;
	margin-right:7em;
	margin-top:-2.4em;
  } */

  .btn a{
	color:white;
	font-weight: 800;
	font-size:1vw;
	border: 2px solid #fff;
	border-radius: 2em;
	padding: 12px 32px;
    text-decoration: none;
  }

  /* service */


  /* card */
  .card-container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-height: 90vh;
  }
   .price-card{
  width: 300px;
  height: 200px;
  background: linear-gradient(132.14deg, #0085FF 10%, #18D0FA 88.51%);
  z-index: 1000;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 10px;
  justify-content: center;

}
.price-card p{
  font-size: 30px;
  color: #fff;
}

 .subcaribe-card{
  width: 300px;
  height: 200px;
  background-color: #f3f3f3;
  transform: translateY(-200px);
  z-index: -99;
  transition: all 0.6s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
border-radius: 10px;
}
.button {
  position: relative;
  padding: 12px 42px;

  margin: 5px;
  border: 2px solid transparent;
  display: inline-block;
  font-size: 20px;
  border-radius: 10px;
  background: linear-gradient(to left, #fff 50%, #0085FF 25%,#18D0FA 25%) right;
  /* background: linear-gradient(132.14deg, #F8953A 0%, #EF3C69 88.51%); */
  background-size: 200%;
  transition: .5s ease-out;
  border: 0px;
  color: #000;
  font-weight: 500;
}

.button::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 2px; /* control the border thickness */
  background:linear-gradient(132.14deg, #0085FF 0%, #18D0FA 88.51%);
  /* background: linear-gradient(132.14deg, #F8953A 0%, #EF3C69 88.51%); */
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

.button:hover {
  text-decoration: none;
  background-position: left;
  color: #fff;
  border: none;
  text-decoration: none !important;
}

.icon-card:hover .subcaribe-card{
  transform: translateY(0px);
}
  
/* footer */
footer{
  background-color: #333535;
}

.text{
  color:#D3D3D3;
  font-weight: 400;
  font-size:1vw;
  text-decoration: none;
}
.company{
  font-weight: 400;
  color: white;
  margin-top: 1.2vw;
}
.active{
  color:#0084FF;
}
.fa{
  padding: 10px;
  font-size: 20px;
  width: 40px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  font-size: 20px !important;
}
.fa:hover{
  background: linear-gradient(132.14deg, #F8953A 0%, #EF3C69 88.51%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  animation:footerIcon .6s ease-in-out alternate forwards;
  }
  @keyframes footerIcon {
    from{
      transform: rotate(180deg);
    }
    to{
      transform: rotate(0deg);
    }
    }


  /* .py-5 .row  .top-button{
      display: flex;
      align-items: flex-end !important;
      justify-content: flex-end !important;
    } */


.py-2 .row .white{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.py-2 .row .white2{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.fa-facebook {
  background: #0085FF;
  color: white;
}

.fa-twitter {
  background: #fff !important;
  color: #0085FF !important;
  font-size: 20px;
}
/* .top-button {
  display: flex;
  align-items: flex-end !important;
  justify-content: flex-end !important;
} */


.fa-linkedin {
  background: #0085FF;
  color: white;
}

.fa-instagram {
  background-color:#0085FF;
  color: white;
}


.py-2 .row .col-sm-12 a{
  font-size: .8vw;
  text-align: center;
  color: #fff;
  opacity: .7;
}
.py-2 .row .col-sm-12 a:hover{
text-decoration: none;
}
.py-2{
  background-color: #282828;
}


.center{
    margin-bottom: 5em;
}
 h3{
  color: black;
}

.cardName{
  line-height: 2.5em;
}
/* card */
.card1-container{
  background-color: #f3f3f3;
min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.card1-container h2{
  /* margin-top: 1em; */
  font-size: 3vw;
  font-weight: 700;
  text-align: center;

}
.card1-container .row{
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.card{
  width: 230px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(#0085ff, #0085ff);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size .5s, color .5s;
  box-shadow: 0 3px 8px 0 rgba( 31, 38, 135, 0.37 ); 
background-color: #fff;
border-radius: 10px;
margin-top: 3em;

}
.card:hover{
  background-size: 100% 100%;
}
.card p{
  text-align: center;
  padding: .7vw;
}

/* upper footer */



.sub-left{
  color: #fff;
  font-size: 2vw;
  font-style: italic;
  font-weight: 900;
}

.cen{
  color: #D3EAFF;
}



#star{
  color: orange;
}

.footer-logo p{
  font-size:1.7vw;
  color: #fff;
  font-weight: 200;
  align-items: flex-start;
  transform: translateX(-5px) ;
  transform: translateY(7px);

 
}
/* features */
.features{
  min-height: 60vh;
  background-color: #f3f3f3;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.card-para{
  text-align: center;
  width: 200px;
  transform: translateY(10px);
}

.card-title{
  transform: translateY(-70px);
}

.service-container{

 display: flex;
 align-items: center;
 justify-content: center;
  min-height: 100vh;
}
.service-container .row .service-content{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.service-container .service-content .service-title h2{
font-size: 3vw;
font-weight: 700;
}

.service-para{
  position: relative;
  top:10%;
  width: 80%;
}

.service-para p{
  font-size: 1vw;
  color: #6C6C6C;
  text-align: justify;
}




.service-title1{
  position: relative;
  /* top:20%; */
}

.service-title1 h4{
  font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 3vw;
color: #000000;
}




/* second section */
.second-section{

  min-height: 70vh;
}

/* image wapper */

.image-wrapper {
  width: 600px;
  height: 400px;
  position: relative;
  margin: 10vh auto;

}
.image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: left;

}
.image-1 {
  clip-path: polygon(0 0, 0 32%, 28% 0);
  transform: translate(-10px, -10px);
  transition: transform 300ms ease;
  transform-origin: top;
  width: 100%;
}
.image-wrapper:hover .image-1 {
  transform: translate(0, 0);
}
.image-2 {
  clip-path: polygon(28% 0, 0 32%, 0 100%, 17% 100%, 90% 0);
  transform: translate(-30px, 5px);
  transition: transform 300ms ease;
  width: 100%;
}
.image-wrapper:hover .image-2 {
  transform: translate(0, 0);
}
.image-3 {
  clip-path: polygon(100% 0, 100% 65%, 74% 100%, 17% 100%, 90% 0);
  transform: translate(-15px, -10px);
  transition: transform 300ms ease;
  width: 100%;
}
.image-wrapper:hover .image-3 {
  transform: translate(0, 0);
}
.image-4 {
  clip-path: polygon(100% 65%, 74% 100%, 100% 100%);
  transform: translate(-32px, 5px);
  transition: transform 300ms ease;
  transform-origin: top;
  width: 100%;
}
.image-wrapper:hover .image-4 {
  transform: translate(0, 0);
}




.service-model{
  width: 100%;
  min-height: 60vh;
  background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.9)),url('/images/vcto/service-model.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.service-model h2{
  color: #fff;
  font-size: 3vw;
}
.service-model p{
  color: #fff;
  text-align: center;
  font-size: 16px !important;
}

.service-model #payMinimal{
  font-size: 25px !important;
  font-weight: 600;
  background: linear-gradient(132.14deg, #F8953A 0%, #EF3C69 88.51%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.service-model a{
  color: #0085FF;
}

.card-row{
  /* position: absolute; */
  min-height: 40vh !important;
  transform: translateY(-100px);
  z-index: 100;
}

.img-txt h2{
  width: 100%;
  transform: translateY(-18px);
  text-align: center;
  color: #0085FF !important;
}

.sub-footer {
background: url('../images/footer/footer-3.png');
  min-height: 20vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-style: normal !important;
}

.sub-left {
  color: linear-gradient(90deg, rgba(11, 166, 253, 1) 48%, rgba(24, 206, 249, 1) 99%);
  font-weight: 900;
  /* width: 900px; */
  font-style: normal !important;
}

.sub-left h2{
  color: #fff;
  font-size: 2.2vw;
  font-weight: 500;
}

/* .top-button{
  display: flex;
  align-items: flex-end !important;
  justify-content: flex-end !important;
} */


/* section */
.second-section{
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* js scroll */


.js-scroll {
  opacity: 0;
  transition: opacity 500ms;
}

.js-scroll.scrolled {
  opacity: 1;
}

.scrolled.fade-in {
  animation: fade-in 1s ease-in-out both;
}

.scrolled.fade-in-bottom {
  animation: fade-in-bottom 1s ease-in-out both;
}
.scrolled.fade-one-bottom {
  animation: fade-in-bottom 3s ease-in-out both;
}
.scrolled.fade-two-bottom {
  animation: fade-in-bottom 5s ease-in-out both;
}
.scrolled.fade-three-bottom {
  animation: fade-in-bottom 7s ease-in-out both;
}

.scrolled.slide-left {
  animation: slide-in-left 1s ease-in-out both;
}

.scrolled.slide-right {
  animation: slide-in-right 2s ease-in-out both;
}

@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.mb-4{
  font-size: .8vw;
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

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

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.service-title{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 20vh;
  margin-top: 2em;
}


.vcto-container{
  display: none;
}
@media screen and (min-width:300px) and (max-width:600px){
a{
  font-size:14px !important;
}
p{
  font-size:18px !important;
}
.hero-section h2{
  font-size: 40px;
  width:100% !important;
    text-align: center;
    position:absolute;
    left:0;
    right:0;
}
.hero-section{
  width: 100% !important;
    background-position: 15% !important;
    background-size: cover !important;
    
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
  }
#break{
  display:none !important;
}
.second-section .row{
  display:flex;
  flex-direction:column-reverse !important;
}
#sub-title,#header-right,#service-head{
  font-size: 30px !important;
  line-height: 1.5em !important;
  text-align:center !important;
}

#service-head{
  margin-top:5vw;
}
.img-txt h2{
  font-size:25px !important;
}
.tech-text{
  display:flex;
  align-items:center !important;
  justify-content:center !important;
}
.right-txt{
  display:flex;
  align-items:center !important;
  justify-content:center !important;
  
}
.svg-animation,.img-txt{
  margin-top:-30vw !important;
}
.unknow-list{
  display:none !important;
}
.service-list{
  margin-top:8vw !important;
 
}
.service-list ul li{
  font-size:14px !important;
  line-height:2em !important;
}
.card1-container{
  min-height:130vh
}
.card1-container .row{
  display:flex;
  align-items:center !important;
  justify-content:center !important;
  min-height:180vh;
}
.card1-container .row .col-sm-12{
  display:flex;
  align-items:center !important;
  justify-content:center !important;
}

.card{
  width: 300px;
}
#payMinimal{
  min-height: 10vh;
  font-size: 16px !important;
}
.service-content,.service-img{
  display:flex;
  align-items:center !important;
  justify-content:center !important;
}
.service-content .service-para{
  display:flex;
  align-items:center !important;
  justify-content:center !important;
 width: 360px;
margin-top:-10vw ;
}
.service-img svg{
width:350px;
}
.card-row .col-sm-12{
  display:flex;
  align-items:center !important;
  justify-content:center !important;
}
.sub-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 20vh;
}
.sub-left h2 {
  font-size: 20px !important;
  text-align: center;
  width: 390px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.talk a {
  font-size: 14px;
  pad: 12px 42px !important;
  margin-bottom: 1em;
}

.py-5 .row .col-sm-12 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.py-2 .container-fluid .row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.footer p {
  text-align: center;
}
.list-unstyled {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.list-unstyled li a {
  text-align: center;
}
.py-2 .row .col-sm-12 p{
  font-size: 10px;
  text-align: center;
  color: #fff;

}

.py-2 .row .col-sm-12{
  display:flex;
  align-items:center !important;
  justify-content:center !important;
}

.company{
  font-size: 18px;
}
/* .top-button{
  margin-top:15em !important;
} */
.white a,
 .white2 a{
  text-align:center;
 }
}
@media screen and (min-width:600px) and (max-width:900px) {
  html,body{
    overflow-x: hidden;
  }
    p{
    font-size: 18px !important;
  }
  .mb-2 a{
    font-size: 16px
  }

  .company{
    font-size: 18px;
  }
  .card1-container{
    min-height: 70vh;
  }

  #header-right{
    text-align: center;
  }
  .service-content{
    min-height: 60vh;
  }
  .hero-section h2{
    text-align: center;
  }
  .service-card{
    background-size: cover;
  }
  .service-card .row{
    flex-direction: column-reverse;
  }
  .card1-container{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .card1-container .row{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .card1-container .row .col-md-5 .card{
    display: flex;
    align-items: center;
    justify-content: center;
margin-top: 3em;

  }
.card-row{
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.icon-card{
  width: 200px;

}
.price-card{
  width: 200px;
}
.sub-card{
  width: 200px;
}
.py-3 .col-md-12{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

}
.card-row{
  display: flex;
  align-items: center;
  justify-content: space-around;
}

@media screen and (min-width:900px) and (max-width:1200px) {
  html,body{
    overflow-x:hidden !important;
  }
    p{
    font-size: 18px !important;
  }
  .mb-2 a{
    font-size: 16px
  }

  .company{
    font-size: 18px;
  }
  .hero-section{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hero-section h2{
    text-align: center;
  }
  .service-head{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .unknow-list{
    display: none;
  }
 .service-list{
  margin-top: 3em;
  margin-left: 2em;
 }
 .service-card{
height: 40vh !important;
 }
.sec-row{
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
}

.sec-row ul li{
  display: flex;
  align-items: center;
  justify-content: space-around;
}




 .service-model{
  display: flex;
  align-items: center;
  justify-content: center;
 }

 .service-model h2,.service-model p,.service-model a{
  text-align: center;
 }

 .service-container .row .col-md-12{
min-height: 50vh;
 }
 .service-img{
  display: flex;
  align-items: center;
  justify-content: center;
 }

 /* .top-button{
  display: flex;
  align-items: flex-end !important;
  justify-content: flex-end !important;
} */

.py-3 .col-md-12{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}


}

/* .top-button{
  display: flex;
  align-items: flex-end !important;
  justify-content: flex-end !important;
} */

.fa{
  background-color: #0085ff;
  color: #fff;
}