/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

/**Navbar**/


body{
  font-family: 'Poppins', sans-serif;
	font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.text-small {
    font-size: 0.9rem !important;
}


html{
    scroll-behavior: smooth;
}
.img{
    width:260px;
    height:70px;
}

.navbar {
    transition: all 0.4s;
    height: 85px;
    width: 100%;
}
.navbar .nav-link {
    font-weight: 1000;
    color: #364277;
    margin-right: 17px;
    font-size: 15px;
}
.navbar .nav-link .active{
  color: #f58631;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    transition: 0.7s;
    color: #f58631;
    text-decoration: none;
}

.blink_text {
  animation:2s blinker linear infinite;
  -webkit-animation:1s blinker linear infinite;
  -moz-animation:1s blinker linear infinite;
  }

  @-moz-keyframes blinker {  
   0% { opacity: 1.0; }
   50% { opacity: 0.0; }
   100% { opacity: 1.0; }
   }

  @-webkit-keyframes blinker {  
   0% { opacity: 1.0; }
   50% { opacity: 0.0; }
   100% { opacity: 1.0; }
   }

  @keyframes blinker {  
   0% { opacity: 1.0; }
   50% { opacity: 0.0; }
   100% { opacity: 1.0; }
   }

   /* Style The Dropdown Button */
.dropbtn {
 
  color:blue;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  transition: 1s;
  display: none;
  position: absolute;
  background: white;
  min-width: 300px;
  border-radius: 10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  transition: 0.8s;
  color: #364277;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover{
  text-decoration: none;
  transition: 0.8s;
  color: #f58631;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: white;
}

/* Change navbar styling on scroll */
.navbar.active {
    transition: 1s;
    background: rgb(255, 255, 255);
    width: 100%;
    height:85px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

.navbar.active .nav-link  {
    color: #364277;
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
    transition: 0.7s;
    color: #f58631;
    text-decoration: none;
}

.navbar.active .navbar-brand {
    color: #364277;
}
.navbar.active .nav-itemactive{
    color: #f58631;
}


.text{
  font-weight: 700;
  text-align:left;
  margin-top:90px;
}
.text1{
  font-family: 'Nunito', sans-serif;
  color: #f58631;
  font-size:60px;
  margin-top: 100px;
}
.text2{
  font-family: 'Nunito', sans-serif;
color: #364277;
font-size: 45px;
font-weight: 600;
}
.img2{
  width:100%;
   height:600px;
   margin-top: 100px;
  }
.video{
  margin-top:230px;
  margin-bottom: 120px;
}

.start{
  margin-top: 20px;
    transition: 0.5s;
    font-size: 20px;
    font-weight: 500;
    border-color: #f58631;
    text-transform: capitalize;
    background-color:#f58631; 
}
.start:hover{
    transition: 0.5s;
    box-shadow: 25px 20px 35px 0 rgba(0, 0, 0, 0.1);
    background: #364277;
    border-color: #364277;
}

.pro{
  background-color: #f2f7ff;
  text-align: center;
  padding-bottom: 60px;
}

/*--Title--*/
.title p {
  text-transform: uppercase;
    margin-top: 70px;
    display: inline-block;
    position: relative;
    font-size:27px;
    font-weight: 1000;
    color: #364277;
  }
 
  .title p:after {
    content: "";
    height: 3.5px;
    width: 70%;
    background-color:#f58631;
    position: absolute;
    bottom: -.5em;
    left: 50%;
    transform: translate(-50%);
  }
  .title h1{
      font-size:42px;
      margin-top: 25px;
      text-align: center;
      font-weight:1000;
      text-transform: capitalize;
  }

  .title_single p{
    text-transform: uppercase;
    margin-top: 70px;
    display: inline-block;
    position: relative;
    font-size:35px;
    font-weight: 1000;
    color: #364277;
  }

  .title_single p:after{
    content: "";
    height: 3.5px;
    width: 70%;
    background-color:#f58631;
    position: absolute;
    bottom: -.5em;
    left: 50%;
    transform: translate(-50%);
  }
/*---About--*/

.img_abt{
  width: 450px;
  height:85%;
  margin-top:40px;
}
.abt_we{
  font-weight: 600;
margin-top: 40px;
color: rgb(53, 53, 150);
font-size:24px;
}
.abt_exp{
  margin-top: 30px;
text-align: justify;
font-size:20px;
font-weight: 400;
}

.know{
  transition: .8s;
  margin-bottom: 10px;
  border-color: #f58631;
  background-color: #f58631;
  color: rgb(255, 255, 255);
  text-align: center;
  width: 180px;
  height: 47px;
  font-size: 19px;
  font-weight:600;
}
.know:hover{
  transition: 0.8s;
  border-color: #364277;;
  background-color: #364277;
  box-shadow: 25px 30px 35px 0 rgba(0, 0, 0, 0.1);
}

/*---Products--*/
#products {
  padding: 60px 0 0px 0;
}

#products .box {
  padding: 30px ;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin: 0 10px 40px 10px;
  background: #f8faff;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
  transition: all 0.3s ease-in-out;
  text-align: center;
  transition: 0.8s;
}

