@charset "utf-8";

/* CSS Document */

@font-face {

  font-family: "Roboto Condensed";

  font-style: normal;

  font-weight: 200;

  src: local('RobotoCondensed-Light'), local('RobotoCondensed-Light'), url("../font/Roboto-Medium.ttf") format('truetype');

}



@font-face {

  font-family: "Bronova-Regular";

  font-style: normal;

  src: local('Bronova-Regular'), local('Bronova-Regular'), url("../font/Bronova-Regular.otf") format('truetype');

}

@font-face {

  font-family: 'Butler_Bold';

  font-style: normal;

  font-weight: 600;

  src: local('Butler_Bold'), local('Butler_Bold'), url("../font/Butler_Bold.otf") format('truetype');

}



@font-face {

  font-family:"Optien";

  font-style: normal;

  font-weight: 600;

  src: local('Optien'), local('Optien'), url("../font/Optien.ttf") format('truetype');

}

@font-face {

  font-family:"Candara";

  font-style: normal;

  font-weight: 600;

  src: local('Candara'), local('Candara'), url("../font/Candara.ttf") format('truetype');

}

@font-face {

  font-family:"Poppins-Light";

  font-style: normal;

  font-weight: 600;

  src: local('Poppins-Light'), local('Poppins-Light'), url("../font/Poppins-Light.ttf") format('truetype');

}

@font-face {

  font-family:"Poppins-Regular";

  font-style: normal;

  font-weight: 600;

  src: local('Poppins'), local('Poppins'), url("../font/Poppins-Regular.otf") format('truetype');

}

@font-face {

  font-family:"Poppins-SemiBold";

  font-style: normal;

  font-weight: 600;

  src: local('Poppins'), local('Poppins'), url("../font/Poppins-SemiBold.otf") format('truetype');

}

@font-face {

  font-family:"Poppins-Bold";

  font-style: normal;

  font-weight: 600;

  src: local('Poppins'), local('Poppins'), url("../font/Poppins-Bold.otf") format('truetype');

}





body {

	margin:0;

	padding:0;

	font-size:18px;

	color:#333;

	background:#fff;

	top:0;

	overflow-x: hidden;

	font-family:"Candara";

	}

a {

	text-decoration:none;

	}

ul,li,lo {

	list-style-type:none;

	}

    svg {

        height: 200px;

    }	

.cle {

	clear:both;

	margin:0;

	padding:0;

	}

.full-body {

	

	}



.catlog {

	text-align:center;

	float:right;

	}

.topp {

	width:90%;

	margin:0 auto;

	}

.btni {

  flex: 1 1 auto;

  text-align: center;

  text-transform: uppercase;

  transition:all 0.3s ease-out;

  background-size: 200% auto;

  

 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/

 }

.btni:hover {

  background-position: right center; /* change the direction of the change here */

}