#products .box:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  background: white;
  transition: 1s;
}
#products .title h4{
  text-transform: uppercase;
  text-align: center;
  font-weight: 1000;
  margin-top: 15px;
  margin-bottom: 18px;
  font-size: 22px;
  color:#f58631;
}
#products .title h4 a{
  color: #f58631;
}
#products .box:hover .title h4 a{
  color: #364277;
  text-decoration: none;
}
#products .box:hover .title h4 {
  color: #364277;
  text-decoration: none;
}

#products .description {
  display: block;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 0;
  text-align:justify;
  height: 200px;
}

/**---Count--*/
.count{
  background-image: url("Assets/image2.png");
  width: 100%;
	height: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 100px 0px;
  text-align: center;
}

.count-title { font-size: 43px; font-weight:700;  margin-top: 30px; margin-bottom: 0; text-align: center;color: white; }
.count-text { font-size: 25px; font-weight: 600;  margin-top: 10px; margin-bottom: 0; text-align: center;color: white; }
.fa-4x { margin: 0 auto; float: none; display: table; color: #e68434; }


/*---Features---*/

.img_serv{
  width: 100%;
  height: 450px;

}
#services {
  padding: 20px 0;
}

#services .type {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  
}

#services .type .type-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
  padding: 15px 0;
  background: rgba(0, 0, 0, 0.6);
}

#services .type .type-info-content {
  transition: margin 0.2s;
  height: 108px;
  transition: 0.8s;
  transition: height 0.4s;
  
}

#services .type:hover .type-info {
  transition: 0.4s;
}

#services .type:hover .type-info-content {
  height: 370px;
  transition: 1s;
  text-decoration: none;
}


#services .type h4 {
  text-decoration: none;
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 28px;
  transition: 0.6s;
  color:#f58631;
}
#services .type h4:hover{
  text-decoration: none;
  transform: scale(0.9);
}

#services .type span {
  padding: 20px;
  display: block;
  font-size: 15px;
  color: #fff;
  font-weight: 500;
}

.img2_serv{
  width: 100%;
  height: 332px;
}

#services .type2 {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

#services .type2 .type-infoa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
  padding: 15px 0;
  background: rgba(0, 0, 0, 0.6);
}

#services .type2 .type-infoa-content {
  transition: margin 0.2s;
  height: 108px;
  transition: 0.8s;
  transition: height 0.4s;
}

#services .type2:hover .type-infoa {
  transition: 0.4s;
}

#services .type2:hover .type-infoa-content {
  height: 240px;
  transition: 1s;
}

#services .type2 h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 28px;
  transition: 0.6s;
  color:#f58631;
}
#services .type2 h4:hover{
  transform: scale(0.9);
  transition: 0.8s;
  color: rgb(255, 102, 0);
}
#services .type2 span {
  padding: 20px;
  display: block;
  font-size: 15px;
  color: #fff;
  font-weight: 500;
}



  /*--Choose*/
.image_choose_left{
  width: 100%;
  margin-top:100px;
}

.imgs_chose{
  width:98%;
  height:200px;
}
  .choose{
    text-align: center;
    width: 100%;
    background-attachment: fixed;
  }

   .context {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    border-radius: 10px;
}
.context .overlay p{
  margin-top: -150px;
  font-size: 20px;
}
.context .overlay h1{
  padding: 5px;
  font-weight: 600;
  margin-top: -0px;
  font-size: 20px;
  color: rgb(255, 255, 255);
}
.pink {
    background: #ff2a71;
   
}
.green {
    background: #259e60;
}
.darkblue {
    background: #7b15aa;
}
.gold {
    background: #dfe238;
}
.red{
  background: rgb(240, 65, 65);
}
.blue{
  background: #23a1c4;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .8s ease;

}
.context:hover .overlay {
transition: 1.5s;
  background-color: white;
  opacity: 0.1;
  
}
[onClick]{
  cursor:pointer;
}
.text {
    display: table;
    width: 100%;
    height: 100%;
    font-size:1.2rem;
}
.text > div{
  display:table-cell;
  vertical-align:middle;
  }
  

/*--Process---*/
.num{
  color: #f58631;
  font-size: 24px;
  margin-top: -40px;
  font-weight: 600;
}
.img_process{
  width: 100%;
  transition: 0.7s;
}
.img_process:hover{
  transform: scale(1.2);
}


/*--Testimonial--*/

.testimonial{
  border: 1px solid #616161;
  border-top: 3px solid #616161;
  padding: 70px 25px 100px;
  margin-bottom: 30px;
  position: relative;
  border-radius: 10px;
}
.testimonial:after{
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 30px;
  color:rgb(255, 102, 0);
  position: absolute;
  top: 20px;
  left: 25px;
}
.testimonial .description{
  font-size: 14px;
  color: rgb(66, 66, 66);
  line-height:26px;
}
.testimonial .pic{
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: -30px;
  left: 25px;
}
.testimonial .pic img{
border-radius: 7px;
  width: 100%;
  height: 100%;
}
.testimonial .testimonial-title{
  font-size: 20px;
  color:#364277;
  font-weight: 600;
  position: absolute;
  bottom: 20px;
  left: 150px;
}
.testimonial .testimonial-title small{
  display: block;
  font-size: 14px;
  font-weight: 500;
  color:#f58631;
  margin-top: 7px;
}
.owl-theme .owl-controls .owl-page.active span{
  background:#364277;
}



/*Clients */

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
  opacity:0.5;
  transition: 0.8s;
}
.slick-slide img:hover{
  transition:0.8s;
  opacity:1;
}
.slick-slider
{
  /* position: relative; */
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after
{
  display: table;
  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}


/*---Footer--*/
#footer {
  color: rgb(0, 0, 0);
  font-size: 15px;
  background: #364277;
}

#footer .footer-top {
  margin-top: 80px;
  padding: 50px 0 0px 0;
  background: #f2f7ff;
}

#footer .footer-top .footer-contact h3 {
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-top .footer-contact h3 span {
  color: #e03a3c;
}

#footer .footer-top .footer-contact p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
  text-align: justify;
}

#footer .footer-top h4 {
  font-size: 18px;
  margin-top: 20px;
  font-weight: bold;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top h4::after {
  content: '';
  position: absolute;
  display: block;
  width: 80px;
  height: 2px;
  background: #9e9e9e;
  bottom: 0;
  left: 0;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  color: #f58631;;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #364277;
  font-weight: 500;
  display: inline-block;
  transition: 0.5s;
  font-size: 15px;
  margin-left: 2px;
}

#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #f58631;;
  margin-left: 6px;
  transition: 0.5s;
}

#footer .credits {
  text-align: center;color: white;margin-top:20px;font-size:15px;font-weight:200;
}

#footer .social-links a {
  text-align: center;
  font-size: 18px;
  display: inline-block;
  background: #364277;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 20px;
  border-radius: 4px;
  width: 36px;
  height: 36px;
  transition: 0.5s;
}

#footer .social-links a:hover {
  transition: 0.5s;
  background:#f58631;;
  color: #364277;
  text-decoration: none;
}
.fa-2x{
   color: rgb(231, 127, 29);
   margin-bottom: 15px;
}
.contact_info{
  font-family: 'Poppins', sans-serif;
  color: #364277; 
  font-weight:500;
   font-size: 16px;
   line-height: 23px;
   transition: 0.5s;
}
.contact_info:hover{
  color: #f58631;;
  transition: 0.5s;
}



/*--------------------------------------------------------------
# Aboutus page
--------------------------------------------------------------*/
.about1 {
  padding: 0;
  margin-top: 20px;
}


.about1 .content1 p {
  font-size: 18px;
  padding-right: 12px;
text-align: justify;
margin-top: 20px;
}

.about1 .content1 p:last-child {
  margin-bottom: 0;
}

/*about end*/
/*-- Technology--*/
.tech_image{
  height: 200px;
  width: 200px;
  text-align: center;
}

/*--------------------------------------------------------------
# Mission
--------------------------------------------------------------*/
.mission .icon-box {
  padding: 30px;
  position: relative;
  overflow: hidden;
  margin: 0;
  background: #fff;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
  text-align: center;
  border-bottom: 3px solid #fff;
  margin-top:50px;
  border-color: rgb(68,69,139);
}

.mission .icon-box:hover {
  transform: translateY(-15px);
}

.mission .icon i {
  font-size: 48px;
  line-height: 1;
  margin-bottom: 15px;
}

.mission .title_abt {
  color: rgb(245,119,35);
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}


.mission .description_abt {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}



/* -----vision1----- */



#vision1 .separator {
  color: black;
  font-size: 25px;
  font-weight: 100%;
}


#vision1 .content ul {
  list-style: none;
  padding: 0;
}

#vision1 .content ul li {
  padding-top: 15px;
 text-align: left;
}
#vision1 .content p:last-child {
  margin-bottom: 0;
}

/*vision1 end*/

  /* Values Section
--------------------------------*/

  #values h4 {
      color:rgb(245,119,35);
      font-size: 24px;
      font-weight: 700;
  }
 
  #values .values-block {
    margin-top:20px;
    background: #f2f7ff;
    padding: 30px 20px;
    height: 390px;
    transition: all 0.5s ease-in-out 0s;
    border-radius: 10px;
  }
  
  #values .values-block:hover {
    box-shadow: 0 0 35px gray;
    transition: all 0.5s ease-in-out 0s;
     }
  
  #values .values-block h4 {
    margin-bottom: 20px;
    margin-top: 25px;
    
  }
  
  #values .values-block p {
    margin-bottom: 0;
       font-size: 8px;
    color: black;
    display: inline-block;
    text-align: justify;
  }





/*--Products Page--*/

/*-- Hero Section--*/
#hero {
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right top;
  margin-top: 70px;
  padding: 60px 0;
}

#hero h1 {
  margin: 0 0 20px 0;
  font-size: 45px;
  font-weight: 700;
  line-height: 56px;
  color: #364277;
  text-align:center;
}
#hero p {
  margin: 0 0 20px 0;
  font-size: 52px;
  font-weight: 700;
  line-height: 56px;
  text-align:center;  
}

#hero h4 {
  color: #000000;
  margin-bottom: 30px;
  font-size: 17px;
  text-align: justify;
    line-height: 1.7;

}
 #hero h1{
    font-weight: 900;
    font-size: 40px;
    position: relative;
    color:rgb(68,69,139);
    padding: 2%;
}
#hero h1::before{
    content: '';
    position: absolute;
    width: 250px;
    height: 3px;
    background-color:rgb(245,119,35);
    bottom: -0.1px;
    left: 50%;
    transform: translateX(-50%);
    animation: animate 4s linear infinite;
    font-weight: 900;
 }