.btn-4 {

  background-image:linear-gradient(to right, #FEB808 0%, #d48602 51%, #FEB808 100%);

}		

button .info {

	padding:9px 25px;

	}					























.about {

  position: fixed;

  z-index: 10;

  bottom:2rem;

  left: 10px;

  width: 50px;

  height: 50px;

  display: flex;

  justify-content: flex-end;

  align-items: flex-end;

  transition: all 0.2s ease;

}

.about .bg_links {

  width: 40px;

  height: 40px;

  border-radius: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: rgba(0, 0, 0, 0.2);

  border-radius: 100%;

  backdrop-filter: blur(5px);

  position: absolute;

}

.about .logo {

  width: 50px;

  height: 50px;

  z-index: 9;

  background-size: 50%;

  background-repeat: no-repeat;

  background-position: 10px 7px;

  background-color: rgb(250 107 0);

  opacity: 0.9;

  transition: all 1s 0.2s ease;

  bottom:0;

  left: 0;

}

.about .logo i {

	color: #fff;

	font-size: 21px;

}

.about .social {

  opacity: 0;

  left: 0;

  bottom: 0;

}

.about .social .icon {

  width: 100%;

  height: 100%;

  background-size: 20px;

  background-repeat: no-repeat;

  background-position: center;

  background-color: transparent;

  display: flex;

  transition: all 0.2s ease, background-color 0.4s ease;

  opacity: 0;

  border-radius: 100%;

}

.about .social i {

	color: #fff;

}

.about .social.portfolio {

  transition: all 0.8s ease;

  background: #25D366;

}

.about .social.portfolio .icon {

  background-image: url(https://rafaelalucas91.github.io/assets/codepen/link.svg);

}

.about .social.dribbble {

  transition: all 0.3s ease;

  background: #2562d3;

}

.about .social.dribbble .icon {

  background-image: url(https://rafaelalucas91.github.io/assets/codepen/dribbble.svg);

}

.about .social.linkedin {

  transition: all 0.8s ease;

  background: #de2202;

}

.about .social.linkedin .icon {

  background-image: url(https://rafaelalucas91.github.io/assets/codepen/linkedin.svg);

}

.about:hover {

  width: 105px;

  height: 105px;

  transition: all 0.6s cubic-bezier(0.64, 0.01, 0.07, 1.65);

}

.about:hover .logo {

  opacity: 1;

  transition: all 0.6s ease;

   transform:rotate(315deg);

   background: #00b7e6;

}

.about:hover .social {

  opacity: 1;

}

.about:hover .social .icon {

  opacity: 0.9;

}

.about:hover .social:hover {

  background-size: 28px;

}

.about:hover .social:hover .icon {

  background-size: 65%;

  opacity: 1;

}

.about:hover .social.portfolio {

  left: 0;

  bottom: calc(110% - 40px);

  transition: all 0.3s 0s cubic-bezier(0.64, 0.01, 0.07, 1.65);

}

.about:hover .social.portfolio .icon:hover {

  background-color: #698fb7;

}

.about:hover .social.dribbble {

  bottom: 55%;

  left: 55%;

  transition: all 0.3s 0.15s cubic-bezier(0.64, 0.01, 0.07, 1.65);

}

.about:hover .social.dribbble .icon:hover {

  background-color: #ea4c89;

}

.about:hover .social.linkedin {

  bottom: 0;

  left: calc(110% - 40px);

  transition: all 0.3s 0.25s cubic-bezier(0.64, 0.01, 0.07, 1.65);

}

.about:hover .social.linkedin .icon:hover {

  background-color: #0077b5;

}

.h-icon {

	background-color: rgb(250 0 0);

}







































.catlog {

  text-align:center;

  float:right;

  }

.topp {

  width:80%;

  margin:0 auto;

  }

.btni {

  flex: 1 1 auto;

  text-align: center;

  text-transform: uppercase;

  transition:all 0.3s ease-out;

  background-size: 200% auto;

  

 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/

 }

.btni:hover {

  background-position: right center; /* change the direction of the change here */

}

.btn-4 {

  background-image:linear-gradient(to right, #f74931 0%, #f79531 51%, #f74931 100%);

}   

button .info {

  padding:9px 25px;

  }         



.absolute-div {

    width: 100%;

    z-index: 999;

    position: absolute;

  /*background: linear-gradient(180deg,#050b29,#032d5800);*/

  padding:25px 0;

}



.logo {

  padding:0;

  margin-top:0px;

  float:left;

  }

.logo img {

  z-index:99;

  display: -webkit-inline-box;

  height:50px;

/*  filter: brightness(0) invert(1) !important;*/

  transition:all 0.3s ease-in-out;

  }

.for_res_bg {

  }   

.navbar {

  margin-bottom:0px;

    margin-top: 0px;

    padding: 0;

  } 

.navibar {

  z-index: 99;

    position: absolute;

    

  } 



.sticky {

  animation: header-module--fade-in-top--660c9 .6s cubic-bezier(.39,.575,.565,1) both;

    backdrop-filter: blur(11px);

    position: fixed;

    top: 0;

    padding:10px 0;

    width: 100%;

    height: fit-content;

    transition:all 0.3s ease-out;

    background:#002974;

    box-shadow: 0px 0px 82px #0751b74a;

  }

.sticky .logo img {

  height: 50px;

  }

.sticky .navbar-nav > li > a {

  color:#fff ;

  } 

.sticky + .content {

  padding-top: 0px;

}

.sticky .parallax-button .forground {

  padding: 5px 5px 5px 2rem;

  font-size: 15px;

  line-height:40px;

  }

.sticky .main-button i {

  height:2.5rem;

    width:2.5rem;

    margin-left: 1rem;

    line-height:2.5rem;

  }

.sticky .navbar-nav > li {

    line-height: 37px;

}

.sticky .navbar-nav > li > a {

  } 

/* Demo purposes only */



.navbar-nav {margin-left:2rem;}

.navbar-inverse{background:rgba(0,0,0,0.0); height:auto; border:0; padding-bottom:0px; padding-top: 10px;  margin:0 auto; float:right;}





.navbar-nav > li {padding:0px 0.5rem; line-height:55px; transition:all 0.3s ease-out;}

.navbar-nav > li:last-child {background:none;}

.navbar-nav > li > a{color:#fff ; transition:all 0.3s ease-in-out; font-size:16px; line-height: 33px; font-family:"Poppins-Light"; padding:10px 20px 10px 20px; font-weight:500; position: relative;}



.navbar-nav > li > a::before{

  content: "";

  width: 100%;

  height: 2px;

  position: absolute;

  left: 0;

  bottom: 0;

  background: #fff;

  transition: 0.5s transform ease;

  transform: scale3d(0,1,1);

  transform-origin: 0 50%;

}

.navbar-nav > li > a:hover::before{

  transform: scale3d(1,1,1);

}

.navbar-nav > li > a::before{

  background: #f74931;

  transform-origin: 100% 50%;

}

.navbar-nav > li > a:hover::before{

  transform-origin: 0 50%;

}



.dropdown-menu  {

  background-color: #fff;

  border-radius:0px;

  padding: 10px 0;

  }

  .navbar-nav ul.sm-nowrap > li > a {

  padding:8px 20px 8px 10px;

  color:#fff;

  font-size: 13px;

    text-align: left;

    text-transform: uppercase;

    margin: 1px 0;

  } 

.navbar-nav ul.sm-nowrap > li > a:focus, .navbar-nav ul.sm-nowrap > li > a:hover  {

  color:#fff;

  background-color:#3ab54a;

  }

ul.d_down {

  margin:0;

  padding:0;

  }

ul.d_down h3 {

  color:#007dd3;

  font-family:"Poppins-SemiBold";

  font-size:16px;

  margin:7px 0 0 0;

  }

ul.d_down h3 a {

  color:#c7058f;

  font-family:"Poppins-SemiBold";

  font-size:16px;

  margin:7px 0 0 0;

  }   

ul .d_down li  {

  }

ul .d_down li a {

  display:block;

  padding:7px;

  font-size: 17px;

  line-height:33px;

  color:#242065;

  transition:all 0.3s ease-in-out;

  } 

ul .d_down li a:hover {

  color:#f94c3b ;

  padding-left:10px;

  }

ul .d_down li a i {

  margin-right:1rem;

  font-size:9px;

  } 

.r_menu_p_o {

  padding:0rem 0.5rem;

  background:#fff;

  } 

          

/*menu animation start*/







.dropdown-menu.show {

  -webkit-animation: fadeIn 0.3s alternate;

  /* Safari 4.0 - 8.0 */

  animation: fadeIn 0.3s alternate;

}



.nav-item.dropdown.dropdown-mega {

  position: relative;

}

.nav-item.dropdown.dropdown-mega .dropdown-menu {

  width:17%;

  position:fixed;

  top: auto;

  margin-top:0rem;

}

.navbar-toggler {

    border: none;

    padding: 0;

}

.navbar-toggler:focus {

  box-shadow: none;

}

.navbar-toggler .hamburger-toggle {

  position: relative;

  display: inline-block;

  width: 50px;

  height: 50px;

  z-index: 11;

  float: right;

}

.navbar-toggler .hamburger-toggle .hamburger {

  position: absolute;

  transform: translate(-50%, -50%) rotate(0deg);

  left: 50%;

  top: 50%;

  width: 50%;

  height: 50%;

  pointer-events: none;

}

.navbar-toggler .hamburger-toggle .hamburger span {

  width: 100%;

  height: 2px;

  position: absolute;

  background: #04184a;

  border-radius: 2px;

  z-index: 1;

  transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;

  left: 0px;

}

.navbar-toggler .hamburger-toggle .hamburger span:first-child {

  top: 10%;

  transform-origin: 50% 50%;

  transform: translate(0% -50%) !important;

}

.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {

  top: 50%;

  transform: translate(0, -50%);

}

.navbar-toggler .hamburger-toggle .hamburger span:last-child {

  left: 0px;

  top: auto;

  bottom: 10%;

  transform-origin: 50% 50%;

}

.navbar-toggler .hamburger-toggle .hamburger.active span {

  position: absolute;

  margin: 0;

}

.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {

  top: 45%;

  transform: rotate(45deg);

}

.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {

  left: 50%;

  width: 0px;

}

.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {

  top: 45%;

  transform: rotate(-45deg);

}



canvas {

  position:absolute;

  top: 0;

  left: 0;

  width: 100%;

  height:98vh;

  z-index: 1;

  opacity: 0.5;

}





















































.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {

    color: var(--bs-navbar-active-color);

    /*background: #242065;*/

} 

.nav-link:focus, .nav-link:hover {

  /*background: #242065;*/

  }

.sticky .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {

    border-bottom:3px solid #ff2dc3;*/

    color:#fff !important;

} 

.sticky .nav-link:focus, .nav-link:hover {

  /*background: #242065;*/

  color:#fff !important;

  } 

/*menu animation end*/



.parallax-button, 

.parallax-button div {

  padding: 0;

  margin: 0;

  color: #f1f1f1;

  appearance: none;

  border: none;

  background: none;

  cursor: pointer;

  transform: translate3d(0,0,0);

  transition: all 260ms ease-out;

}



.parallax-button .shadows {

  position: absolute;

  top: 0;

  left: 10%;

  background: rgba(0, 0, 0, 0);

  height: 80%;

  width: 80%;

  border-radius: 6rem;

  filter: blur(0);

  z-index: 1;

  transform: translateY(0);

}

.parallax-button.hovered .shadows {

  background: rgba(0, 0, 0, 0.5);

  filter: blur(10px);

  transform: translateY(20px);

}



.parallax-button .forground {

  background: #f74931;

  background-image: linear-gradient(#f74931, #f74931);

  position: relative;

  display: flex;

  z-index: 2;

  text-shadow: none;

  line-height: 44px;

  background-color: #f74931;

    border: 0;

    padding: 5px 5px 5px 2rem;

    font-size: 15px;

    font-weight: 600;

    border-radius: 6rem;

    cursor: pointer;

    color: #fff;

    font-family: "Poppins-Regular";

    position: relative;

    transition: all 0.3s ease-in-out;

}



.parallax-button.hovered .forground {

  text-shadow: none;

}

.parallax-button .bgblank {

  background:none !important;

    background-image:non !importante;

  background-color:none !important;

  color: #e40a65 !important;

  border:1px solid #e40a65 !important;

  line-height:47px;

  }

.parallax-button .bgblank i {

  color:#fff;

  height: 2.9rem;

    width: 2.9rem;

    margin-left: 1rem;

    line-height: 2.9rem;

    text-align: center;

    background-color: #e40a65;

  } 

 .main-button i {

    -webkit-transform: rotate(-45deg);

    height: 2.7rem;

    width: 2.7rem;

    margin-left: 1rem;

    line-height: 2.7rem;

    text-align: center;

    background-color: #f71c38;

    border-radius: 50%;

} 

.devl {

  text-align:center;

  padding: 4rem 0 0 0;

  }

.devl img {

  width:5rem;

  }

.devl h3 {

  font-family:"Poppins-SemiBold";

  font-size: 19px;

    color: #000839;

  margin:2rem 0;

  }

.read_m a {

  border: 1px solid #a2a5b5;

    border-radius: 50px;

    color: #a2a5b5 !important;

    font-size: 16px !important;

    font-weight: 600 !important;

    padding: 12px 25px !important;

    text-shadow: none !important;

    text-transform: capitalize;

  

  } 

.devl:hover .read_m a {

  background-color: #e40a65;

    border: 1px solid #e40a65;

    color: #fff !important;

  } 

.fixed {

  position: fixed;

  right: 0;

  top: calc(50% - 20px);

  right: -75px;

  z-index: 111;

  transform: rotate(-90deg);

}

.fixed a {

  background: #f74931;

    color: #fff;

    padding: 7px 18px 12px;

    font-size: 19px;

    display: block;

    font-family:"Poppins-SemiBold";

    border-radius: 1rem 1rem 0 0;

}





/* Slider

/*-----------------------------------------------------------------------------------*/

.slider_container{ width:100%; margin:auto; clear:both; padding:0 0px; height:100vh; overflow:hidden; background:url(../images/banner/slider/Blue-Background-HD-PC.jpg); z-index:10;}





.cliver {

  width: 100%;

    position: absolute;

    height:100vh;

    top: 0;

/*    background:linear-gradient(180deg, #000726c4, #000726c4);*/

  }

.flex-caption{ position: absolute; top:33%; margin: 0 auto 0 auto; width: 100%; text-align: center; z-index: 11;}  

.caption_title_line p span {

    color: #fff;

    display: inline-block;

    border-radius: 50px;

  font-size:42px;

  font-family:"Candara";

} 

.caption_title_line{  height:auto; color:#303030; margin:0 auto; width:40%; float:left; margin-left:5%;}

.caption_title_line h1 {

  display:inline-block;

  color:#fff;

  width:100%;

  font-family:"Poppins-Bold";

  font-size:45px;

  padding: 0 0 10px 0;

  }

.caption_title_line h1 span {

  color:#f74931;

  }



.fdfd {

  display:flex;

  }

.iam{

  color: white;

    font-size:111px;

  font-family:"Poppins-Bold";

    padding:10px;

}

.text{

    border-right: 2px solid #e40a65;

    font-size:111px;

    color:#e40a65;

  font-family:"Poppins-Bold";

  transition:all 0.3s ease-in-out;

  }

.typed-cursor {

  opacity:0 !important;

  } 

.box-fit {

  background-color: #00000038;

  border-radius:4px;

  display:flex;

  padding:10px 20px;

  transition:all 0.3s ease-in-out;

  }



.flex-container a:active,

.flexslider a:active {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

 

.flexslider { 

    margin: 0;

    padding: 0;

    }

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; height:98.5vh; display: block; }

.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 

html[xmlns] .slides {display: block;} 

* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {position: relative; zoom: 1;}

.flexslider .slides {zoom: 1;}

.flexslider .slides > li {position: relative;}

.flex-container {zoom: 1; position: relative;}



/* Direction Nav */

.flex-direction-nav li a {width:50px; height:50px; margin:0; position: absolute;  cursor: pointer; text-indent: -9999px; display:none;}

.flex-direction-nav li a.next {background:url(../images/banner/next.png) no-repeat center; bottom:45%; right:-1px; transition:all 0.3s ease-in-out;}

.flex-direction-nav li a.prev {background:url(../images/banner/prev.png) no-repeat center;bottom:45%; left:-1px; transition:all 0.3s ease-in-out;}

.flex-direction-nav li a.next:hover {background:url(../images/banner/next_h.png) no-repeat center; padding-right:20px;}

.flex-direction-nav li a.prev:hover {background:url(../images/banner/prev_h.png) no-repeat center; padding-left:20px;}

.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */

.flex-control-nav {position: absolute;bottom:6%; left:5%; text-align:center; z-index:1; display: none;}

.flex-control-nav li {margin: 0px 7px 0 0px; display:inline-block; zoom: 1; *display: inline;}

.flex-control-nav li a {width: 30px; height: 4px; display: block; cursor: pointer; text-indent: -9999px; background:#DDD; border-radius:7px;}

.flex-control-nav li a:hover {background-position: 0 -13px; background:#0075ee;}

.flex-control-nav li a.active {cursor: default; background:#0075ee; }







.banner_cont h2 {

  

  color:#fff;

  font-size:21px;

  font-family:"Poppins-Regular";

  text-transform:uppercase;

  }

.banner_cont ul {





  } 

.banner_cont ul li {

  display:inline-block;

  color:#fff;

  padding: 8px 25px;

  font-size: 18px;

  background: #fb8c30;

    border: 1px solid #fb8c30;

  border-radius:4rem;

  position: relative;

  }

.apie {

  background:none !important;

  }

.banner_cont ul li.agach:after {

  background: #f94c3b;

    border: 1px solid #f94c3b;

    border-radius: 50%;

    color: #fff;

    content: "&";

    display: inline-block;

    font-size: 15px;

    line-height: 1;

    padding: 4px 7px;

    position: absolute;

    right: -14px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1;

  } 

.banner_cont_two {

  margin-top:0rem;

  }

.banner_cont_two h2 {

  color: #fff;

    font-size: 19px;

  line-height: 32px;

  font-family:"Poppins-Regular";

  } 

.vid {

  margin-top:1rem;

}    

.vid a {

    background: #f74931;

    position: relative;

    display: inline-block;

    line-height: 44px;

    padding: 5px 2rem 5px 5px;

    font-size: 15px;

    border-radius: 6rem;

    cursor: pointer;

    color: #fff;

    font-family: "Poppins-Regular";

    position: relative;

    transition: all 0.3s ease-in-out;

}  

.vid a i {

    height: 2.7rem;

    width: 2.7rem;

    margin-right: 1rem;

    line-height: 2.7rem;

    text-align: center;

    background-color: #fc143c;

    border-radius: 50%;

}  

/*-----------------------------------------------------------------------------------*/



svg {

  display: block;

  width: 100%;

  position: relative;

  left: 0px;

}

svg path {

  fill: #fff;

} 

.somebg {

  padding: 0px 0 0 0;

    position: absolute;

    background: #09327f00;

    z-index: 11;

    bottom: -5vh;

  }







.work_body {

	width:90%;

    margin: 0 auto;

    padding: 2rem 0 2rem 0;

    margin-top:8rem;

    position: relative;

    z-index: 10;

	}

 .bgcol1 {

    padding: 0rem 0 0 0;

    background:linear-gradient(300deg, #9ac7ff, #7181e6 100%);

    /*background: #e9f5ff;*/

} 

 .bgcol2 {

    padding: 0rem 0 0 0;

    background:linear-gradient(130deg, #ffe883, #fb7070 100%);

}

.section {

	padding:0rem 0 0 0;

	}

.section__body {

  padding:3rem 4rem 0 4rem;



}

.section__text {

  padding: 0vw;

}



.section__img__inner {

  background-position: 50% 40%;

  transition: filter 0.6s ease, opacity 0.6s ease, background-position 0.8s ease;

}



.section__img__inner img {

  width:100%;

  height: 100%;

}



.section__text h2 {

    font-size:31px;

    font-family: "Poppins-Bold";

    margin: 1rem 0 0.5rem 0;

}

.section__text h2 span {

	background: #0075ee;

	color:#fff;

	padding: 1rem 2rem;

	display: inline-block;

	}

.section__text h4 {

    font-size:43px;

    color: #fff;

    font-weight: 600;

	font-family: "Candara";

    margin: 0rem 0 1rem 0;

}

.section__text img {

	height: 50px;

	background: #fff;

	padding: 5px;

}

.section__text p {

    font-size: 18px;

    color: #fff;

    line-height: 31px;

    margin: 1rem 0 3rem 0;

}

.which_block {

  background: #e0eeff;

  min-height: 23rem;

}

.benif {

  width: 90%;

  margin: 0 auto;

}

.bgpad {

  padding: 15px;

}







/**************************************************************************************/









/* Slider*/

.floatgoleft {

	float:left;

	}

.floatgoright {

	float:right;

	}	

.bo_image img {

	width: 100%;

    margin-top: -70px;

    z-index: 999;

    position: relative;

	}

.site-top {

    position: absolute;

    float: left;

    background-size: cover;

    padding: 0;

    width: 23%;

    z-index: 4;

    height: 100vh;

    border-right: 1px solid rgba(255,255,255,0.67);

}



.padd_no {

	padding:0;

	}

.padd_no1 {

	padding: 5px !important;

	}	

.productpanel {

	margin:10px auto 30px auto;

	width:96%;

	}

figure.effect-julia h2 {

	font-family:"roboto Condensed";

	font-size:21px !important;

	word-spacing:normal !important;

	background: #00000094;

	}

figure.effect-julia p {

	font-family: "Royal Crescent";

	}



.welweight {

	width:80%;

	margin:0 auto;

	}	

.welcomebody {

	width:100%;

	margin:3rem auto 3rem auto;

	

	}

.gleryimg {

	position:relative;

	z-index:100;

	}

.gleryimg img {

    width: 100%;

	margin-top:-50px;

} 	

.welm {

	

	}

.welm img {

	float:left;

	width:104px;

	}	

.welm h2 {

    font-size:51px;

    line-height: 65px;

    margin:0px 0 25px 0;

	font-family:"Poppins-Bold";

	color: #050b29;

	}

.welm h3 span {

	background: #0075ee;

    color: #fff;

    padding: 0.9rem 1.5rem;

    display: inline-block;

	font-family:"Poppins-SemiBold";

	}	

.welm h3 {

    font-size:20px;

    color: #0a3562;

	font-weight: 600;

    margin: 5px 0 15px 0;

	}	

.welm p {

	color: #6161ff;

    float: left;

    padding-bottom: 5px;

    border-bottom: 2px solid #6161ff;

	}			

.welcomecompany {

    margin:5rem auto 3rem auto;

	padding:3rem 4rem 3rem 4rem;

	background:#fff;

	box-shadow: 0 0 25rem #00000038;

	}	

.welcomecompany h4 {

	font-size: 20px;

    line-height: 31px;

    color: #0a3562;

    font-weight: 300;

	}

.welcomecompany h4 b {

	color: #6161ff;

	padding-bottom: 5px;

    border-bottom: 2px solid #6161ff;

	}	

.welcomecompany p {

	font-size: 17px;

	color:#0a3562b5;

    line-height: 31px;

	}

.d_d {

    display: none;

}

#loadLess {

  display: none;

}



.show_ml {

    margin-top: 15px;

}

.founder {

	margin:10rem 0 5rem 0;

	}

.founder_photo {

	margin-top: -2rem;

    width: 135%;

	}

.founder_photo img {

	width:100%;

	}	

.founder_reg {

	margin-top:3rem;

	}

.founder_reg h4 {

	color: #ffffffb3;

	font-family: "Poppins-SemiBold";

	}

.founder_reg h3 {

	color:#fff;

	font-family: "Poppins-Bold";

	font-size:41px;

	margin:0.5rem 0;

	}

.founder_reg p {

	font-size:21px;

    color: #ffffffb3;

	}	

.founder_about {}					

.founder_about h4 {

	color: #0a3562;

	font-family: "Poppins-SemiBold";

	}

.founder_about h3 {

	color:#b8168d;

	font-family: "Poppins-Bold";

	font-size:35px;

	margin:0.5rem 0;

	}

.founder_about p {

	font-size: 19px;

    color: #0a3562;

	}

	

.welcomepart_main {

	padding:0px;

	}

 .mdap {

  margin-top: 5rem !important;

    padding: 0 0 0 4rem !important;

 }	

.welm_main {

	}

 .welm_main .row>div:nth-child(1) .blog  {

    margin: 90px 0 0;

} 

.welm_main h2 {

    color: #f65a56;

    font-weight: 600;

    font-size: 73px;

    line-height: 80px;

    font-family: "Poppins-Bold";

    margin-bottom: 3rem;

	}

.welm_main h2 span {

	font-size: 37px;

    line-height: 57px;

    font-family: "Poppins-Bold";

    color: #000;

	}	

.welm_main h3 {

		font-family:"Candara";

    font-size: 19px;

    line-height: 34px;

    color: #343A42;

	font-weight: 600;

    margin: 0rem 0 1rem 0;

	}

.welm_main p {

		font-family:"Candara";

    font-size:19px;

    color: #343A42;

    line-height: 35px;

    margin: 5px 0 25px 0;

	}

.welphoto {

	overflow: hidden;

    border-radius: 2rem;

    width: 85%;

    height: 25rem;

    position: relative;

    -webkit-animation: boun 7.75s infinite;

}	

.welphoto img {

	width: 111%;

  margin-left: -10%;

	transition: transform 1s ease-in-out;

  

}

@-webkit-keyframes boun {

  0% {

    transform: scale(1,1) translate(0px, 0px);

  }

  50%{

    transform: scale(1,1) translate(0px, 30px); 

  }



 100% {

    transform: scale(1,1) translate(0px, 0px);

  }

} 

.welphoto:hover img {

  -webkit-transform:scale(1.25,1.25);

  -ms-transform:scale(1.25,1.25);

  transform: scale(1.25,1.25);

}

.img_hover {

	position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background: #0022826b;

    text-align: center;

}

.img_hover a {

	font-size: 45px;

	color: #fff;

	top: 40%;

	position: relative;

	border: 8px solid #fff;

	border-radius: 50%;

	padding: 7px 17px;

}





.owl-carousel .owl-stage {

    /*margin-left: -50px;*/

}

.video-container {

	display: flex;

	flex-direction: column;

	/*justify-content: center;

	align-items: center;*/

	border-radius:10px;

	position: relative;

	max-width: 100%;

}		

.play-button {

	position: absolute;

  border-radius: 100px;

  background: #fff;

  color: #0092cb;

  width: 60px;

  height: 60px;

  text-align: center;

  line-height: 60px;

  right: -32%;

  bottom: 10%;

  opacity: 0;

	z-index:100;

	transition:all 0.8s ease-in-out;

}

.play-button:hover {

	background: #0092cb;

  color: #fff;

}

.play-button:hover span {

	-webkit-transform: rotate(-45deg);

}

.p_name {

	margin: 1rem 0;

  position: absolute;

  bottom: 2%;

  left: 5%;

  width: 75%;

  border-radius: 5rem;

}		

.p_name h2 {

	color: #fff;

  font-size: 25px;

  margin: 0;

  position: relative;

    bottom: 0.8rem;

  padding:0;

  font-family: "Candara";

  transition: all 0.5s ease-in-out;

	}	

.p_name h2 span {

  

}						



.video-container:hover .p_name h2 {

	position: relative;

}

.video-container:hover .play-button {

	opacity: 1;

	right: 5%;

}

/* END OF MAIN STYLES FOR PLAY BUTTON */



/* Optional */





	

	

	

	

	

		

.pro_block {

	transition: all 0.3s ease-in-out;

	}	

.pro_photo {

    overflow: hidden;

    border-radius: 10px;

}

.pro_photo img {

    max-width: none;

    width: -webkit-calc(100% + 50px);

    width: calc(100% + 50px);

    opacity: 1;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

    -webkit-transform: translate3d(-40px,0, 0);

    transform: translate3d(-40px,0,0);

}

.pro_block:hover .pro_photo img {

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	}

.about_pic2 {

    float: left;

    margin: 0 0rem 0px 0px;

    width: 100%;

	overflow:hidden;

	position: relative;

	border-radius:10px;

}

.about_pic2 img {

	object-fit: cover;

  overflow: hidden;

  transition: transform 1s ease-in-out;

  width: 100%;

  top:0rem;

    position: relative;

}

.video-container:hover .about_pic2 img {

	-webkit-transform: rotateZ(10deg) scale(1.25,1.25);

	-ms-transform: rotateZ(10deg) scale(1.25,1.25);

	transform: rotateZ(10deg) scale(1.25,1.25);

	top:0rem;

	left:0rem;

	}	

.pro_diteals {

    bottom: 0;

    width: 100%;

    padding:0px;

}

.pro_diteals h2 a {

    color: #0a3562;

    padding: 0 0 25px 0;

    margin: 0;

    font-size: 23px;

	font-weight:600;

	font-family:"Poppins-SemiBold";

	transition:all 0.3s ease-in-out; 

}

.pro_diteals h2 a:hover {

	color:#761778;

	} 

.pro_diteals p {

	margin:0;

	color:#0a3562;

	}

.proheading {

	margin:20px 0 25px 0;

	}

.proheading h2 {

    font-size: 45px;

	color:#3ab54a;

	text-align:center;

    line-height:56px;

    font-weight:600;

    margin:10px 0;

}

.proheading h2 span {

	font-family: "Candara";

	color:#0a3562;

	font-size:45px;

	}

.overlay2 {

	bottom: 0;

	text-align:center;

    width: 100%;

    padding: 20px 20px 20px 20px;

	}

.overlay2 h2 {

	text-transform:uppercase;

	}

.overlay2 h3 {

	font-size:21px;

	margin:20px 0;

	}		

.overlay2 a {

	color: #fff;

    padding: 6px 35px 6px 7px;

    font-size: 17px;

    display: inline-block;

    font-weight: 300;

    transition: all 0.3s ease-in-out;

    text-decoration: none;

    border-radius: 40px;

    background: #1a30c1;

	}

.overlay2 a i {

    width: 30px;

    height: 30px;

    background: #fff;

    border-radius: 50%;

    color: #05046c;

    text-align: center;

    line-height: 30px;

    font-size: 14px;

    margin-right: 15px;

}	

.overlay2 a:hover {

	box-shadow: 0 15px 20px rgb(66 54 68 / 57%);

	}

.welw {

  width:80%;

  margin:3rem auto 0 auto;

}  

.wel {

	width:85%;

	margin:6rem auto 0 auto;

	}

 .propart {

  margin:6rem auto 0 auto;

 }

.fca_la {

	margin: 0 auto 2rem auto;

    width: 70%;

	}	

.fca_la	h2 {

	font-size: 75px;

    font-family: "Candara";

    color: #343A42;

	}

.fca_la p {

	font-size: 21px;

    line-height: 37px;

    color: #343A42;

    margin: 0;

	}	

.faq_photo img {

		width: 100%;

    -webkit-animation: bounc 7.75s infinite;

	}

  @-webkit-keyframes bounc {

  0% {

    transform: scale(1,1) translate(0px, 0px);

  }

  30%{

    transform: scale(1,1) translate(0px, 30px); 

  }

  75%{

    transform: scale(1,1) translate(0px, -15px); 

  }

 100% {

    transform: scale(1,1) translate(0px, 0px);

  }

} 

.knowa_la h2 {

	font-size: 45px;

    font-family: "Candara";

    color: #052149;

    margin-bottom: 2rem;

}	

.knowa_la h2 span {

  color: #f74931;

}

.knowa_la p {

	  font-size: 16px;

    line-height: 31px;

    color: #343A42;

    margin-bottom: 2rem;

}	

.tech_ha {

}	

.tech_ha ul {

	padding:0;

	z-index: 1;

    position: relative;

}	

.tech_ha ul li {

  min-height: 18rem;

	display:inline-block;

    margin: 0;

    padding: 2rem 0rem;

  border-radius: 0.5rem;

  transition: all 0.3s ease-in-out;

}	

.tech_ha ul li:hover {

  

}

.syst {

  text-align: center;

} 

.syst img {

 width: 126%;

    position: relative;

    top: -3rem;

    margin-left: -14%;

  -webkit-animation: bound 7.75s infinite;

} 

@-webkit-keyframes bound {

  0% {

    transform: scale(1,1) translate(0px, 0px);

  }

  30%{

    transform: scale(1,1) translate(0px, 30px); 

  }

  75%{

    transform: scale(1,1) translate(0px, -15px); 

  }

 100% {

    transform: scale(1,1) translate(0px, 0px);

  }

} 

.num {

	float: left;

	z-index: -1;

	width: 20%;

}		

.num h3 {

	-webkit-text-stroke: 1px #00205a6e;

    color: #ffffff;

    font-size: 90px;

    line-height: 1;

    font-family:"Poppins-Bold";

}

.mod {

position: absolute;

    margin-left: 88%;

}

.moc {

  margin-left: -7%;

    position: absolute;

}

.egt {

  margin-left: 21%;

}

.num {

  border-radius: 50%;

  overflow: hidden;

  box-shadow: 0px 0px 30px #00000042;

  background: #fff;

  width: 5.5rem;

  height: 5.5rem;

  text-align: center;

}

.num img {

  width: 4.5rem;

    padding: 8px;

    height: 4.5rem;

    margin-top: 0.5rem;

}

.ani  {

  -webkit-animation: ani 7.75s infinite;

}

.ani2  {

  -webkit-animation: ani2 7.75s infinite;

}

.mand p {

  text-align: left !important;

  font-size: 15px !important;

  padding: 0 !important;

  margin: 0 !important;

}

@-webkit-keyframes ani {

  0% {

    transform: scale(1,1) translate(0px, 0px);

  }

  50%{

    transform: scale(1,1) translate(0px, 15px); 

  }



 100% {

    transform: scale(1,1) translate(0px, 0px);

  }

} 

@-webkit-keyframes ani2 {

  0% {

    transform: scale(1,1) translate(0px, 0px);

  }

  50%{

    transform: scale(1,1) translate(0px, -15px); 

  }

 100% {

    transform: scale(1,1) translate(0px, 0px);

  }

}



.huma {

	float: left;

    width: 79%;

}

.why h2 {

	font-family: "Candara";

    color: #00205a;

    font-size: 25px;

}	

.why p {

color: #7e838a;

font-size: 18px;

}

.left-why {

  text-align: right;

}

.jarallax {

    min-height: auto;

    width: 100%;

    padding: 0;

}

.jarallax-keep-img {

	min-height: 300px;

	}	



.welcome_block {

	padding:3rem 0;

	background: #cee3ffe6;

	}

.welcome_block1 {

	padding:3rem 0;

	background: #001634c4;

	}	

.count_tagline {

	padding: 2rem 0 3rem 0;

	}

.count_tagline h4 {

	color:#fff;

	font-family:"Poppins-Bold";

	font-size:111px;

	}

.count_tagline h5 {

	color:#fff;

	font-family:"Poppins-Regular";

	font-size:21px;

	}

.count_tagline p {

	color:#fff;

	font-family:"Poppins-SemiBold";

	font-size:23px;

	margin:0;

	}					

.abtRt {

	margin:0 auto;

	}		

.abtRt ul {

    width: 100%;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

	padding:0;

	margin:0;

}

.abtRt ul li {

	width: 22%;

    padding: 0px;

    border-radius: 2rem;

    margin: 0 1%;

    background: #ffffff;

    box-shadow: 0px 0px 25px #0000003b;

    text-align: center;

	}

.abtbx {

    width: 100%;

    margin:0px 0 0;

    border-radius: 19px;

    padding:1rem 3rem;

	transition:all 0.3s ease-in-out;

}

.count_bg {

    display: flex;

    /*align-items: center;*/

    /*align-content: center;*/

    /*justify-content: center;*/

    /*vertical-align: middle;*/

    float: left;

    width: 30%;

    

	}

span.countsign {

	font-size: 45px !important;

	font-weight: bold !important;

	transition:all 0.3s ease-in-out !important;

	margin-top: -0.5rem;

	}	

.zigimg  {



}	

.zigimg img {

	width: 2.5rem;

	margin-bottom: 1rem;

}

.vide {

    width:80%;

    margin:4rem auto 0 auto;

}

.count {

    margin-top: -0.5rem;

  display: flex;

  align-items: center;

  align-content: center;

  vertical-align: middle;

  font-size:62px;

	transition:all 0.3s ease-in-out;

	font-family:"Poppins-SemiBold";

}	

.abtbx h4 {

    float: left;

    font-size: 35px;

    color: #ffffff;

    font-family: "Candara";

    text-align: left;

    margin-left: 2%;

    width: 60%;

	}

.abtbx:hover {



	}

.abtbx:hover span {

	}

.abtbx:hover h4 {

	}

.abtbx:hover .counter {

	}

.color1 {

	color:#39feff !important;

	}	

.color2 {

	color:#a1ec72 !important;

	}	

.color3 {

	color:#f179ff !important;

	}	

.color4 {

	color:#f3ff59 !important;

	}

.col1 {

	color:#4c5db2 !important;

	}	

.col2 {

	color:#79a75c !important;

	}	

.col3 {

	color:#7c4fb5 !important;

	}	

.col4 {

	color:#45b979 !important;

	}	

.col5 {

  color:#df5858 !important;

  } 

  .col6 {

  color:#41b2ff !important;

  }   

/*.colOne {*/

/*  background:#4c5db2;*/

/*  }*/

/*.colTwo {*/

/*  background:#79a75c;*/

/*  }*/

/*.colThree {*/

/*  background:#7c4fb5;*/

/*  }*/

/*.colFour {*/

/*  background:#45b979;*/

/*  }*/

/*.colFive {*/

/*  background:#df5858;*/

/*  } */

/*.colSix {*/

/*  background:#41b2ff;*/

/*  }  */

/*.colOne img {*/

/*  border: 12px solid #4c5db2;*/

/*  background:#000b43;*/

/*  }*/

/*.colTwo img {*/

/*  border: 12px solid #79a75c;*/

/*  background:#34452a;*/

/*  }*/

/*.colThree img {*/

/*  border: 12px solid #7c4fb5;*/

/*  background:#2e1351;*/

/*  }*/

/*.colFour img {*/

/*  border: 12px solid #45b979;*/

/*  background:#146639;*/

/*  }*/

/*.colFive img {*/

/*  border: 12px solid #df5858;*/

/*  background:#a01d1d;*/

/*  }   */

/*.colSix img {*/

/*  border: 12px solid #41b2ff;*/

/*  background:#34452a;*/

/*  }  */







.modal.fade .modal-dialog {

    transition: transform .3s ease-out;

    transform: translate(0,50px);

}

.modal-dialog {

  max-width: 40%;

  position: fixed !important;

  left: 0% !important;

  right: 0% !important;

  top: 5%;

  margin-bottom: 0 !important;

      

} 



.modal.show .modal-dialog {

    transform: none;

}



.modal-content {

  background: #fff;

  border:none;

  

}

.modal-header {

  border:none;

  }

.offcanvas-header .btn-close {

    margin-top: -1rem !important;

}  

.btn-close {

  margin-top: -4rem !important;

    color: #000000 !important;

    opacity: 1;

    /* background: #000000; */

    margin-right: 0rem !important;

  } 

  .search_box h2 {

  text-align: center;

    color: #00173c;

    margin: 0rem 0 1rem 0;

    font-family: "Poppins-SemiBold";

    font-size: 45px;

  }

.search_box p {

  text-align:center;

  color:#00173c;

  margin:0 0 3rem 0;

  font-family:"Poppins-Light";

  font-size:31px;

  }   

.search_box {

  width:90%;

  margin:0 auto;

  padding-bottom:3rem;

  }	

	

	

.v_b_w {

	width:90%;

	margin:0 auto;

	}

.content_p h2 {

	color: #007dd3;

    font-weight: 600;

    font-size: 41px;

    /*font-family:"Poppins-Bold";*/

	}

.content_p p {

	font-size:21px;

	font-weight:600;

	margin:2rem 0;

	color:#0a3562;

	}	

.content_p ul {

	padding:0 0 1rem 0.5rem;

	}	

.content_p ul li {

	width:50%;

	float:left;

	font-size:17px;	

	padding:0.5rem 0;

	color:#0a3562;

	}	

.content_p ul li i {

	font-size: 11px;

    color: #0075ee;

    margin-right: 0.5rem;

	}

.con_pho {

	position:relative;

	}		

.con_pho img {

	width:94%;

	background:#fff;

	padding:4rem;

	box-shadow: 0px 0px 82px #0776b754;

	}	

	









/** Remove Marker */

summary::-webkit-details-marker {

  display: none;

}



/** Rotate Icon */

details[open] .accordion-icon svg {

  transform: rotate(180deg);

}																

.back-to-top {

    position: fixed;

    bottom: 6rem;

    text-decoration: none;

    padding: 10px 17px;

    display: none;

    border-radius: 50%;

    text-align: center;

    background: #09327f;

    right: 2rem;

    z-index: 100;

}

.back-to-top i {

    color: #fff;

    font-size: 14px;

    text-decoration: none;

}	

	

.heading_big {

	width:90%;

	margin:0 auto 2rem auto;

	text-align: center;

	background: url("../images/banner_bottom.png") no-repeat center bottom;

	padding-bottom: 2rem;

	}

.heading_big h2 {		

	font-size: 45px;

    font-family: "Candara";

    color: #052149;

	}

.heading_big h2 span {   

    color: #f74931;

  }  

.but_bot {

	position:relative;

	top:50%;

	margin-top: 7rem;

	}	

	

	

.viewall {

	margin-top:35px;

	}

		

.viewall a {

	color:#fff;

	padding: 10px 35px 10px 12px;

	font-size:17px;

	display:inline-block;

	font-weight:300;

	transition:all 0.3s ease-in-out;

	text-decoration:none;

	border-radius:40px;

	background:#3ab54a;

	}

.viewall a i {

	width: 30px;

    height: 30px;

    background: #fff;

    border-radius: 50%;

    color: #3ab54a;

    text-align: center;

    line-height: 30px;

	font-size:14px;

	margin-right:15px;

	}		

.viewall a:hover {

	color:#fff;

	box-shadow: 0 15px 20px rgb(66 54 68 / 57%);

	}



.centd {

	text-align:center;

	}		

.welcomephoto {

	overflow:hidden;

	}	

.welcomephoto img {

	width:100%;

	transition: all 0.3s ease-in-out;

	}

.welcomephoto img:hover {

	-webkit-transform: scale(1.08);

  transform: scale(1.08);

	}	

.pro_dit_bg {

	background: linear-gradient(209.55deg, #882585 19.96%, #00A2E3 91.48%);

    padding: 430px 0 100px;

    position: relative;

	}

.pro_dit_bg:before {

    content: '';

    position: absolute;

    top: 0;

    width: 100%;

    background: url(../images/spag.png) no-repeat scroll top center;

    background-size: 100% auto;

    height: 525px;

}	



.rightlight {

	margin:0px auto 0px auto;

	width:97%;

	}

.bgw {

	margin:0 auto;

	background:#fff;

	width:90%;

	padding:0rem 0 4rem 0;

	z-index: 10;

	}

.cgw {

  padding:2rem 0 2rem 0;

  z-index: 10;

  margin:0 auto;

  background:#fff;

}	

.agw {

	margin: 0 auto;

    width: 100%;

    padding:0rem 0 3rem 0;

    background: #fff;

    z-index: 10;

    /* border-bottom: 1px solid #0000002e;*/

	}	

.agwnew {

	margin:0 auto;

	background:#fff;

	width:80%;

	padding:0rem 0 3rem 0;

	z-index: 10;

}	

.padding-problem {

    padding:7px 15px;

}

	

				

.explore {

	margin:30px 0 0px 0;

	text-align:center;

	}

.explore a {

	color: #fff;

    padding: 15px 40px;

    font-size: 17px;

	text-decoration:none;

    border:2px solid #fff;

	border-radius:35px;

    transition: all 0.3s ease-in-out;

	display:inline-block;

	}

.explore a:hover {

	background:#fff;

	border:2px solid #fff;

	color: #882585;

	box-shadow: 0 15px 20px rgb(66 54 68 / 57%);

	}

.about_photo {

	padding:0;

    position: relative;

	background:#fff;

	}



.whypart {

	padding:30px 0 30px 0;

	}

	

.foot {

	padding: 15px 0 0px 0;

    margin: 0rem auto 0 auto;

	text-align:center;

	}

.Drop_revied {

    position: fixed;

    bottom: 1rem;

    left: 2%;

    z-index: 100;

}

.sug_up a {

    display: inline-block;

    background: #3ab54a;

    color: #fff;

    width: 50px;

    height: 50px;

    line-height: 50px;

    padding: 0px 10px 0px 11px;

    border-radius: 50%;

    font-size: 33px;

    transition: all 0.3s ease-in-out;

    -webkit-animation: glowing 1500ms infinite;

    -moz-animation: glowing 1500ms infinite;

    -o-animation: glowing 1500ms infinite;

    animation: glowing 1500ms infinite;

}



.footimf {

	text-align:center;

	}	

.footimf img {

	width:70%;

	opacity:0.08;

	}

.footcont {

	width:90%;

	margin:0 auto;

	}

.footer {

	background: #002974;

	bottom: 0;

    width: 100%;

	z-index:10;

	}	

.foot_menu {

	margin-top:0;

  float: left;

	}

.foot_menu p {

	color:#ffffff94;

	font-size:19px !important;

	margin:1rem 0 0 0;

	}	

.foot_menu ul {

    padding: 0;

    margin:0;

	  float:left;

}	

.foot_menu ul li {

	display:inline-block;

	padding:4px 7px;

	list-style-type:circle;

	}

.foot_menu ul li a {

	color: #ffffffb0;

    padding: 5px;

    transition: all 0.3s ease-in-out;

    text-decoration: none;

    font-size: 18px;

	}

.foot_menu ul li a:hover {

	color:#ff4630;

	}		

.foot-cont {

	padding:7px 0;

	}

.foot-cont p {

	color: #ffffffb0;

    font-size: 23px;
    text-align: left;

	}	

.foot-cont p a {

  color: #f74931;

  }   				

.foot-cont h3 {

	color: #a34f38;

    font-size: 22px;

    margin-top: 12px;

	}

.foot-cont h4 {

	color: #fff;

    font-size: 19px;

    margin-top: 12px;

	margin-bottom:0;

	}

.foot-cont img {

	background: #fff;

    width: 55px;

    border-radius: 5px;

	margin-right:1rem;

}

.foot-cont span {

	color:#fff;

	font-size: 25px;

  font-family: "Candara";

	}	

.social_wr1 {

	margin-top:0rem;

  float: right;

}

.social_wr1 a {

    float: left;

    width: 70px;

    height: 70px;

    border-radius:50%;

    text-align: center;

    vertical-align: middle;

    line-height: 75px;

    margin-right: 15px;

    transition: 0.4s ease-in-out;

	border:1px solid #ffffff5c;

}

.social_wr1 a i {

	 font-size: 27px !important;

	 color:#ffffff5c;

	}

.social_wr1 a:hover {

	}	

.foot-cont {

    padding: 7px 0;

}

.foot-cont .cticon {

    display: table-cell;

    vertical-align: top;

    padding-right: 20px;

}

.foot-cont .cticon i {

	float:left;

    font-size: 25px;

    color: #c7058f;

    height: 55px;

    width: 55px;

    line-height: 55px;

    border: 1px solid #c7058f;

    text-align: center;

    border-radius: 50%;

    transition: background-color 0.5s ease-out;

}	

.foot-cont .cticontent {

    

    vertical-align: middle;

    width: 100%;

}

.foot-cont .cticontent p {

	float:left;

	color:#ffffffb0;

	font-size:19px;

	margin-top:2rem;

	width:80%;

	}

.icon-Vector {

    background: #3ab54a;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    border-radius: 100%;

    width: 75px;

    height: 75px;

    margin-right: 19px;

    font-size: 28px;

	float:left;

}

.foot_top {

	padding:2rem 7% 1rem 7%;

	}

.foot_top h2 {

	color:#fff;

	font-weight:600;

	font-size:35px;

	font-family: "Candara";

	}	

.foot_top h3 {

	margin:0;

	font-size:22px;

	font-family: "Candara";

	color:#fff;

	transition:all 0.3s ease-in-out;

	}

.no_pad {

	padding: 0;

}	

.pad {

	padding:1.2rem;

}

.padk {

	padding:0.7rem;

}

.foot_tag {

	border-right: 1px solid #fff;

	

}

.foot_cont {

	padding: 1rem 1rem;

}

.foot_t_photo {

	float: left;

	margin-right: 20px;

}	



.foot_t_photo img {

	width:120px;

	float: left;

}

.foot_c_photo {

	float: left;

	margin-right: 20px;

}

.foot_c_photo img {

	width:70px;

	float: left;

}

.foot-requ {

  border: 0;

  padding:0;

  font-size: 24px;

  cursor: pointer;

  color: #f74931;

  font-family:"Poppins-Regular";

  display: inline-block;

}



.lag {

	float:left;

	width:66%;

	}



.tec_plat {

	}

.tec_plat h3 {

	font-size:111px;

    font-family: "Poppins-Bold";

    color: #09054b;

	}	

.plat_f_l {

	}

.p_b_p_f {

	display: flow-root;

	margin-top: 3rem;

	}	

.d_h_pio {

	float: left;

    margin-right: 1rem;

	margin-bottom:2rem;

	}

.d_h_pio h4 {

	color: #050b29;

    font-family: "Poppins-SemiBold";

	font-size:25px;

	padding: 13px 0 10px 0;

	}			

.p_b_p {

	margin:0;

	display: flow-root;

	}	

.p_b_p h4 {

	color:#0a3562;

	font-size:22px;

	}

.p_b_p h5 {

	color:#0a3562;

	font-size:16px;

	}

ul.p_drop {

	padding:0;

	display:inline-table;

	}	

ul.p_drop li {

	width:150px;

	background:#fff;

	display:inline-block;

	text-align:center;

	height:90px;

	line-height:90px;

	align-content: center;

	position: relative;

	margin:0 3px 3px 0;

	transition:all0.3s ease-in-out;

	}	

ul.p_drop li a {

	

	}		

ul.p_drop li a img {

	width:90%;

	}		

.on_hover_cont {

	position: absolute;

	width:450px;

    background: #fff;

    padding: 2rem;

    margin-top: 0.5rem;

    z-index: 10;

	opacity: 0;

    -webkit-transform: translate3d(0, -15px, 0);

            transform: translate3d(0, -15px, 0);

    -webkit-transition: all 150ms linear;

    -o-transition: all 150ms linear;

    transition: all 150ms linear;

    font-size: 1.0625rem;

    font-weight: 500;

    line-height: 1.4;

    visibility: hidden;

    pointer-events: none;

	}	

ul.p_drop li:hover .on_hover_cont {

	opacity: 1;

    visibility: visible;

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

	}

.on_hover_cont p {

	font-size: 16px;

    line-height: 31px;

    color: #0a3562;

	text-align:left;

	}







#object {

    position: fixed;

    left:0;

    bottom:0%;

    height:75px;

    width:150px;

    background: url("../images/truck.png");

    z-index: 1000;

}

/*********Banner start************/

























/***************banner end****************/





.vid__video {

  display: none;

}

.vid__video--show {

  display: block;

}



.owl-carousel2 .owl-nav .owl-next {

	right:-2rem;

	position: absolute;

}



.owl-carousel2 .owl-nav .owl-prev {

	left:-2rem;

  position: absolute;

}





.learn-more {

  position: relative;

  display: inline-block;

  cursor: pointer;

  outline: none;

  border: 0;

  vertical-align: middle;

  text-decoration: none;

  background: transparent;

  padding: 0;

  font-size: inherit;

  font-family: inherit;

  width: 12rem;

  height: auto;

}



a.learn-more .circle {

  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);

  position: relative;

  display: block;

  margin: 0;

  width: 3rem;

  height: 3rem;

  background: #f74931;

  border-radius: 1.625rem;

}

a.learn-more .circle .icon {

  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  background: #fff;

}

a.learn-more .circle .icon.arrow {

  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);

  left: 0.625rem;

  width: 1.125rem;

  height: 0.125rem;

  background: none;

}

a.learn-more .circle .icon.arrow::before {

  position: absolute;

  content: "";

  top: -0.25rem;

  right: 0.0625rem;

  width: 0.625rem;

  height: 0.625rem;

  border-top: 0.125rem solid #fff;

  border-right: 0.125rem solid #fff;

  transform: rotate(45deg);

}

a.learn-more .button-text {

  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  padding: 0.75rem 0;

  margin: 0 0 0 1.85rem;

  color: #f74931;

  font-weight: 700;

  line-height: 1.3;

  text-align: center;

  text-transform: uppercase;

}

.learn-more:hover .circle {

  width: 100%;

}

.learn-more:hover .circle .icon.arrow {

  background: #fff;

  transform: translate(1rem, 0);

}

.learn-more:hover .button-text {

  color: #fff;

}

/* General Button Style */



.btn_ibt {

  display:inline-block;

  position: relative;

  color: #fff;

  text-decoration: none;

  padding: 15px 22px;

  margin-top: 1rem;

  font-size: 25px;

  border-radius: 50%;

  text-align: center;

  background-color: #fcad44;

  transition: all 0.3s ease-in-out;

}



.btn_ibt:hover {

  background-position-y: -50px;

}



.faq-main {

	width:100%;

}

.faq-item {

	width: 100%;

	margin: 7px 0px;

	border-bottom: #ebebeb 1px solid;

}



.faq-item .faq-label {

	position: relative;

	width: 100%;

	padding: 12px 26px 12px 0px;

	cursor: pointer;

	font-size: 18px;

	color: #000c34;

	user-select: none;

	-webkit-user-select: none;

	-moz-user-select: none;

}

.faq-item .faq-label span {

  color:#f74931;

  font-weight: 600;

}

.faq-item .faq-label i {

	width: 18px;

	height: 100%;

	position: absolute;

	right: 0px;

	top: 0px;

}



.faq-item .faq-label i:before {

	content: '';

	position: absolute;

	left: 0px;

	right: 0px;

	top: 0px;

	bottom: 0px;

	margin: auto;

	width: 18px;

	height: 2px;

	background-color: #000c34;

}



.faq-item .faq-label i:after {

	content: '';

	position: absolute;

	left: 0px;

	right: 0px;

	top: 0px;

	bottom: 0px;

	margin: auto;

	width: 2px;

	height: 18px;

	background-color: #000c34;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

}



.faq-item.faq-item-show .faq-label i:after {

	opacity: 0;

}



.faq-cont {

	transition: 0.3s all;

	overflow: hidden;

	height: 0px;

}



.faq-item.faq-item-show  .faq-cont {

	display: block;

	padding-top: 20px;

	padding-bottom: 20px;

	overflow: auto;

	height: auto;

}



.faq-cont p {

	margin: 0px 0 20px 0;

}



.faq-cont p:last-child {

	margin-bottom: 0px;

}



@media(max-width:992px) {

	.faq-group .faq-left{

  width: 100%;

 }

.faq-group .faq-right {

 width: 100%;

 border-left: none;

 padding-left: 0;

 margin-left: 0;

}

}	



.tech_logo {

	padding:10px 4px;

	text-align: center;

	}	

.tech_logo img {

	width:75% !important;

	opacity:0.8;

	transition:all 0.3s ease-in-out;

	}

.tech_logo img:hover {

	opacity:1;

	cursor:pointer;

	}	



.img-expand{

  width:20%;

  height:auto;

  background-color: blue;

  margin: 0;

  overflow: hidden;

  position: relative;

  float: left;

  padding-right: 0px;

  padding-left: 0px;

  object-fit: cover !important;

  

}

.img-expand img {

	height: 35rem;

	position: relative;

}

.overl {

    overflow: hidden;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    border-radius: 10px;

    background: linear-gradient(180deg, rgba(0, 12, 71, 0) 0%, rgba(0, 12, 71, 0.8) 100%);

}

.qualit_cont {

    position: absolute;

    width: 100%;

    text-align: left;

    /* height: 100%; */

    bottom: 1rem; 

    padding: 2rem;

}

.qualit_cont h2 {

    margin: 0;

    color: #fff;

    font-size: 29px;

    font-family: "Candara";

}





















/*inpage start*/

.inpage {

    padding: 0;

    position: relative;

    background: #001a89;

    height: 65vh; 

    overflow: hidden;

}

.inpage img {

    width: 100%;

    transition: all 1.3s ease-in-out;

}

.testpage_heading {text-align: center;

    position: absolute;

    top:0rem;

    width:100%;

    height: 65.1vh;

    padding: 27vh 0% 0 0%;   

    background: linear-gradient(180deg, #011f567d, #021796);

}

.testpage_heading h2 {

    color: #fff;

    font-family: "Roboto Condensed";

    font-size: 31px;

    margin-bottom:0.2rem;

}

.testpage_heading p {

    color: #fff;

    font-size: 35px;

}

.hdm ul {

	padding: 0;

	margin: 0;

  

}

.hdm ul li {

	display: inline-block;

	color: #fff;

	padding: 0 0.2rem;

  font-size: 15px;

}

.hdm ul li a {

	

}



.hdm ul li a {

    display: block;

    z-index: -1;

    color: #fff;

}

.truck {

	text-align: center;

    margin-top: -11rem;

    position: relative;

    width: 100%;

  }

.truck img {

	width: 35%;

}

.inner_buttom {

  position: absolute;

    bottom: -2px;

}

.inner_buttom img { 

  width: 100%;

 }

.about_inpage {

  width: 70%;

  text-align: center;

  margin:4rem auto 0 auto;

 }

 .about_inpage p {

  font-family: "Candara";

  font-size: 19px;

  color: #343A42;

  line-height: 35px;

  margin: 0rem 0 0rem 0;

  }

  .somebg_abpage {

    padding: 0;

    background: #fff;

    margin-bottom: 4rem;

  }

  .about_welphoto {

    width: 100%;

  }

  .about_welphoto img {

    width: 95%;

    margin-top:12rem;

  }

  .about_cont {

    margin: 0 auto;

    padding: 5rem 0px 80px 0;

  }

  .about_cont h2 {

     font-family: "Candara";

     font-size: 33px;

     margin-bottom: 2rem;

  }

  .about_cont p {

    font-family: "Candara";

    font-size: 18px;

    line-height: 35px;

    color: #343A42;

  }

  .ab_pho {

    display: flex;

    height: 100%;

  }

 .widthcontti {

     width: 90%;

    margin: 0 auto;

 } 

.benefit-list li {

  padding-bottom: 1rem;

  list-style-type: circle;

}

.benefit-list li b {

  font-weight: bolder;

    color: #000;

    font-size: 20px;

}

.member_full {

  background: #f1f1f1;

  padding: 0.5rem 1rem 2rem 1rem;

}

.member_pic2 {

  text-align: center;

}

.member_pic2 img {

  width: 40%;

  border-radius: 50%;



}

.memberdit {

  text-align: center;

  margin-top: 3rem;

}

.memberdit h2 {

  font-family: "Candara";

    font-size:28px;

    color: #343A42;

}

.updat_photo img {

  width: 100%;

  height: 28rem;

}

.update_content {

  margin-top: 1rem;

}

.update_content a {

  font-family: "Candara";

  font-size:29px;

  color: #343A42;

}

.update_content a:hover {

  color: #e38612;

}

.mbotu {

    margin-bottom:1.5rem;

}

.form-control2 {

    display: block;

    width: 100%;

    padding: 15px 10px;

    font-size: 16px;

    line-height: 1.42857143;

    color: #000000bf;

    background-color: rgba(255, 255, 255, 0);

    background-image: none;

    border:1px solid #5f8db270;

    border-radius: 5px;

    transition: all 0.3s ease-in-out;

}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color:#30465796;

    opacity: 1; /* Firefox */

}



:-ms-input-placeholder { /* Internet Explorer 10-11 */

    color:#30465796;

	border: 1px solid #247ec5b8;

}



::-ms-input-placeholder { /* Microsoft Edge */

    color:#30465796;

	border: 1px solid #247ec5b8;

}	

input[type=text]:focus,input[type=email]:focus, input[type=number]:focus, textarea:focus, select:focus {

  border: 1px solid #247ec5b8;

  padding-left: 7px;

  outline:none;

}

select.form-control1 {

	font-size:14px;

	}

select[type=text]:focus,select[type=email]:focus {

  

  padding-left: 7px;

  outline:none;

}

.quesendsss {

    border-radius:5px;

    padding: 0.7rem 4rem;

    font-size: 19px;

    color: #fff;

	border:none;

	transition:all 0.3s ease-in-out;

}

.quesendsss:hover {

    color: #000;

	}	

	.from_box {

		padding: 0 7rem 0 0;

	}

.from_head h2 {

	font-family: "Candara";

    font-size: 35px;

    color: #3a4d67;

    margin-bottom: 2rem;

}





.form-group {

  display: block;

  margin-bottom: 15px;

}



.form-group input {

  padding: 0;

  height: initial;

  width: initial;

  margin-bottom: 0;

  display: none;

  cursor: pointer;

}



.form-group label {

  position: relative;

  cursor: pointer;

}



.form-group label:before {

  content:'';

  -webkit-appearance: none;

  background-color: transparent;

  border: 3px solid #0079bf;

    border-radius: 5px;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);

  padding: 10px;

  display: inline-block;

  position: relative;

  vertical-align: middle;

  cursor: pointer;

  margin-right: 5px;

}



.form-group input:checked + label:after {

  content: '';

  display: block;

  position: absolute;

  top: 6px;

  left: 9px;

  width: 6px;

  height: 14px;

  border: solid #0079bf;

  border-width: 0 3px 3px 0;

  transform: rotate(45deg);

}

.cont_head h2 {

	font-size: 45px;

    font-family: "Candara";

    color: #052149;

}

.address_heading {

	margin-bottom: 2rem;

}

.address_heading h3 {

	font-size: 33px;

    font-family: "Candara";

    color: #052149;

}

.address_ddr h2 {

	font-size: 21px;

	color: #0093c9;

}

.linkm {

	margin-bottom: 2rem;

}

.linkm ul {

	padding: 0;

	margin: 0;

}

.linkm ul li a {

	color: #000;

	border-bottom: 1px solid #000;

}



.owl-carousel4 .owl-nav .owl-next {

	right:-5rem;

	opacity: 0;

	position: absolute;

}



.owl-carousel4 .owl-nav .owl-prev {

	left:-5rem;

	opacity: 0;

  position: absolute;

}

.owl-carousel4 .owl-nav .disabled{opacity:0 !important;cursor:default}

.owl-carousel4:hover .owl-nav .owl-prev {

    opacity: 1;

    left: -1rem;

}

.owl-carousel4:hover .owl-nav .owl-next {

    opacity: 1;

    right: -1rem;

}

.owl-carousel4:hover .owl-nav .disabled {

    opacity: 0.5 !important;

}



.owl-carousel5 .center {

    z-index: 2;

    box-shadow: 0 5px 25px rgb(0 0 0 / 50%);

    position: relative;

    top:0;

    border-radius: 10px;

    -webkit-transform: scale(1.13) !important;

    -ms-transform: scale(1.13) !important;

    transform: scale(1.13) !important;

}





.whereuse {

	width: 70%;

	margin: 0 auto;

}

.owl-carousel5 .owl-nav .owl-next {

	right:0rem;

	opacity: 1;

	position: absolute;

}



.owl-carousel5 .owl-nav .owl-prev {

	left:-1.5rem;

	opacity: 1;

  position: absolute;

}

.owl-carousel5 .olay_name {

	opacity:1;

}

.owl-carousel5 .center .olay_name {

	opacity: 1;

}

.overl1 {

    overflow: hidden;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    border-radius: 10px;

    background: linear-gradient(180deg, rgba(0, 12, 71, 0) 0%, rgba(0, 12, 71, 0.8) 100%);

}

.olay_name {

	margin: 1rem 0;

  position: absolute;

  bottom: 2%;

  left: 5%;

  width: 88%;

  padding: 0.3rem;

  border-radius: 5rem;

}		

.olay_name h2 {

	color: #fff;

  font-size: 25px;

  margin: 0;

  position: relative;

    bottom: 0.8rem;

  padding:0;

  font-family: "Candara";

  transition: all 0.5s ease-in-out;

	}	



.olay_name p {

	color: #fff;

  font-size: 17px;

  margin: -2rem 0 0 0;

    bottom: -6rem;

    position: absolute;

  padding: 0.5rem 0rem;

  font-family: "Candara";

  opacity: 0;

  transition: all 0.5s ease-in-out;

	}

	.swipe_cont:hover .p_name p {

	opacity: 1;

	bottom: 0rem;

}

.swipe_cont:hover .p_name h2 {

	bottom: 8rem;

	position: relative;

}

.swipe_cont:hover .play-button {

	opacity: 1;

	right: 5%;

}

.owl-carousel5 .center .olay_name p {

	opacity: 1;

	bottom: 0rem;

}

.owl-carousel5 .center .olay_name h2 {

	bottom: 9rem;

	font-size: 31px;

}

.inpage2 {

    padding: 0;

    position: relative;

    background: #001a89;

    height: 80vh;

    overflow: hidden;

}

.gallery_inpage {

	width: 80%;

	margin:-4rem auto 5rem auto;

}

.down a {

  color: #fb0000;

  text-decoration: underline;

}

.pro_foot_ba {

  border-top: 1px solid #e2e2e2 !important;

}

.icon_pic {

  padding: 2rem 0;

}

.icon_pic img {

  width: 30%;

}

.icondit {



}

.icondit h2 {

  font-size: 25px;

}

.bdgha {

  border-right: 1px solid #e2e2e2 !important;

}

.prod_foot_w {

  width: 95%;

}

.mamud {

  padding-left: 2rem;

}

.work_inpage {

    width: 65%;

    text-align: center;

    margin:-18rem auto 5rem auto;

}

.inpage3 {

    padding: 0;

    position: relative;

    background: #001a89;

    height: 100vh;

    overflow: hidden;

}

.testpage_heading2 {

    position: absolute;

    top: 0rem;

    width: 100%;

    height: 100vh;

    padding: 30vh 0 0 0;

    text-align: center;

    background: linear-gradient(180deg, #011f567d, #021796);

}

.testpage_heading2 h2 {

    color: #fff;

    font-family: "Roboto Condensed";

    font-size: 33px;

    margin-bottom: 1rem;

}

.work_inpage h2 {

  color: #fff;

}

.video-part {

  display: flex;

    flex-direction: column;

    border-radius: 10px;

    position: relative;

    max-width: 100%;

    margin-top: 3rem;

}

.project_comp {



}

.overl2 {

    overflow: hidden;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    border-radius: 10px;

    background: linear-gradient(180deg, rgb(0 12 71 / 40%) 0%, rgb(0 12 71 / 64%) 100%);

}

.h_m {

  height: 17rem;

  overflow: hidden;

}

.work_pic2 {

    float: left;

    margin: 0 0rem 0px 0px;

    width: 100%;

    overflow: hidden;

    position: relative;

    border-radius: 10px;

}

.work_pic2 img {

    object-fit: cover;

    overflow: hidden;

    transition: transform 1s ease-in-out;

    width: 100%;

    min-height: 17rem;

    top: 0rem;

    position: relative;

}

.blog {

  width: 100%;

    margin: 30px 0 0;

    border-radius: 80px;

    min-height:32rem;

    text-align: center;

    background: #d8e9ff;

    padding: 30px 25px 25px;

    filter: drop-shadow(0px 0px 11px rgba(143, 143, 143, .35));

}

.blog_photo {

  width: 100%;

  text-align: center;

}

.blog_photo img {

    margin-bottom: 1.5rem;

    width: 60%;

    border-radius:50%;

    box-shadow: 0px 0px 25px #ffffff;

    border: 12px solid #dae0ff;

}

.blog_content {

  text-align: center;

}

.blog_content a {

  font-size: 20px;

  font-family: "Poppins-SemiBold";

  display: block;

  padding:0rem 0 0.6rem 0; 

  color: #fff;

}

.blog_content h4 {

  font-family: "Poppins-SemiBold";

    font-size: 17px;

    color: #323232;

}

.blog_content p {

  font-size: 17px;

  margin: 1rem 0 0 0;

  text-align: center;

  line-height: 27px;

  color: #323232;

}

.blog:hover .blog_content a {

  color: #efa500;

}

.agasw {

  padding: 4rem 0 5rem 0;

} 

.privacy {

  width: 75%;

  margin: 0 auto;

 padding: 3rem 1rem;

}

.blogdetails h2 {

  font-size: 27px;

}

.blogdetails ul li {

  list-style-type: circle;

}



.blog_heading h2 {

  font-size: 33px;

  color: #000;

}

.blogd_photo img {

  width: 100%;

  margin-bottom: 2rem;

}

.w_t_small {

  width: 80%;

}

.inpage4 {

  padding: 0;

    position: relative;

    background: #001a89;

    height: 45vh;

    overflow: hidden;

}

.testpage_heading4 {

  position: absolute;

    top: 0rem;

    width: 100%;

    height: 45vh;

    padding: 25vh 0 0 0;

    text-align: center;

    background: linear-gradient(180deg, #0029465c, #00091ee3);

}

.testpage_heading4 h2 {

    color: #fff;

    font-family: "Roboto Condensed";

    font-size: 31px;

    margin-bottom: 0rem;

}

span.font-poppins {

    font-family: "Poppins-Regular";

    font-size: 16px;

    color: #ffffffb0;

}span.font-poppins-contact {

    font-family: "Poppins-Regular";

    font-size: 15px;

}



.heading_bgg {

  width: 70%;

  margin: 0 auto;

  padding:3rem 0 3rem 0;

}

.heading_bgg h2 {

  font-size:55px;

    font-family: "Candara";

    color: #202020;

    text-align: center;

}

.heading_bgg p {

  font-size:25px;

    font-family: "Candara";

    color: #fff;

    text-align: center;

}

.heading_bgg h2 span {

  color: #f74931;

}

.which_block {

  

  padding: 2rem;

}

.which_block h2 {

  font-size: 22px;

  color: #052149;

  font-family: "Roboto Condensed";

}

.which_img {

  margin-bottom: 3rem;

}

.which_img img {

  height: 7rem;

}



.tabby-tabs {

  margin-bottom:25px;

}

.tabby-tabs ul {

  padding:7px 0;

  text-align: center;

  }

.tabby-tabs li {

  display: inline-block;

  margin-left: -4px;

}

.tabby-tabs li:last-child {

  border:none;

  }

.tabby-tabs li a {

  position: relative;

  display: block;

  padding: 0.7rem 3rem;

  border-radius: 5rem;

    color: #c7c7c7;

  font-family: "Poppins-Bold";

  font-size: 22px;

}

.tabby-tabs li a::after {

    content: '';

    position: absolute;

    height: 4px;

    width: 50%;

    right: 0;

    bottom: 20px;

    z-index: 0;

    background: #e1e1e1;

}

.tabby-tabs li a::before {

    content: '';

    position: absolute;

    height: 4px;

    width: 50%;

    left: 0;

    bottom: 20px;

    z-index: 0;

    background: #e1e1e1;

}

.tabby-tabs li a:hover, .tabby-tabs li a.active {

  color: #f74931;

  text-decoration: none;

}

.tabby-tabs li a:hover span, .tabby-tabs li a.active span {

 border: #f74931 solid 5px;

}

div[data-tab="tab2"] {

  display:none;

  position: relative;

}

div[data-tab="tab3"] {

  display:none;

  position: relative;

}

div[data-tab="tab4"] {

  display:none;

  position: relative;

}

.tabby-tabs li a span {

    position: relative;

    z-index: 1;

    display: block;

    width: 26px;

    height: 26px;

    border-radius: 50%;

    background: #e1e1e1;

    border: #f1f1f1 solid 5px;

    margin: 15px auto 0 auto;

}



.heading_big_s {

    width: 90%;

    margin: 0 auto;

    text-align: center;

}

.heading_big_s h2 {

    font-size: 45px;

    font-family: "Candara";

    color: #052149;

}

.heading_big_s h2 span {

    color: #f74931;

}

.heading_big_s p {



}

.tech_conti {}

.tech_conti ul {

  padding: 0;

}

.tech_conti ul li {

  display: inline-block;

    width: 45.5%;

    margin: 1.5%;

    padding: 1.2rem 1rem;

    font-size: 20px;

    border: 1px solid #f74931;

    border-radius: 1rem;

    color: #f74931;

    font-family: "Candara";

    transition: all 0.3s ease-in-out;

}

.tech_conti ul li:hover {

    background: #f74931;

    color: #fff;

}

.contactform {

    padding: 2rem 0 4rem 0;

}

.markdown h2 {

    font-size: 23px;

    font-family: "Candara";

    color: #052149;

}

.markdown h2 i {

    font-size: 14px;

   

}

.markdown h3 {

    font-size: 23px;

    font-family: "Candara";

    color: #052149;

}

.markdown h3 i {

  font-size: 14px;

}

.markdown p {

    font-size: 17px;

    font-family: "Candara";

    color: #000;

}

p.gff {

  color: #000 !important;

  font-family: "Roboto Condensed" !important;

} 

::-webkit-calendar-picker-indicator {

    filter: invert(1)

            brightness(50%)

            sepia(100%)

            saturate(10000%)

            hue-rotate(180deg)

}

.wedag {

    width:80%;

    margin:0 auto;

}

.section__img {

display: flex;

    height: 100%;

}

.markdown ul li {

  list-style-type: circle;

  font-size: 17px;

  color: #000;

}



.resp {

  display: none;

}

input,

select {

  -webkit-background-clip: text !important;

  background-clip: text !important;

}

.popup {

    width: 35%;

    margin: 5rem auto 0 auto;

    background: #fff;

    border-radius: 15px;

    box-shadow: 0px 0px 45px #00000087;

    padding:0 10px 50px 10px;

    text-align: center;

}

.popup h2 {

    font-family: "Poppins-Bold";

    font-size: 25px;

    margin: 0;

    color: #04193f;

}  

.popup h4 {

    font-size: 25px;

    margin: 5px 0 35px 0;

    color: #4aaa4d;

    font-family: "Poppins-SemiBold";

}  

.popup button {

    padding: 10px 25px;

    border: none;

    background: #006eff;

    color: #fff;

    font-weight: 600;

    font-size: 17px;

    border-radius: 5px;

    cursor: pointer;

} 

.popup img {

    width: 185px;

}

.markdown ul.list {
  list-style: none;
}
.markdown ul.list li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.markdown ul.list li:last-child {
  margin-bottom: 0px;
}
.markdown ul.list li p {
  margin-bottom: 0px;
}
.markdown ul.list li i {
  background-color: #e4573d;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  margin-right: 4px;
  border-radius: 20px;
  padding: 5px;
  font-size: 12px;
  line-height: 14px;
}