#hero h2{
    font-weight: 900;
    font-size: 40px;
    position: relative;
    color:rgb(68,69,139);
    padding: 2%;
    text-align:center;
}
#hero h2::before{
    content: '';
    position: absolute;
    width: 250px;
    height: 3px;
    background-color:rgb(245,119,35);
    bottom: -0.1px;
    left: 50%;
    transform: translateX(-50%);
    animation: animate 4s linear infinite;
    font-weight: 900;
 }

#hero .hero-img {
  text-align: center;
}

#hero .hero-img img {
  width: 70%;
  margin-top:40px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


/*--------------------------------------------------------------
# About- products
--------------------------------------------------------------*/
.about {
  padding: 0;
  margin-top: 30px;
  background:#f2f7ff;
}

.about .container {
  background: #f2f7ff;
  padding: 60px 50px;
}

.about h1{
    text-transform:uppercase;
    font-weight:700;
    margin-top:35px;
    display:inline-block;
    position:relative;
    font-size:31px;
}
.about h1:after{
  content:"";
  height:3.5px;
  width:70%;
  background-color:rgb(245,119,35);
  position:absolute;
  bottom:-.5em;
  left:50%;
  transform:translate(-50%);
}
.about h1{
  color:rgb(68,69,139);
  font-size:44px;
  font-weight:800;
  margin-top:25px;
    margin-bottom:45px;
  text-align:center;
}

.about .content h3 {
  font-weight: 600;
  font-size: 30x;
  color: #364277;

}

.about .content ul {
  list-style: none;
  padding: 0;
  font-weight: 500;
    font-size: 16px;
    text-align:justify;
}

.about .content ul li {
  padding-bottom: 10px;
    font-size: 16px;
}

.about .content ul i {
  font-size: 16px;
  padding-right: 4px;
    color: #f58631;
}

.about .content p:last-child {
  margin-bottom: 0;
}
/*about end*/

/*features*/

.heading {
  text-align: center;
  font-size: 35px;
  margin-bottom: 50px;
}

.row {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-flow: wrap;
}

.card {
  margin-top: 50px;
  border-radius: 10px;
  width: 20%;
  background: #fff;
  border: 2px solid rgb(0, 0, 0);
  margin-bottom: 30px;
  transition: 0.3s;
}

.card-header {
  text-align: center;
  padding: 20px;
  background: linear-gradient(to right, #6ac7e4, #9392e9);
  color:rgb(255, 255, 255);
  font-weight: 900;
  border-radius: 10px;
}

.card-header h5{
  text-align: center;
  font-weight: 900;
  text-transform:uppercase;
}

.card-body {
  padding: 20px 20px;
  text-align: center;
  font-size: 15px;
  text-align: justify;
}


.card:hover {
  transform: scale(1.1);
  box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25);
}
#product_features h1{
    font-weight: 900;
    font-size: 45px;
    position: relative;
    margin: 40px 0;
    color:rgb(68,69,139);
    padding: 2%;
    text-align: center ;

}
#product_features h1::before{
    content: '';
    position: absolute;
    width: 200px;
    height: 3px;
    background-color:rgb(245,119,35);
    bottom: -0.1px;
    left: 50%;
    transform: translateX(-50%);
    animation: animate 4s linear infinite;

 }
/*features end*/

/*--------------------------------------------------------------
# Availability
--------------------------------------------------------------*/
#product_services .icon-box {
  padding: 30px;
  position: relative;
  overflow: hidden;
  margin: 0;
  background: #fff;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
  text-align: center;
  border-bottom: 3px solid #fff;
  margin-top:40px;
  border-color: #364277;
}

#product_services .icon-box:hover {
  transform: translateY(-5px);
}

#product_services .icon i {
  font-size: 48px;
  line-height: 1;
  margin-bottom: 15px;
}

#product_services .pro_title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

#product_services .pro_title a {
  color: #013289;
}

#product_services .description {
  color: black;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0;
}

#product_services .icon-box-pink .icon i {
  color: #ff689b;
}

#product_services .icon-box-pink:hover {
  border-color: #364277;;
    background: #c1fbe2;

}

#product_services .icon-box-cyan .icon i {
  color: #3fcdc7;
}

#product_services .icon-box-cyan:hover {
  border-color: #3fcdc7;
    background: #f8acf9;

}

#product_services .icon-box-green .icon i {
  color: #41cf2e;
}

#product_services .icon-box-green:hover {
  border-color: #41cf2e;
    background: #8efbb2;
}

#product_services .icon-box-blue .icon i {
  color: #2282ff;
}
#product_services .icon-box-blue:hover {
  border-color: #2282ff;
    background: #ffff77;
}
#product_services h1{
    font-weight: 900;
    font-size: 45px;
    position: relative;
    margin: 40px 0;
    color:rgb(68,69,139);
    padding: 2%;
    text-align: center ;
}
#product_services h1::before{
    content: '';
    position: absolute;
    width: 250px;
    height: 3px;
    background-color:rgb(245,119,35);
    bottom: -0.1px;
    left: 50%;
    transform: translateX(-50%);
    animation: animate 4s linear infinite;

 }







/*--Services--*/

/*DESCRIPTION*/
.img_app{
  height: 470px;
}
.mobile-app{
  margin-top:3%;
  line-height: 20px;
  position: relative;
  animation-name: example;
  animation-duration: 4s;
}
.description h4{
  font-size:16px;
  text-align: justify;
  line-height:20px;
  margin-top: 4%;
}

.img1{
  width:500px;
   height:400px;
   margin-top: 10%;
   margin-left: 25%;
}



/* Featuer Section - Services
--------------------------------*/
#features {
  padding: 60px 0 40px 0;
  background-color: #f2f7ff;
  width: 100%;
}

#features .box {
  padding: 30px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin: 0 10px 40px 10px;
  background: #fff;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
  transition: all 0.3s ease-in-out;
  text-align: center;
margin-top: 10%;

}

#features .box:hover {
  transform: scale(1.1);
}

#features .icon {
  margin: 0 auto 15px auto;
  padding-top: 12px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

#features .icon i {
  font-size: 36px;
  line-height: 1;
}

#features .title h4 {
  font-weight: 1000;
  margin-bottom: 15px;
  font-size: 18px;
  margin-top:5%;
}
#features .description{
  font-size: 15px;
  text-align: justify;
}

#features .box:hover .title h4 {
  color:rgb(53, 53, 150);
  text-decoration: none;
}


#features .icon .img_seo{
  height: 100px;
  width: 100px;
  margin-left: -20px;
  margin-bottom: 10px;
}

#features .title_seo{
  font-size: 23px;
  color: #e98e06;
  margin-top:30px;
  font-family: 600;
}

.img_cloud{
  margin-left: 70px;
  width: 400;
  height: 350px;
}

.img_seo{
  width: 320px;
  height: 300px;
}

/*APP FEATURES*/
.raise:hover,
.raise:focus {
  transform: translateY(-0.25em);
}

.raise{
  width: 200px;
  height: 40px;
  border-collapse: collapse;
  color: #ffffff;
  font-size: 20px;
  text-align: justify;
  margin-top: 10px;

}

/* Slick Slider */

section {
	width: 100%;
	margin: 0 auto;
}

.simple blockquote { width: 100%; margin: 0px; height: 100%; display: block; padding-top: 100px; padding-bottom: 100px;  min-height: 400px;
}
.simple blockquote#agedcare { background: rgba(0, 0, 0, 0) url("https://kingkong.com.au/wp-content/uploads/2017/03/testimonial-bg-agedcare.jpg") repeat scroll center center / cover ; }
.simple blockquote#breathe { background: rgba(0, 0, 0, 0) url("https://kingkong.com.au/wp-content/uploads/2017/03/testimonial-bg-breathe.jpg") repeat scroll center center / cover ; }
.simple blockquote#ensohomes { background: rgba(0, 0, 0, 0) url("https://kingkong.com.au/wp-content/uploads/2017/03/testimonial-bg-ensohomes.jpg") repeat scroll center center / cover ; }

.simple blockquote p {
  font-family: Baskerville;
	color: #ffffff;
	padding: 25px;
	font-size: 45px;
	font-style: italic;
	text-align: center;
}
.simple cite {
  font-family: ProximaNova, Helvetica Neue;
  font-weight: bold;
  letter-spacing: 3px;
  font-style: normal;
  font-size: 13px;
	text-align: center;
	color: #b5b5b5;
  display: block;
  text-transform: uppercase;
}
.simple .play-button {
  width: 70px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  cursor: pointer;
}

.slick-dots {
    bottom: -10px;
}s
.slick-dots li {
  width: 80px;
  background: #ffffff;
  height: 80px;
  border-radius:100px;
  text-align: center;
}
.slick-dots li button {
    height: 125px;
    width: 91px;
  opacity:0.8;
  margin: 0;
}
.slick-dots li:nth-child(1) button {
  background: rgba(0, 0, 0, 0) url("https://kingkong.com.au/wp-content/uploads/2017/03/testimonial-button-agedcare.png") no-repeat scroll center center / 91px 125px;
}
.slick-dots li:nth-child(2) button {
  background: rgba(0, 0, 0, 0) url("https://kingkong.com.au/wp-content/uploads/2017/03/testimonial-button-ensohomes.png") no-repeat scroll center top / 91px 125px;
}
.slick-dots li:nth-child(3) button {
  background: rgba(0, 0, 0, 0) url("https://kingkong.com.au/wp-content/uploads/2017/03/testimonial-button-breathe.png") no-repeat scroll center top / 91px 125px;
}

.slick-dots li.slick-active button::before {
  opacity: 1;
}
.slick-dots li button::before {
  content: "";
}


/* A custom cursor to let folks know they can drag things */

.wistia_responsive_wrapper {
  visibility:hidden; 
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  transition: opacity 0.6s ease;
  opacity: 0;
}
.wistia_responsive_wrapper.playing {
  visibility: inherit;
  opacity: 1;
  z-index: 99999;
}



/*--Event Page--*/
.event-list{
  background-color: #f2f7ff;
  padding:20px;
  border-radius: 10px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 60px;
  box-shadow: 0 10px 29px 0 rgba(0, 0, 0, 0.1);
  transition:1s;
}
.event-list:hover{
  transition: 1s;
  box-shadow: 0 40px 99px 20px rgba(0, 0, 0, 0.1);
}
.event-list .event {
  text-align: center;
width: 100%;
}
.event-list .event img{
height: 210px;
  width: 100%;
  border-radius:7px;
}
.event-list .event-cont {
width: 100%;
text-decoration: none;
}
.event-list .event-cont h4 {
padding-top: 5px;
padding-bottom:10px;
color:#364277;
font-size: 27px;
  font-weight: 800;
}
.event-list .event-cont a{
text-decoration: none;
}
.event-list .event-cont h3{
padding-top:4px;
color: #f58631;
  font-weight: 600;
  font-size:19px;
}
.event-list .event-cont span {
font-size: 14px;
color: black;
}


/*--Single Event--*/
.nex_carousel{
  height: 500px;
  width: 100%;
}


.res{
  margin-top: 100px;
  background-color: #f2f7ff;
  padding: 50px;
  border-radius: 15px;
}
.res a{
text-decoration: none;
}
.res h2{
  color: #364277;
  font-size:40px;
  font-weight: 800;
  text-transform: uppercase;
}
.heading{
color:#364277;
font-size: 25px;
margin-bottom: 20px;
font-weight: 600;
}
.res span{
  color: rgb(0, 0, 0);
  font-weight: 600;
  font-size: 15px;
}
.resb{
  margin-bottom: 30px;
  color: rgb(245,119,35);
}
.res h3 {
  color: rgb(245,119,35);
  font-size: 20px;
  font-weight: 600;
}
.res h5{
font-size: 25px;
font-weight: 500;
margin-bottom:35px;
color: rgb(245,119,35);
}
.pic{
height:500px;
  border-radius: 10px;
width: 100%;
}
.details{
font-size: 20px;padding-top: 25px;font-weight: 500;color: black;line-height:30px;
}
.box {
 padding: 20px;
   margin-top: 40px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
  transition: all 0.3s ease-in-out;
  text-align: center;
  transition: 0.8s;
}

.box2 {
   padding: 30px;
  margin-top: 120px;
 position: relative;
 overflow: hidden;
 border-radius: 10px;
 background: #ffffff;
 box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
 transition: all 0.3s ease-in-out;
 text-align: left;
 transition: 0.8s;
}



/*--------------------------------------------------------------
# Internship
--------------------------------------------------------------*/
.intern {
  padding: 0;
  background:#f2f7ff;
}

.intern .container {
  background: #f2f7ff;
}


.intern h1{
    text-transform:uppercase;
    font-weight:700;
    margin-top:35px;
    display:inline-block;
    position:relative;
    font-size:31px;
    text-align:center;
}
.intern h1:after{
  content:"";
  height:3.5px;
  width:70%;
  background-color:rgb(245,119,35);
  position:absolute;
  bottom:-.5em;
  left:50%;
  transform:translate(-50%);
}

#intern h1::before{
    content: '';
    position: absolute;
    width: 250px;
    height: 3px;
    background-color:rgb(245,119,35);
    bottom: -0.1px;
    left: 50%;
    transform: translateX(-50%);
    animation: animate 4s linear infinite;

 }
.intern h1{
  color:rgb(68,69,139);
  font-size:44px;
  font-weight:800;
  margin-top:25px;
    margin-bottom:45px;
  text-align:center;
}

.intern .content h3 {
  font-weight: 400;
  font-size: 35px;
  text-align:justify;
  color: #364277;
  font-family: "Poppins", sans-serif;

}

.intern .content ul {
  list-style: none;
  font-weight: 500;
  padding: 0;
    text-align:justify;

}

.intern .content ul li {
  padding-bottom: 10px;
}

.intern .content ul i {
  font-size: 20px;
  padding-right: 4px;
    color: #f58631;
}

.intern .content p:last-child {
  margin-bottom: 0;
}


/*intern end*/

/*intern_cards*/
.heading {
  text-align: center;
  font-size: 20px;
  margin-bottom: 50px;
}

.intern_card h1{
  color:#364277;
  font-weight: bold;
  	font-weight: 800;
}

.intern_card {
  width: 100%;
  background: #f2f7ff;
  margin-bottom: 50px;
    margin-top: 70px;
  border-radius:20px;
  transition: 0.5s;
}
.intern_card:hover {
  box-shadow: 10px 10px 20px 10px rgba(0, 0, 0, 0.25);
}

.intern_card h1 {
  padding: 10px 20px;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
}

@keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse-big
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);
  }
}
.intern_card .btn {
  display: block;
  color: #fff;
  background: linear-gradient(to right, #fb9c46, #f5a193);
  margin-top: 40px;
    margin-bottom: 30px;
  text-decoration: none;
  padding: 10px 5px;
   font-family: "Poppins", sans-serif;
     font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius:10px;
  animation: shadow-pulse 1s infinite;
}



/*benifit*/

 .benifit .container {
  background: #f2f7ff;
  padding: 60px 50px;
  width:100%;
  
}

@media (max-width: 992px) {
  .benifit .container {
    padding: 30px;
  }
}

.benifit  h3 {
  font-weight: 400;
  font-size: 35px;
  text-align:justify;
  color: #f58631;
  font-weight:bold;
  font-family: "Poppins", sans-serif;
}
.benifit .content h3 {
  font-weight: 400;
  font-size: 35px;
  text-align:justify;
  color: #f58631;
  font-family: "Poppins", sans-serif;
}

.benifit ul {
  list-style: none;
  padding: 0;
    text-align:justify;

}

.benifit ul li {
  margin-top: 20px;
}

.benifit ul i {
  font-size: 20px;
  padding-right: 4px;
    color: #f58631;
}

.benifit .content p:last-child {
  margin-bottom: 0;
}
/*benifits end*/


/*feedback*/
.intern_name p{
font-size: 20px;
margin-bottom: 70px;
}
/*feedback end*/



/*--IOT, Web & full stack--*/

.parallax {
  min-height: 400px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.heading_name {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 45px;
}


/* -----Galleryyy ----- */

.gallery{
  min-height: 100vh;
  padding-bottom: 100px;
  margin-top: 0%;
}
.gallery .controls{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px 0;
  list-style: none;
}
.gallery .controls .buttons{
  height: 50px;
  width: 140px;
  background: #fff;
  color: rgb(68,69,139);
  font-size: 25px;
  cursor: pointer;
  padding:5px;
  margin: 20px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 3);
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
}
.gallery .controls .buttons.active{
  background: rgb(245,119,35);
  color: #fff;
}
.gallery .image-container{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.gallery .image-container .image{
  height: 250px;
  width: 350px;
  overflow: hidden;
  box-shadow: 0 3px 5px rgba(0,0,0,.3);
  margin: 10px;
  border-radius:20px;
}
.gallery .image-container .image img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.gallery .image-container .image:hover img{
transition: 0.5s;
 transform: scale(1.1);
}





/*--Contact Page--*/
.img_contact{
  width: 100%;
  margin-top: 240px;
}

.contact-form{
  background:#ffffff;
  margin-top: 5%;
  margin-bottom: 5%;
  width: 100%;
  border-radius: 20px;
}
.contact-form .form-control{
  border-radius:1rem;
}
.contact-image{
  text-align: center;
}
.contact-image img{
  border-radius: 8rem;
  width: 25%;
}
.contact-form form{
  padding: 8%;
}

.contact-form .btnContact {
  width: fit-content;
  border: none;
  border-radius: 1rem;
  padding: 3%;
  background: #f58631;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}

/*-- Contact-Box --*/
#contact_box {
  padding: 60px 0 0px 0;
}
#contact_box .box {
  padding: 40px ;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin: 0 10px 40px 10px;
  background:#e9f1fd;
  transition: all 0.3s ease-in-out;
  text-align: center;
  transition: 0.8s;
}

#contact_box .box:hover{
    background: #fff;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
}

#contact_box .title {
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 18px;
  font-size: 25x;
  text-decoration: none;
}

#contact_box .title a {
  color:#f58631;
  text-decoration: none;
}
#contact_box .description {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 0;
  text-align: center;
  height: 80px;
}
.circle-icon {
  color: white;
background: #364277;
width: 100px;
height: 100px;
border-radius: 50%;
text-align: center;
line-height: 100px;
vertical-align: middle;
transition: 0.5s;
}
.circle-icon:hover{
transform: translateY(-20px);
transition: 0.5s;
}


.carousel_images{
  height: 755px;
}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .php-email-form {
  padding: 30px;
  background:#f2f7ff;
  border-radius: 10px;
}

.contact .php-email-form .error-message {
  display: none;
  background: rgba(255, 255, 255, 0.08);
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  background: rgba(255, 255, 255, 0.08);
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: rgba(255, 255, 255, 0.08);
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 18px;
  background: white;
  border: 0;
  transition: 0.3s;
  color: #000000;
  border-radius: 10px;
}

.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
  background-color: white;
}

.contact .php-email-form input::-webkit-input-placeholder, .contact .php-email-form textarea::-webkit-input-placeholder {
  color: white;
  opacity: 1;
}

.contact .php-email-form input::-moz-placeholder, .contact .php-email-form textarea::-moz-placeholder {
  color: white;
  opacity: 1;
}

.contact .php-email-form input::placeholder, .contact .php-email-form textarea::placeholder {
  color: gray;
  opacity: 1;
}

.contact .php-email-form input {
  padding: 10px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type="submit"] {
  background: rgb(245,119,35);
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  border-radius: 10px;
}

.contact .php-email-form button[type="submit"]:hover {
  background: rgb(245,119,35);
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Change navbar styling on small viewports*/
@media (max-width: 991px) {
    .navbar {
        background: #fff;
        height:100px;
    }
    .navbar .navbar-brand, .navbar .nav-link {
        color: #364277;
        font-size: 15px;
        background: rgb(255, 255, 255);
        padding-left:20px ;
        text-align: left;
    }
    .benifit{
      padding: 10px;
      margin-top: 10px;
    }
    .img{
      width: 280px;
      height: 75px;
  }
    .navbar.active {
      transition: 1s;
      background: rgb(255, 255, 255);
      width: 100%;
      height:100px;
      box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.1);
  }
  
  .navbar.active .nav-link  {
      color: #364277;
  }
  .video{
    margin-top:30px;
    margin-bottom:30px;
    width: 100%;
  }
  .title p{
    font-size:25px;
  }
 .title h1{
   font-size:18px;
 }
 .title_single p{
   font-size: 25px;
 }
    .text1{
        font-size:46px;
    }
    .text{
      margin-top:140px;
    }
    .text2{
      color: #364277;
      font-size:30px;
      font-weight: 600;
    }
    .start{
      margin-top: 20px;
      font-size: 17px;
    }
    .img2{
      margin-top: 60px;
      width: 100%;
      height: 90%;
      padding-bottom: 40px;
    }
    .img_abt{
      margin-top: 40px;
      width: 100%;
      height: 270px;
    }
    .abt_we{
      margin-top: 40px;
      font-size: 25px;
      }
      .abt_exp{
        margin-top: 20px;
      font-size:20px;
      font-weight: 500;
      }
      .carousel_images{
        height: 300px;
      }
      .count-text{
        padding-bottom:  100px;
      }
      .img_serv{
        width: 100%;
        height: 380px;
      }
      .img2_serv{
       width: 100%;
       height: 200;
      }
      #services .type:hover .type-info-content {
        height: 510px;
        transition: 1s;
      }
      #services .type2:hover .type-infoa-content {
        height: 330px;
        transition: 1s;
      }
      .img3{
        margin-top: 30px;
        margin-bottom: 40px;
      }
      .imgs_chose{
        text-align: center;
        height: 300px;
        width: 100%;
      }
      .context .overlay p{
        margin-top: -200px;
        font-size: 25px;
      }
      .context .overlay h1{
        padding: 10px;
        font-size: 25px;
      }
      #scroll {
        z-index: 1;
        position:fixed;
        right:20px;
        bottom:20px;
        cursor:pointer;
        width:45px;
        height:45px;
        background-color:#f58631;
        text-indent:-9999px;
        display:none;
        -webkit-border-radius:60px;
        -moz-border-radius:60px;
        border-radius:7px;
        transition: .8s;
      }
      #scroll::after {
        position:fixed;
        right:20px;
        bottom:20px;
        cursor:pointer;
        width:45px;
        height:45px;
        background-color:#f58631;
        text-indent:-9999px;
        display:none;
        -webkit-border-radius:60px;
        -moz-border-radius:60px;
        border-radius:7px;
        transition: .8s;
      }
#footer .credits{
  margin-top: 13px;
  font-size: 15px;
}
.bottom-header-sub{
  margin-top:20%;
}
/*--Products--*/
.card {
  width: 80%;
  text-align: center;
}


/*--Services--*/

.img_app{
  width: 300px;
  height: 450px;
  
}
.img1{
  width: 80%;
  height: 80%;
}
  

  .mobile-app{
    width: 100%;
    margin-top: 10%;
  }
  
  .top-img{
    width: 80%;
    margin-top:5px;
    text-align: center;
    margin-left: 10%;
  }
  .image-1{
    width:300px;
    height: 100%;
    margin-top: 10px;
    text-align: center;
  }
  .image-2{
    width: 100%;
    margin-top: 10px;
  }
  .image-3{
    width: 80%;
    margin-top: 10px;
  }
  .img_cloud{
    width: 100%;
    height: 330px;
    margin-left: -20px;
  }

  .image_seo{
    width:100%;

  }
  .image-5{
    text-align: center;
    width: 80%;
  }
  .image-6{
    width: 100%;
  }
  .image-7{
    width: 80%;
    display: none;
  
  }
  .image-8{
    width: 100%;
    
  }
  .image-9{
    width: 80%;
  }

  #services{
    width: 100%;
  }
  
  .description{
    text-align: center;
    width: 100%;
  }
  .step1{
    height: 250px;
  }
  .step2{
    background-color: #f2f7ff;
    height: 240px;
  
  }
  .step3{
    height: 250px;
    background-color: #f2f7ff;
  }

  .DMN{
    margin-top:450px;
  }


/*--Event Page--*/
.event-list .event img{
  height: 250px;
  width: 100%;
}
.event-list .event-cont h4{
  margin-top: 15px;
  font-size: 35px;
}
/*--Single-Event--*/
.pic{
  height: 250px;
}
.nex_carousel{
  height: 300px;
  width: 100%;
}
/*--Gallery--*/
.gallery h1{
  margin-top: 80px;
}

/*--Contact--*/
.img_contact{
  margin-top: 40px;
  margin-bottom: 30px;
}
/*---Inter video--*/
.intern_video{
  width:340px;
  height:250px;
}
.btn_exp{
  text-align: center;
}
}


/* --- scroll arrow ---*/

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 30px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #f58631; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
 padding-left: 12px;
 padding-right: 12px;
 padding-top: 9px;
 padding-bottom: 9px;

  border-radius: 10px; /* Rounded corners */
}

#myBtn:hover {
  background-color: #364277; /* Add a dark-grey background on hover */
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
/* --end of scroll arrow */
 
/*----Our Work--*/

.img_work {
  vertical-align: middle;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
  
}



/* Hide the images by default */
.mySlides {
  display: none;
  text-align: center;
  height: 500px;
  width: 100%;
  margin-top: 3%;

}
@media (max-width:991px){
  .mySlides{
    height: 100px;
  }
}



/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}


/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: #f58631;
  font-size: 25px;
}

.demo-images:after {
    content: "";
    display: table;
    clear: both;
    
  }

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}