/*=============================================================================BASIC CSS START=====================================================================================*/
*,
::after,
::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
:root {
  --primary-color: #fff;
  --secondary-color: #000;
  --third-color: #1b3d96;
  --fourth-color: linear-gradient(to right,rgb(84, 51, 255),rgb(32, 189, 255),rgb(165, 254, 203));
  --fifth-color: #232b7b;
  --sixth-color: #00c7c6;
}
ul {
  list-style-type: none;
}
a {
  text-decoration: none;
}
p {
  font-size: 18px;
  text-align: justify;
}
/*=================================================================================BASIC CSS END===================================================================================*/


/*==============================================================================UTILITY CLASS START================================================================================*/
/*===============================BUTTON START================================*/
.readbtn {
  position: relative;
  display: inline-flex;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: linear-gradient(to right,rgb(84, 51, 255),rgb(32, 189, 255),rgb(165, 254, 203));
  font-size: 18px;
  line-height: 26px;
  color: #fff !important;
  padding: 10px 20px;
  font-weight: 500;
  overflow: hidden;
  border-radius: 8px;
  border: 0px solid transparent;
  cursor: pointer;
  letter-spacing: 0.5px;
  z-index: 3;
}
/*===============================BUTTON END=================================*/

/*===============================SLIDER START===============================*/
.logos {
  overflow: hidden;
  padding: 60px 0;
  background: #c2c2c7a6;
  white-space: nowrap;
  position: relative;
  margin-top:30px;
}
.logos::before,
.logos::after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}
.logos::after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
}
.logos::before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
}
.logos:hover .logos-slide {
     cursor: pointer;
  animation-play-state: paused;
}
.logos-slide {
  display: inline-block;
  animation: 25s slide infinite linear;
}
.logos-slide img {
  height: 50px;
  margin: 0 20px;
}
@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/*===============================SLIDER END================================*/

/*===============================BORDER DESIGN START=======================*/
 .design::before{
            content: "";
            width: 15%;
            position: absolute;
            border-radius: 5px;
            height: 4px;
            margin-top:42px;
            background-image: linear-gradient(to right, rgb(84, 51, 255), rgb(32, 189, 255), rgb(165, 254, 203)); 
            transition: 0.4s;
            left: 41%;
           
        }
       .design::after{
            content: "";
            width: 0%;
            position: absolute;
            border-radius: 5px;
            height: 4px;
            margin-top:8px;
            background-image: linear-gradient(to right, rgb(84, 51, 255), rgb(32, 189, 255), rgb(165, 254, 203)); 
            transition: 0.9s;
            left: 41%;
        }
       .design-head:hover>.design::after{
            content: "";
            width: 21%;
            position: absolute;
            border-radius: 5px;
            height: 4px;
            margin-top:42px;
            background-image: linear-gradient(to right, rgb(84, 51, 255), rgb(32, 189, 255), rgb(165, 254, 203)); 
            transition: 0.9s;
            left: 41%;
        }
        .design-head{
            text-align:center;
            color:#1b3d96;
            font-weight:700;
        }
/*===============================BORDER DESIGN END=========================*/
/*==============================================================================UTILITY CLASS END==================================================================================*/


/*========================================================================HEADER SECTION START=====================================================================================*/
/*===========================HIRING START============================*/
.hiring {
    width: 15%;
    height: auto;
    z-index: 9999;
    position: fixed;
    top: -8px;
    left: -10px;
    animation: 1.25s ease-in-out infinite alternate moveIt;
    background-position: center;
    display: flex
}
.hiring img {
    width: 85%;
}
@media (max-width: 768px) {
    .hiring img {
        display: none;
    }
}
@keyframes moveIt {
    0% {
        transform: translateX(-20px) scale(.9,1) rotateX(-45deg)
    }

    100% {
        transform: translateX(20px) scale(1,.9) rotateY(45deg)
    }
}
@media (max-width: 870px) {
    .hiring {
        width:32%;
        z-index: 99999;
        position: fixed;
        top: -1%;
        left: 5%;
        animation: 1.25s ease-in-out infinite alternate moveIt;
        background-position: center
    }
}
/*===========================HIRING END==============================*/

/*===========================TOP HEADER START========================*/
.top_header {
  background-color: #232b7b;
}
.top_info a {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.top_info span {
  color: #fff;
}
.hirebtn {
  margin: 5px 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  float: right;
  justify-content: center;
  text-align: center;
  background: linear-gradient(to right, rgb(84, 51, 255), rgb(32, 189, 255), rgb(165, 254, 203));
  font-size: 18px;
  line-height: 26px;
  padding: 10px 15px;
  font-weight: 500;
  overflow: hidden;
  border-radius: 8px;
  border: 0px solid transparent;
  cursor: pointer;
  letter-spacing: 0.5px;
  z-index: 3;
  font-size: 30px;
  font-weight: 700;
  color: red !important;
  -webkit-text-stroke: var(--primary-color) 1px;
}
/*===========================TOP HEADER END==========================*/

/*==========================MAIN HEADER START========================*/
button:focus,
.navbar-toggler i:focus {
  outline: 0;
  box-shadow: none;
}
.navbar-nav {
  align-items: center;
  padding: 10px;
  margin-left: 50px;
}
.menu_wrapper .navbar-brand {
  font-size: 30px;
  font-weight: 700;
  color: red;
  -webkit-text-stroke: var(--primary-color) 1px;
}
.menu_wrapper .navbar-brand:hover {
  color: var(--fifth-color);
}
.menu_wrapper .navbar-nav .nav-item {
  margin: 0 4px;
}
.menu_wrapper .navbar-nav .nav-link {
  font-size: 20px;
  font-weight: 600;
  color: #000 !important;
  display: inline-block;
}
.menu_wrapper .dropdown-mega .dropdown-menu {
  width: 100%;
}
.menu_wrapper .list-group-item {
  font-size: 16px;
  padding: 12px 0;
  border: 0;
  color: var(--primary-color) !important;
  border-bottom: 1px solid var(--primary-color);
  border-radius: 0;
}
#cstm-drp .list-group .first {
  margin-top: 20px;
}
#cstm-drp .list-group-item {
  background-color: transparent !important;
  color: var(--secondary-color);
}
#cstm-drp .list-group-item:hover {
  background-color: rgb(32, 189, 255) !important;
  color: var(--primary-color);
  border-radius: 0;
  text-decoration: none;
}
#cstm-drp1 .list-group .first {
  margin-top: 20px;
}
#cstm-drp1 .list-group-item {
  background-color: transparent !important;
  color: var(--secondary-color);
}
#cstm-drp1 .list-group-item:hover {
  background-color: rgb(32, 189, 255) !important;
  color: var(--primary-color);
  border-radius: 0;
  text-decoration: none;
}
.dropdown:hover .dropdown-menu {
  display: block !important;
  left: 0;
}
.head-btn {
  transition: all 0.3s ease;
  background-color: rgb(32, 189, 255);
  padding: 8px;
  width: 100%;
  left: 0;
  font-size: 20px;
  color: var(--primary-color);
  border-bottom: 0;
  margin: 0;
}
.head-btn:hover {
  background: linear-gradient(to right, rgb(84, 51, 255), rgb(32, 189, 255), rgb(165, 254, 203));
  border-right: 0;
  border: 0;
}
.logo_img {
  width: 150px;
  height: 90px;
}
.shadow {
  background-size: cover !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  width: 100% !important;
}
.pdf_main {
  width: 100% !important;
}
.pdf_mega {
  width: 500px !important;
}
.pdf_list {
  margin-left: -50px;
  margin-right: -50px;
  margin-top: -20px;
}
.pdf_item {
  width: 250px;
}
.shadow1 {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  width: 23% !important;
  left: 43% !important;
}
.loginbtn {
  background: linear-gradient(to top, #232b7b, #00c7c6);
  -webkit-background-clip: "text";
  background-clip: "text";
  color: transparent;
  line-height: 26px;
  padding: 5px 20px;
  font-weight: 500;
  overflow: hidden;
  border-radius: 8px;
  border: 0px solid transparent;
  cursor: pointer;
  letter-spacing: 0.5px;
  z-index: 3;
  font-size: 26px;
  font-weight: 700;
  color: red !important;
  -webkit-text-stroke: var(--primary-color) 1px;
  margin-left: 30px;
}
/*==========================MAIN HEADER START========================*/

/*==========================STICKY START========================*/
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: top 0.3s;
}
/*==========================STICKY END========================*/

/*==========================OFFCANVA START====================*/
    .sidebarcanva{
        border:2px solid #00c7c6 !important;
        border-radius:8px;
    }
    .sidebar-icon{
        padding-left:0 !important;
        margin-top:20px;
    }
    .contact-info li i{
        font-size:22px;
        color:#232b7b;
    }
     .contact-info li span{
        font-size:18px !important;
        font-weight:700 !important;
        color:#232b7b !important;
        margin-left:10px;
    }
    .contact-info li a{
        font-size:16px;
        font-weight:600;
        color:#000;
    }
    .Park{
      margin-left:32px;
      color:#000;
      font-weight:600;
      font-size:16px;
    }
    .contact-heading{
    font-size: 30px;
  background: linear-gradient(to top, #232b7b, #00c7c6);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 600; 
  margin-bottom: 8px;
  border-bottom:3px solid #232b7b;
  width:170px;
  border-radius:8px;
    }
/*==========================OFFCANVA END==========================*/

/*========================================================================HEADER SECTION END=======================================================================================*/


/*========================================================================BANNER SECTION START=====================================================================================*/
 .marquee-container {
     overflow: hidden;
     white-space: nowrap;
     box-sizing: border-box;
 }

 .marquee {
     display: inline-block;
     padding-left: 100%;
     animation: marquee 15s linear infinite;
 }

 @keyframes marquee {
     0%   { transform: translate(0, 0); }
     100% { transform: translate(-100%, 0); }
 }
 
.service-card-div {
background-image: linear-gradient(180deg, #2af598 0%, #009efd 100%);
height: 280px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.service-card-div:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.service-images img {
    width: 100%;
    height: 150px;
    max-width: 150px;
    margin-bottom: 15px;
    transition: transform 0.3s;
}

.service-card-div:hover .service-images img {
    transform: scale(1.1);
}

.service-name {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    transition: color 0.3s;
}

.service-card-div:hover .service-name {
    color: #6228d7;
}

.circleffect {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.circleffect .animation {
    width: 50px;
    height: 50px;
    background: #6228d7;
    border-radius: 50%;
    position: relative;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .service-card-div {
        padding: 15px;
    }

    .service-images img {
        max-width: 100px;
    }

    .service-name {
        font-size: 16px;
    }

    .circleffect .animation {
        width: 40px;
        height: 40px;
    }
}
/*========================================================================BANNER SECTION END=======================================================================================*/


/*========================================================================MINI SLIDER END==========================================================================================*/
     .mini-slide {
        overflow: hidden;
        background: #232b7b;
        white-space: nowrap;
        position: relative;
      }
      .mini-slide:hover .mini-box {
         cursor: pointer;
        animation-play-state: paused;
      }
      
      .mini-box img {
        height: 40px;
      }
    .mini-box {
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin: 10px;
    padding: 2px;
    text-align: center;
    width: 150px;
    transition: transform 0.3s;
     display: inline-block;
    animation: 2s slide infinite linear;
}
.mini-section small{
    color:#fff;
    float:left;
    font-weight:600;
}
.mini-section{
    display:flex;
    justify-content:space-between;
    gap:5px;
}
.mini-section small span {
    float:left;
    margin-left:6px;
    font-weight:500 !important;
}
/*=======================================================================MINI SLIDER END===========================================================================================*/


/*=======================================================================ABOUT US START============================================================================================*/
@keyframes fade {
    from {
        opacity: 0.4;
    }
    to {
        opacity: 1;
    }
}
#slider {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    height: 500px;
}
.slides {
    overflow: hidden;
    animation-name: fade;
    animation-duration: 1s;
    display: none;
}
.slides img {
    width: 100%;
    height: auto;
}
#dot {
    margin: 0 auto;
    text-align: center;
}
.dot {
    display: inline-block;
    border-radius: 50%;
    background: #d3d3d3;
    padding: 8px;
    margin: 10px 5px;
}
@media (max-width:567px) {
    #slider {
        width: 100%;

    }
}
.about-text {
    position: absolute;
    top: 808px;
    right: 30%;
    transform: translate(50%, -50%);
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 700;
    color: var(--third-color);
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        1px 7px 1px #919191,
        1px 8px 1px #919191,
        1px 9px 1px #919191,
        1px 10px 1px #919191,
        1px 18px 6px rgba(16, 16, 16, 0.4),
        1px 22px 10px rgba(16, 16, 16, 0.2),
        1px 25px 35px rgba(16, 16, 16, 0.2),
        1px 30px 60px rgba(16, 16, 16, 0.4);
}
/*=======================================================================ABOUT US END==============================================================================================*/


/*=======================================================================COMPANY CARD START========================================================================================*/
.card-boxes {
color: #013243;
top:240px;
left: 50%;
width: 300px;
height: 400px;
background: #e0e1dc;
position:relative !important;
transform-style: preserve-3d;
transform: translate(-50%,-50%) perspective(2000px);
box-shadow: inset 300px 0 50px rgba(0,0,0,.5), 20px 0 60px rgba(0,0,0,.5);
transition: 1s;
}
.card-boxes:hover {
transform: translate(-50%,-50%) perspective(2000px) rotate(15deg) scale(1.2);
box-shadow: inset 20px 0 50px rgba(0,0,0,.5), 0 10px 100px rgba(0,0,0,.5);
}
.card-boxes:before {
content:'';
position: absolute;
top: -5px;
left: 0;
width: 100%;
height: 5px;
background: #BAC1BA;
transform-origin: bottom;
transform: skewX(-45deg);
}
.card-boxes:after {
content: '';
position: absolute;
top: 0;
right: -5px;
width: 5px;
height: 100%;
background: #92A29C;
transform-origin: left;
transform: skewY(-45deg);
}
.card-boxes .imgBox {
width: 100%;
height: 100%;
position: relative;
transform-origin: left;
transition: .7s;
}
.card-boxes .bark {
position: absolute;
background: #e0e1dc;
width: 100%;
height: 100%;
opacity: 0;
transition: .7s;
}
.card-boxes .imgBox img {
min-width: 250px;
max-height: 400px;
}
.card-boxes img {
  width: 300px;
  height: 400px;
}
.card-boxes:hover .imgBox {
transform: rotateY(-135deg);
}
.card-boxes:hover .bark {
opacity: 1;
transition: .6s;
box-shadow: 300px 200px 100px rgba(0, 0, 0, .4) inset;
}
.card-boxes .details {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
padding: 0 0 0 10px;
z-index: -1;
margin-top: 70px;
}
.card-boxes .details p {
font-size: 15px;
line-height: 1.2;
transform: rotate(0deg);
padding: 0 6px 0 8px;
}
.card-boxes .details h4 {
text-align: center;
}
.color1 {
  margin-top: -50px !important;
  color:#1BBC9B;
}
.color2{
    color:#C0392B;
}
.card-sec{
    height:485px;
}
/*=======================================================================COMPANY CARD END==========================================================================================*/


/*=======================================================================SERVICE SECTION START=====================================================================================*/
.service-section{
    background-color:#c2c2c7a6;
    padding:20px 0;
}
.single-service {
    position: relative;
    margin-top: 50px;
    background-color: #fff !important;
    border-radius: 10px;
    padding: 40px 30px;
    overflow: hidden;
    
}

 .single-service .content {
	position: relative;
	z-index: 20;
}

 .single-service .circle-before {
    position: absolute;
    top: 0;
    right: 0px;
    transform: translate(40%, -40%);
    width: 150px;
    height: 150px;
   
    background-image: linear-gradient(160deg,#1b3d96 35%, #00c7c6 77%);
    border: 6px solid #1b3d96;
    border-radius: 50%;
   
    z-index: 10;
    transition: all .6s;
}

 .single-service:hover .circle-before {
	width: 100%;
	height: 100%;
	transform: none;
	border: 0;
	border-radius: 0;
	opacity: 1;
}

 .single-service .icons img{
	display: inline-block;
	margin-bottom: 26px;
    width: 120px;
    height: 100px;
    background-color: #1b3d96;
    border-radius: 5px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    transition: all .3s;
}
 .single-service:hover .icons img{
	background-color: #1b3d96;
	color: #1b3d96;
}

 .single-service .title {
    margin-bottom: 18px;
	font-weight: 600;
    font-size: 23px;
    transition: color .3s;
     background: linear-gradient(to top, #232b7b, #00c7c6);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.single-service:hover .title {
	color: #fff;
}

 .single-service .description {
    margin-bottom: 20px;
    font-size: 15px;
    transition: color .3s;
}

.single-service:hover .description {
	color: #fff;
}

.single-service a {
	position: relative;
	font-size: 20px;
    color: #1b3d96;
    text-decoration: none;
    font-weight: 500;
    transition: color .3s;
}

.single-service:hover a {
	color: #fff;
}

.single-service a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color:#1b3d96;
	transition: background-color .3s;
}

.single-service:hover a:after {
	background-color: #fff;
}
/*=======================================================================SERVICE SECTION END=======================================================================================*/


/*=======================================================================HOW WE WORK START=========================================================================================*/
.process-box{
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  min-height: 145px;
  position: relative;
  box-shadow: 2px 2px 7px 0 #00000057;
}
.process-left:after{
      content: "";
  border-top: 15px solid #ffffff;
  border-bottom: 15px solid #ffffff;
  border-left: 15px solid #ffffff;
  border-right: 15px solid #ffffff;
  display: inline-grid;
  position: absolute;
  right: -15px;
  top: 46%;
  transform: rotate(45deg);
  box-shadow: 3px -2px 3px 0px #00000036;
  z-index: 1;
}
.process-right:after{
      content: "";
  border-top: 15px solid #ffffff00;
  border-bottom: 15px solid #ffffff;
  border-left: 15px solid #ffffff;
  border-right: 15px solid #ffffff00;
  display: inline-grid;
  position: absolute;
  left: -15px;
  top: 42%;
  transform: rotate(45deg);
  box-shadow: -1px 1px 3px 0px #0000001a;
  z-index: 1;
}

.process-step{
  background: linear-gradient(to right,rgb(84, 51, 255),rgb(32, 189, 255),rgb(165, 254, 203));
  text-align: center;
  width: 80%;
  margin: 0 auto;
  color: #fff;
  height: 100%;
  padding-top: 8px;
  position: relative;
  top: -31px;
  border-radius: 0px 0px 10px 10px;
  box-shadow: -6px 8px 0px 0px #00000014;
}
.process-point-right{
  background:#fff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 8px solid #00c7c6;
  box-shadow: 0 0 0px 4px #25232c;
  margin: auto 0;
  position: absolute;
  bottom: 49px;
  left: -75px;
}
.process-point-right:before{
  content: "";
  height: 155px;
  width: 11px;
  background: #1b3d96;
  display: inline-grid;
  transform: rotate(34deg);
  position: relative;
  left: -50px;
  top: 4px;
}
.process-point-left{
  background: #ffffff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 8px solid #00c7c6;
  box-shadow: 0 0 0px 4px #25232c;
  margin: auto 0;
  position: absolute;
  bottom: 59px;
  right: -76px;
}
.process-point-left:before {
 content: "";
    height: 168px;
    width: 11px;
    background: #1b3d96;
    display: inline-grid;
    transform: rotate(-32deg);
    position: relative;
    left: 50px;
    top: 4px;

}
.process-last{
    top:56px;
    left:-46px !important;
}
.process-last:before{
  display: none;
}
.process-box p{
  z-index: 9;
  margin: 0;
}
.process-step p{
  font-size: 20px;
  color:#fff;
}
.process-step .h2-tx,
.process-step h2{
  margin-top:10px !important;
  font-size: 36px;
  color:#fff;
  font-weight: 700;
  display: block;
}
.process-step:after{
  content: "";
  border-top: 8px solid #04889800;
  border-bottom: 8px solid #1b3d96;
  border-left: 8px solid #04889800;
  border-right: 8px solid #1b3d96;
  display: inline-grid;
  position: absolute;
  left: -16px;
  top: 0;
}
.work-box{
  position: relative;
}
.process-step:before{
  content: "";
  border-top: 8px solid #ff000000;
  border-bottom: 8px solid #00c7c6;
  border-left: 8px solid #00c7c6;
  border-right: 8px solid #ff000000;
  display: inline-grid;
  position: absolute;
  right: -16px;
  top: 0;
}
.process-line-l{
  background:linear-gradient(to right,rgb(84, 51, 255),rgb(32, 189, 255),rgb(165, 254, 203)) !important;
  height: 4px;
  position: absolute;
  width: 136px;
  right: -155px;
  top: 81px;
  z-index: 9;
}
.process-line-r{
  background:linear-gradient(to left,rgb(84, 51, 255),rgb(32, 189, 255),rgb(165, 254, 203)) !important;
  height: 4px !important;
  position: absolute !important;
  width: 119px !important;
  left: -139px !important;
  top: 73px !important;
  z-index: 9 !important;
}
.process-box .p-name,
.process-box h5 {
   background: linear-gradient(to top, #232b7b, #00c7c6);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  line-height: 1.22;
   font-weight: 700; 
  font-size: 21px;
  margin-bottom: -1px;
}
@media only screen and (min-width: 992px) and (max-width: 1398px)  {
  .process-box p {
    z-index: 9;
    line-height: 1.4;
    margin: 0;
}
.process-line-r {
  background: white;
  height: 4px;
  position: absolute;
  width: 136px;
  left: -137px;
  top: 72px;
  z-index: 9;
}
.process-point-right {
  background: #ffffff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 8px solid #00c7c6;
  box-shadow: 0 0 0px 4px #1b3d96;
  margin: auto 0;
  position: absolute;
  bottom: 49px;
  left: -56px;
}
.process-point-left {
  background: #ffffff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 8px solid #00c7c6;
  box-shadow: 0 0 0px 4px #1b3d96;
  margin: auto 0;
  position: absolute;
  bottom: 59px;
  right: -72px;
}

}
@media only screen and (min-width: 992px) and (max-width: 1198px){
  .process-line-l {
    background: white;
    height: 4px;
    position: absolute;
    width: 136px;
    right: -149px;
    top: 67px;
    z-index: 9;
}

.process-point-right {
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 8px solid #00c7c6;
    box-shadow: 0 0 0px 4px #1b3d96;
    margin: auto 0;
    position: absolute;
    bottom: 49px;
    left: -37px;
}

.process-point-left {
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 8px solid #00c7c6;
    box-shadow: 0 0 0px 4px #1b3d96;
    margin: auto 0;
    position: absolute;
    bottom: 49px;
    right: -63px;
}
.process-box{
  min-height: 124px;
  max-height: 124px;
}
.process-box p {
    z-index: 9;
    line-height: 1;
    margin: 0;
}
.process-line-r {
  background: white;
  height: 4px;
  position: absolute;
  width: 136px;
  left: -120px;
  top: 63px;
  z-index: 9;
}
.process-point-right {
  background: #ffffff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 8px solid #00c7c6;
  box-shadow: 0 0 0px 4px #1b3d96;
  margin: auto 0;
  position: absolute;
  bottom: 39px;
  left: -37px;
}
}
@media (max-width:992px) {
  .process-line-l{
      display: none;
  }
  .section-title-header{
    background-size: 100% !important;
  }
  .d-none-phn-work{
    display: none !important;
  }
  .process-point-right{
      display: none;
  }
  .process-point-left{
      display: none;
  }
  .process-line-r{
      display: none;
  }
  .process-step{
      height: 85%;
  }
  .work-box{
      padding: 20px 0;
  }
}
@media (max-width:768px) {
  .sm-justify-content-center{
    justify-content: center;
  }
  .process-step{
      height: 100%;
  }
  .section-title-header{
      top: -10px;
      padding: 10px;
  }
  .section-title{
      font-size: 24px;
  }
  .work-box{
      padding: 20px 0;
  }
}

/*=======================================================================HOW WE WORK END===========================================================================================*/


/*=======================================================================PDF REMEDITION START======================================================================================*/
.sec-icon {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0 auto;
}
.sec-icon::before {
  content: "";
  position: absolute;
  height: 1px;
  left: -70px;
  margin-top: -5.5px;
  top: 60%;
  background: #333333;
  width: 50px;
}
.sec-icon::after {
  content: "";
  position: absolute;
  height: 1px;
  right: -70px;
  margin-top: -5.5px;
  top: 60%;
  background: #333;
  width: 50px;
}
.pdf-service-sec {
  background-color: #f5f5f5;
}
.pdf-service-sec .col {
  padding: 0 1em 1em 1em;
  text-align: center;
}
.pdf-service-sec .service-card {
  width: 100%;
  height: 100%;
  padding: 1em 0.5em;
  border-radius: 5px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  transition: 0.5s;
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fff;
}
.pdf-service-sec .service-card::after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgb(84, 51, 255), rgb(32, 189, 255), rgb(165, 254, 203));
  position: absolute;
  left: 0%; 
  top: -98%;
  z-index: -2;
  transition: all 0.4s cubic-bezier(0.77, -0.04, 0, 0.99);
}
.pdf-service-sec h3 {
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 600;
  color:var(--sixth-color);
  margin: 1em 0;
  z-index: 3;
}
.pdf-service-sec p {
  color: #000;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.03em;
  text-align: center;
  z-index: 3;
}
.pdf-service-sec .icon-wrapper img {
  background-color: #2c7bfe;
  position: relative;
  margin: auto;
  font-size: 30px;
  height: 2.5em;
  width: 2.5em;
  color: #ffffff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  transition: 0.5s;
  z-index: 3;
}
.pdf-service-sec .service-card:hover:after {
  top: 0%;
}
.service-card .icon-wrapper img {
  width: 100px;
  height: 100px;
  padding: 5px;
  background-color: #ffffff;
  color:var(--third-color);
}
.pdf-service-sec .service-card:hover .icon-wrapper{
  color: #0dcaf0;
}
.pdf-service-sec .service-card:hover h3 {
  color: #ffffff;
}
.pdf-service-sec .service-card:hover p {
  color: #f0f0f0;
}
/*=======================================================================PDF REMEDITION END========================================================================================*/


/*=======================================================================COUNTER SECTION START=====================================================================================*/
.counter-section{
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.demo{
    background-color: #e7e7e7;
}
.counter{
    text-align: center;
    width: 200px;
    padding: 50px 0 75px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.counter:before,
.counter:after{
    content: '';
    background: linear-gradient(45deg,#12A3DA,#01C77A);
    width: 100%;
    height: 55%;
    transform: skewY(20deg);
    position: absolute;
    right: 0;
    top: 35px;
}
.counter:after{
    background: linear-gradient(-45deg,#333,#666);
    width: 80%;
    height: 50%;
    transform: skewY(0);
    top: auto;
    bottom: 0;
    z-index: -1;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 64%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 64%, 0% 100%);
}
.counter .counter-content{
    color: var(--primary-color);
    min-height: 140px;
    padding: 23px 18px 0;
    position: relative;
}
.counter h3{
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
.counter .counter-value{
    font-size: 30px;
    font-weight: 600;
    transition: all 0.3s;
}
.counter:hover .counter-value{
    text-shadow: 0 0 5px #000;
    }
.counter .counter-icon{
    color: var(--primary-color);
    font-size: 40px;
    line-height: 35px;
    position: absolute;
    bottom: 30px;
    left: 60px;
    transition: all 0.3s;
}
.counter:hover .counter-icon{
    transform: rotateY(360deg);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
.counter.orange:before{ 
    background: linear-gradient(45deg,#FF8601,#FE5802);
}
.counter.blue:before{
    background: linear-gradient(45deg,#1b8cfc,#021B79);
    }
.counter.purple:before{
    background: linear-gradient(45deg,#FF2732,#AE3C81);
    }

/*=======================================================================COUNTER SECTION END=======================================================================================*/


/*=======================================================================INDUSTRY SECTION START====================================================================================*/
.industry-section{
  margin-bottom:10px;
}
.industry-section>a {
    display: block;
    border: 6px solid red;
    border-radius: 6px;
    text-align: center;
    background: #fff;
    padding: 20px;
    position: relative;
    margin-bottom:30px;
}
.industry-section>a:before {
    display: block;
    content: "";
    width: 9%;
    height: 17%;
    position: absolute;
    bottom: -6px;
    right: -6px;
    border-radius: 6px;
    border-bottom: 6px solid #1b3d96;
    border-right: 6px solid #1b3d96;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.industry-section>a:after {
    display: block;
    content: "";
    width: 9%;
    height: 17%;
    position: absolute;
    border-radius: 6px;
    top: -6px;
    left: -6px;
    border-top: 6px solid #1b3d96;
    border-left:6px solid #1b3d96;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.industry-section>a{
    text-decoration: none;
}
.padding-15px-bottom {
    padding-bottom: 15px;
}
.industry-section h4 {
    color: var(--sixth-color);
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 600;
}
.industry-section p {
    margin-bottom: 0;
  color: #000;
}
.industry-section>a:hover {
    opacity: 1;
    border-color: red;
}
.industry-section>a:hover:before, .industry-section>a:hover:after {
    width: 95%;
    height: 90%;
}
.industry-img{
    width:180px !important;
    height:120px !important;
}
.industry-para{
    text-align:center !important;
}
/*=======================================================================INDUSTRY SECTION END======================================================================================*/


/*=======================================================================TESTIMONIALS SECTION START================================================================================*/
        .testimonials-section {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.testimonials-section:hover .testimonial-slide {
     cursor: pointer;
  animation-play-state: paused;
}
.testimonial-slide {
  display: inline-block;
  animation: 5s slide infinite linear;
}
@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.testimonial:before {
    width: 0;
    height: 0;
    border-top: 100px solid #232b7b;
    border-right: 100px solid transparent;
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50px;}
    
     .testimonial{
            background-color: #232b7b;
            padding-left: 30px;
            padding-bottom: 30px;
            border-radius: 10px;
            border-bottom-left-radius: 0;
            text-align: center;
            margin: 50px;
            display: inline-block;
        }
        .testimonial:before {
            width: 0;
            height: 0;
            border-top: 100px solid #232b7b;   
            content: "";
            position: absolute;
            bottom: -50px;
            left: 50px;
        }
        .testimonial-img{
            left: 4%;
            position: absolute;
            top: 10%;
        }
        .testimonial-img img{
            border-radius: 50%;
            width: 100px;
            height: 100px;
            margin-top:-18px;
            object-fit: contain;
        }
        .testimonial-content{
            background-color: #00c7c6;
            padding: 50px;
            border-radius: 10px;
        }
        .testimonial-content p{
            font-size: 18px;
            line-height: 24px;
            font-weight: 600;
            text-wrap: wrap;
            color: #fff;
            margin-bottom: 25px;
        }
        .testimonial-caption {
            margin-bottom: 0;
            font-weight: 500;
            color: #111121;
            display: block;
        }
        .testimonial-caption h5{
            background: rgba(0,0,0,0.06);
            color: #ffffff;
            padding: 5px 8px;
            font-weight: 500;
            display: inline-block;
            margin-bottom:10px;
        }
        .testimonial-quote {
            background: #fff; 
            text-align: center;
            border-radius: 50%;
            bottom: 0;
            color: #111121; 
            display: inline-block; 
            font-size: 70px;
            line-height: 140px;
            height: 140px;
            position: absolute;
            right: 0;
            width: 140px;
        }
        .stars{
            color: yellow;
        }
        .client-pragraph{
            padding:0 15px;font-size:17px;
        }
/*=======================================================================TESTIMONIALS SECTION END==================================================================================*/


/*=======================================================================CERTIFICATE SECTION START================================================================================*/
    .certificate img{
        width:100%;
        height:450px;
    }
    .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    display: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
/*=======================================================================CERTIFICATE SECTION END==================================================================================*/


/*=======================================================================PORTFOLIO START=========================================================================================*/
.ribbon {
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: absolute
}

.ribbon:before,.ribbon:after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #eb4c4c
}

.ribbon span {
    position: absolute;
    display: block;
    width: 137px;
    padding: 5px 0;
    background-color: #c70202;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font: 700 10px/1 'Lato',sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center
}

.ribbon-top-left {
    top: -10px;
    left: -10px
}

.ribbon-top-left:before,.ribbon-top-left:after {
    border-top-color: transparent;
    border-left-color: transparent
}

.ribbon-top-left:before {
    top: 0;
    right: 0
}

.ribbon-top-left:after {
    bottom: 0;
    left: 0
}

.ribbon-top-left span {
    right: -25px;
    top: 20px;
    transform: rotate(-45deg)
}

.home_banner {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    background: #012238;
    position: relative
}

.home_slider {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    height: 480px
}

.home_slider ul {
    float: left;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%
}

.home_slider li {
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%;
    list-style: none
}

.home_slider img {
    width: auto;
    height: 100%
}

.carousel-caption {
    bottom: 5%;
    left: 2%;
    right: 0;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
    padding: 10px;
    text-align: left
}

.carousel-caption h3 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 18px;
    font-family: 'Roboto Condensed',sans-serif
}

.banner_caption {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 50
}

.shead {
    font-size: 36px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    padding: 0 0 15px 0;
    margin: 0;
    color: #fff;
    position: relative;
    text-transform: inherit;
    text-align: center
}

.shead img {
    vertical-align: bottom
}

.srtext {
    color: #fff;
    padding: 0;
    margin-top: 10px;
    z-index: 0;
    position: relative;
    text-align: center
}

.srtext a {
    display: inline-block;
    color: #fff;
    padding: 4px 8px;
    font-size: 16px
}

.srtext a:hover {
    color: #30a4ee
}

.srtext .a {
    font-size: 22px;
    vertical-align: bottom;
    transition: all .3s ease-in;
    animation: tada 1s linear 0s infinite
}

.caption_content {
    margin-left: 50px
}

.search-area {
    width: 45%;
    position: relative;
    margin: 0 auto
}

.search-area input {
    width: 100%;
    padding: 10px 15px;
    border: 0;
    border-radius: 4px
}

.search-area i {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    height: 100%;
    padding: 15px 18px;
    text-align: center;
    border: 0;
    outline: 0
}

.serach_listt ul.searching_listing,.serach_listt1 ul.searching_listing {
    position: absolute;
    background: #fff;
    box-shadow: 2px 2px 5px #949494;
    transition: .5s;
    margin-bottom: 0;
    padding: 0;
    z-index: 999999!important;
    border: 10px solid #fff;
    background: #fff;
    height: 300px;
    resize: both;
    overflow: scroll;
    width: 100%;
    margin-top: -4px
}

.serach_listt .searching_listing li,.serach_listt1 .searching_listing li {
    background: #efefef;
    padding: 5px 5px;
    margin: 5px;
    border: 1px solid #ccc;
    cursor: pointer
}

.serach_listt .searching_listing li img,.serach_listt1 .searching_listing li img {
    max-height: 33px;
    width: 40px;
}

.serach_listt .searching_listing li:hover,.serach_listt1 .searching_listing li:hover {
    background: #1178ba;
    color: #fff
}

.styled-v-bar {
    background: url(custom-scroll-bar.png) center top no-repeat;
    width: 10px;
    margin-right: 0;
    margin-bottom: 4px
}

.styled-v-bar ins {
    display: block;
    background: url(../images/custom-scroll-bar.png) center bottom no-repeat;
    width: 10px;
    height: 4px;
    position: absolute;
    top: 100%
}

#boxscroll {
    height: 300px;
    width: 100%;
    overflow: auto
}

.featured_logos {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #000;
    padding: 13px 25px;
    margin: 0;
    z-index: 0;
    position: relative;
    border-bottom: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff
}

.featured_logos .clogo {
    height: 20px!important
}

.featured_logos .clogo {
    margin: 0 25px 0 0;
    height: 30px
}

.featured_logos label {
    text-transform: uppercase;
    padding-right: 20px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

.featured_logos label:after {
    background: url(../images/sprites.png) no-repeat top right;
    top: -17px;
    right: -14px;
    position: absolute;
    content: "";
    width: 35px;
    height: 67px
}

.awarded_as {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0 0
}

.awarded_as h1 {
    font-size: 30px;
    color: #444;
    padding: 0 0 25px 0;
    margin: 0;
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: normal;
    text-align: center;
    line-height: 43px
}

.awarded_as h1 span {
    font-size: 32px;
    color: #1178ba;
    font-weight: 600
}

.awardlogo {
    width: 100%;
    min-height: 182px;
    float: left;
    padding: 20px;
    margin: 0 0 30px;
    box-shadow: 2px 2px 5px #949494;
    color: #333;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    line-height: 22px;
    transition: .5s;
    font-family: 'Oswald',sans-serif
}

.awardlogo:hover {
    box-shadow: 2px 2px 15px #949494;
    transition: .5s
}

.awardlogo img {
    margin: 0 auto;
    width: auto;
    height: auto;
    max-height: 100%;
    display: inline-block
}

.banner-ar {
    background-color: #fff;
    box-shadow: 0 0 6px #999;
    padding: 14px;
    margin: 10px 25px 10px 60px
}

.banner-ar img {
    width: 100%
}

.review-area {
    float: left;
    width: 100%;
    background: #eaf6fe;
    padding: 40px 0 30px;
    margin: 0
}

.review-area h2 {
    padding: 0 0 9px 0
}

.review-area h2 strong {
    color: #333;
    font-size: 35px;
    font-weight: 600
}

.review-area h2 span {
    color: #1178ba;
    font-size: 35px;
    font-weight: 600
}

.reviews {
    float: left;
    width: 100%;
    text-align: center
}

.reviews img {
    width: auto;
    height: auto;
    display: inline-block
}

.reviews p {
    font-size: 18px;
    text-align: center
}

.about_area {
    float: left;
    width: 100%;
    padding: 48px 0 43px;
    margin: 0;
    background: url(../images/about-bg.jpg) center top no-repeat;
    background-size: auto;
    background-size: cover
}

.about_area h1,.about_area h2,.about_area h3 {
    color: #fff;
    text-align: center
}

.about_area h1 span,.about_area h2 span,.about_area h3 span {
    color: #fff;
    font-size: 40px;
    font-weight: 600
}

.about_area h2 {
    line-height: 43px;
    padding: 0 0 9px 0
}

.about_area h3 {
    padding: 0 0 14px 0
}

.about_area p {
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    font-size: 17px;
    padding-bottom: 43px
}

.about_area p a {
    color: #87caf9;
}

.about_video iframe {
    width: 100%;
    height: 200px
}

.work_area {
    float: left;
    width: 100%;
    background: #fff;
    padding: 45px 0 55px;
    margin: 0
}

.work_area h2 {
    text-align: center;
    padding: 0 0 9px 0;
    color: #444;
    line-height: 43px
}

.work_area h2 span {
    font-size: 40px;
    color: #1178ba;
    font-weight: 600
}

.work_area h3 {
    color: #1178ba;
    padding: 0 0 14px 0;
    text-transform: capitalize;
    font-size: 18px
}

.work_area p {
    padding: 0 0 15px 0;
    margin: 0;
    text-align: center
}

.portfolio_menu {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 25px 0 0 0;
    text-align: center;
    border: 0;
    display: block!important
}

.portfolio_menu li {
    width: auto;
    height: auto;
    padding: 0;
    margin: 25px 0 0 0;
    display: inline-block;
    float: none;
    cursor: pointer
}

.portfolio_menu li img {
    display: table;
    margin: 0 auto;
    margin-bottom: 9px
}

.portfolio_menu li a span {
    width: 100%;
    text-align: center;
    margin: 0;
    cursor: pointer;
    background: #777;
    color: #fff;
    text-align: center;
    padding: 6px 30px;
    border-radius: 50px;
    font-size: 18px;
    color: #efefef;
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: normal;
    overflow: hidden
}

.portfolio_menu li.active a span,.portfolio_menu li.active a:focus span,.portfolio_menu li.active a:hover span {
    color: #fff;
    cursor: default;
    background: #1178ba;
    border: 0;
    border-bottom-color: transparent;
    font-size: 18px
}

.portfolio_menu li a:hover span:before {
    border-radius: 50px;
    background: #1178ba
}

.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1178ba;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-top:hover,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:active {
    color: white
}

.hvr-sweep-to-top:hover:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.tab_slider {
    float: left;
    width: 100%;
    margin: 30px 0
}

.owl-carousel .owl-stage-outer {
    padding-top: 15px
}

.tab_slider .portfolio_box {
    width: 100%;
    margin: 0 0 20px;
    padding: 0
}

.tab_slider .portfolio_box .image {
    width: 100%;
    height: 190px;
    padding: 0;
    text-align: center;
    position: relative
}

.tab_slider .portfolio_box .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%,-50%);
    width: auto;
    max-height: 100%;
    height: auto
}

.tab_slider .owl-prev,.tab_slider .owl-next {
    line-height: 0;
    position: absolute;
    top: 48.5%;
    display: block;
    width: 45px;
    height: 45px;
    line-height: 30px;
    padding: 0;
    transform: translate(0,-50%);
    cursor: pointer;
    color: #0e81b8;
    font-size: 14px;
    border: 0;
    outline: 0;
    background: transparent;
    border-radius: 0;
    z-index: 9;
    border: 1px solid #0e81b8;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
    z-index: 50
}

.tab_slider .owl-nav .owl-prev {
    left: -20px
}

.tab_slider .owl-nav .owl-next {
    right: -20px
}

.tab_slider .owl-nav .owl-prev:hover,.tab_slider .owl-nav .owl-next:hover {
    background: #0e81b8;
    color: #fff;
    border-color: #0e81b8
}

.project_discuss {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.readyar {
    float: left;
    width: 100%;
    position: relative;
    border: 1px solid #1f80be;
    border-radius: 3px;
    margin: 0 15px -60px 15px;
    padding: 40px 105px 40px;
    color: #1178ba;
    font-size: 48px;
    font-family: 'Roboto Condensed',sans-serif;
    box-shadow: 0 4px 0 #1178ba;
    z-index: 6;
    background-color: #fff
}

.contbt {
    background-color: #1178ba;
    color: #FFF;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 50px;
    margin: 0;
    float: right;
    border-radius: 4px
}

.contbt span {
    font-size: 22px;
    margin-left: 7px
}

.contbt:before {
    background-color: #000!important
}

.seo_portfolio {
    float: left;
    width: 100%;
    background: #000 center top no-repeat;
    background-size: cover;
    padding: 40px 0 70px;
    margin: 0;
    color: #fff
}

.seo_portfolio h2 {
    text-align: center;
    font-size: 40px;
    padding: 0 0 9px 0
}

.seo_portfolio h2 span {
    color: #1178ba;
    font-size: 35px;
    font-weight: 600
}

.seo_portfolio h2 strong {
    color: #fff
}

.seo_portfolio h4 {
    color: #fff;
    padding: 0 0 7px 0;
    text-align: center;
    text-decoration: underline
}

.seo_portfolio p {
    color: #f7f7f7;
    text-align: center
}

.seotab {
    width: 100%;
    height: auto;
    padding: 0!important;
    margin: 45px 0 0 0!important;
    text-align: center;
    border: 0;
    position: relative;
    z-index: 3;
    display: block!important
}

.seotab li {
    width: 150px;
    height: 102px;
    padding: 0 0 0 0!important;
    margin: 0 0 0 0!important;
    display: inline-block;
    float: none;
    cursor: pointer;
    text-align: center
}

.seotab>li>a .img {
    display: table;
    margin: 0 auto;
    margin-bottom: 0;
    height: 50px;
    width: 50px
}

.seotab>li>a .img img {
    height: auto;
    width: auto
}

.seotab a img {
    margin: 0 8px 0 0;
    max-width: 45px!important;
    height: auto
}

.seotab>li>a {
    padding: 0 0 0 0!important;
    margin: 0!important;
    font-size: 24px!important;
    color: #FFF;
    font-family: 'Roboto Condensed',sans-serif!important;
    font-weight: normal!important
}

.seotab>li>a:hover {
    color: #1178ba;
    border-bottom: 3px solid #1178ba!important;
    background: 0;
    border: 0;
    padding: 0 0 19px 0!important;
    font-weight: normal!important
}

.seotab>li.active>a,.seotab>li.active>a:focus,.seotab>li.active>a:hover {
    color: #1178ba;
    border: 0;
    background: 0;
    padding: 0 0 10px 0
}

.seotab .active {
    background: 0;
    transition: 0s;
    border-bottom: 3px solid #1178ba
}

.tabseo {
    float: left;
    margin-top: -2px;
    padding: 25px 0 0 0;
    height: auto;
    width: 100%;
    border-top: 1px solid #FFF;
    position: relative;
    z-index: 1
}

.seoport {
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    padding: 15px;
    color: #575757;
    font-size: 11px;
    line-height: 18px;
    margin-bottom: 25px;
}

.seoport td {
    padding-top: 3px!important;
    padding-bottom: 3px!important
}

.seobt {
    background-color: #1178ba;
    color: #fff;
    font-size: 17px;
    text-align: center;
    padding: 8px 23px 8px 50px;
    margin: 10px 0 0 0;
    float: right;
    transition: .5s;
    font-family: 'Roboto Condensed',sans-serif
}

.seobt:hover {
    background-color: #333;
    color: #fff;
    transition: .5s
}

.seobt:hover:before {
    content: "";
    border-color: #fff #333 transparent transparent;
    transition: .5s
}

.seobt:before {
    content: "";
    border-width: 34px 34px 0 0;
    border-style: solid;
    border-color: #fff #1178ba transparent transparent;
    position: absolute;
    margin: -8px 0 0 -55px;
    transition: .5s
}

.seo_header {
    float: left;
    width: 100%;
    position: relative;
    border: 1px solid #eee;
    margin-bottom: 10px
}

.website_image {
    float: left;
    width: 100%;
    position: relative;
    height: 80px;
    border-right: 0px solid #eee
}

.website_image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%,-50%);
    width: auto;
    max-height: 100%
}

.seoname {
    color: #000;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 20px;
    text-align: left;
    line-height: 25px;
    padding: 15px 0 0
}

.seoname a {
    color: #1178ba;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 13px;
    text-align: left;
    text-decoration: none
}

.seoname a:hover {
    color: #333
}

.wps-table {
    width: 100%;
    text-align: left;
    float: left;
    border: 1px solid #d0d0d0;
    border-collapse: collapse;
    height: 220px
}

.wps-table td {
    border: 1px solid #d0d0d0;
    padding: 0;
    text-align: center;
    color: #000;
    height: 20px;
    text-align: center;
    font-size:medium;
    vertical-align: middle
}

.wps-table tr:first-child td {
    height: 25px
}

.wps-table tr:first-child td:nth-child(2),.wps-table tr:first-child td:nth-child(3) {
    background: #f3e3c6
}

.wps-table td:first-child {
    width: 65%
}

.wps-table td:nth-child(2),.wps-table td:nth-child(3) {
    width: 22%
}

.wps-table tr td:nth-child(2) {
    width: 15%;
    background: #eee;
    border: 1px solid #d0d0d0;
    text-align: center;
    vertical-align: middle
}

.wps-table tr td:nth-child(3) {
    width: 20%;
    background: #e6e6e6;
    border: 1px solid #d0d0d0;
    text-align: center;
    vertical-align: middle
}

.solution {
    float: left;
    width: 100%;
    margin: 0;
    padding: 45px 0 0;
    text-align: center
}

.solution h2 {
    line-height: 43px;
    padding: 0 0 9px 0
}

.solution h2 span {
    color: #1178ba;
    font-size: 35px;
    font-weight: 600
}

.solutionbox {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0
}

.solutionbox li {
    width: 18%;
    height: auto;
    padding: 0;
    margin: 17px 1% 0 1%;
    font-size: 13px;
    line-height: 19px;
    color: #333;
    text-align: center;
    float: left;
    transition: .5s;
    list-style: none;
    background: transparent;
    position: relative;
    z-index: 99;
}

.solutionbox li a {
    position: relative;
    overflow: hidden;
    padding: 20px 15px;
    color: #333
}

.solutionbox li a:before,.solutionbox li a:after {
    content: '';
    position: absolute;
    left: 0;
    z-index: -1;
    background-color: #eee;
    border-color: #eee
}

.solutionbox li a:before {
    top: 0;
    right: 0;
    bottom: 16px
}

.solutionbox li a:after {
    top: auto;
    right: -5px;
    bottom: 0;
    border-style: solid;
    border-width: 16px 20px 0 0;
    background-color: transparent;
    border-right-color: transparent
}

.solutionbox li a:hover:before,.solutionbox li a:hover:after {
    background: #1178ba;
    border-color: #1178ba
}

.solutionbox li a:hover:after {
    top: auto;
    right: -5px;
    bottom: 0;
    border-style: solid;
    border-width: 16px 20px 0 0;
    background-color: transparent;
    border-right-color: transparent
}

.solutionbox li a h3 {
    color: #1178ba!important;
    font-size: 18px!important;
    padding: 0 0 14px 0;
    text-transform: capitalize!important
}

.solutionbox li:hover .icons {
    transform: rotate(360deg);
    transition: .5s
}

.solutionbox li:hover a {
    color: #fff!important
}

.solutionbox li:hover a h3 {
    color: #fff!important
}

.solutionbox li .icons {
    text-align: center;
    width: 115px;
    height: 115px;
    border: 1px solid #1178ba;
    border-radius: 50%;
    margin: 0 auto 19px;
    display: table;
    background-color: #fff
}

.solutionbox li .icons img {
    margin: 18px 0 0 0;
    margin-top: 40px;
    width: 40px;
    height: 33px
}

.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg,#1178ba 10px,#1178ba 0) top left,linear-gradient(225deg,#1178ba 10px,#1178ba 0) top right,linear-gradient(315deg,transparent 10px,#1178ba 0) bottom right,linear-gradient(45deg,#1178ba 10px,#1178ba 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-rectangle-out:hover,.hvr-rectangle-out:focus,.hvr-rectangle-out:active {
    color: white
}

.hvr-rectangle-out:hover:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:active:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.offerbg {
    float: left;
    width: 100%;
    background: #000 url(../images/offerbg.jpg) center top no-repeat;
    background-size: cover;
    padding: 120px 0 80px;
    margin: -37px 0 0 0;
    color: #fff;
    z-index: -1;
    transition: 2s
}

.offerbg h2 {
    text-align: center;
    padding: 0 0 9px 0;
    line-height: 43px
}

.offerbg h2 span {
    color: #fff;
    font-weight: bold;
    font-size: 35px
}

.offerbg p {
    color: #f7f7f7;
    text-align: center
}

.greyli {
    background: #666;
    padding: 0;
    margin: 25px 0 25px 0;
    width: 100%;
    height: 1px
}

.offerbox {
    color: #f7f7f7;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 30px
}

.offerbox .img {
    float: left;
    width: 60px;
    margin: 0 15px 30px 0;
    text-align: center;
    transition: .3s
}

.offerbox:hover .img {
    transform: scale(1.2);
    transition: .3s
}

.offerbox:hover h2 {
    color: #1178ba;
    transition: .3s
}

.offerbox:hover {
    color: #ccc
}

.happy_clients {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.clientbg {
    background: #1178ba url(../images/quotebg.png) 19% 50% no-repeat;
    color: #fff;
    padding: 50px 103px;
    margin: 0;
    height: 530px;
    overflow: hidden
}

.clientbg h1,.clientbg h2 {
    color: #FFF!important;
    text-align: center
}

.clientbg h1 span,.clientbg h2 span {
    color: #FFF
}

.clientbg h2 {
    text-align: center;
    line-height: 43px;
    padding: 0 0 9px 0
}

.clientbg h2 span {
    font-size: 35px;
    font-weight: 600
}

.clientbg p {
    color: #FFF;
    margin-top: 7px
}

.cname {
    font-size: 25px;
    font-family: 'Open Sans',sans-serif;
    text-align: center;
    font-weight: bold;
    margin: 28px 0 0 0
}

.cname span {
    font-weight: normal;
    font-size: 18px
}

.cimage {
    background: #030203;
    padding: 0;
    min-height: 530px
}

.wps-happy-clients {
    width: 100%;
    height: 530px;
    border: 0
}

.video_image_home {
    height: 530px;
    overflow: hidden;
    position: relative
}

.video_image_home img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%,-50%);
    width: auto;
    max-height: 100%;
    width: 100%;
}

.ready_1 {
    margin-top: -70px
}

.articles {
    float: left;
    width: 100%;
    margin: 0;
    padding: 115px 0 50px;
    background: #fff
}

.web-articals {
    width: 100%;
    background-color: #afd9f6;
    color: #333;
    font-size: 30px;
    padding: 25px 15px 25px 15px;
    margin: 0 0 30px 0;
    font-family: 'Roboto Condensed',sans-serif;
    text-align: center
}

.marketing-guides {
    width: 100%;
    background-color: #f6dfaf;
    color: #333;
    font-size: 30px;
    padding: 25px 15px 25px 15px;
    margin: 0 0 30px 0;
    font-family: 'Roboto Condensed',sans-serif;
    text-align: center
}

.external-resources {
    width: 100%;
    background-color: #d5d5d5;
    color: #333;
    font-size: 30px;
    padding: 25px 15px 25px 15px;
    margin: 0 0 30px 0;
    font-family: 'Roboto Condensed',sans-serif;
    text-align: center
}

.hvr-curl-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: white;
    background: linear-gradient(315deg,white 45%,#aaa 50%,#ccc 56%,white 80%);
    box-shadow: -1px -1px 1px rgba(0,0,0,0.4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height
}

.hvr-curl-bottom-right:hover:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:active:before {
    width: 25px;
    height: 25px
}

.artbt {
    float: left;
    width: 100%;
    border-bottom: 1px solid #c2c2c2;
    text-decoration: none;
    margin: 0;
    padding: 0
}

.artbt:hover {
    border-bottom: 1px solid #1178ba
}

.artbt a {
    color: #1178ba;
    font-size: 20px;
    font-family: 'Roboto Condensed',sans-serif;
    padding: 15px 0;
    margin: 0;
    text-decoration: none;
    background-color: #fff;
    line-height: 5px!important;
    transition: .4s
}

.artbt a:hover {
    color: #000;
    transition: .4s
}

.articles_box {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    margin: 0 0 27px 0;
    padding: 0;
    background: #fff
}

.articles_box a {
    display: block
}

.image {
    background: #fff;
    width: 100%;
    text-align: center;
    overflow: hidden;
    position: relative;
    height: 184px
}

.articles_box .image img {
    position: absolute;
    max-width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto
}

.articles_box h5 {
    background-color: #efefef;
    border-top: 1px solid #ccc;
    font-size: 16px;
    color: #333;
    padding: 8px 14px 8px 18px;
    line-height: 25px;
    height: 95px;
    position: relative
}

.articles_box h5 span {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%,-50%);
    width: 100%;
    padding: 0 15px;
    font-size: 16px;
    color: #333;
    font-family: 'Poppins',sans-serif
}

.articles_box:hover h5 span {
    color: #1178ba
}

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0,transparent 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform,opacity;
    transition-property: transform,opacity
}

.hvr-float-shadow:hover,.hvr-float-shadow:focus,.hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.hvr-float-shadow:hover:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.our_happy {
    float: left;
    width: 100%;
    background: url(../images/our-happybg.jpg) center top no-repeat;
    background-size: cover;
    padding: 60px 0 85px;
    margin: 0;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    font-family: 'Roboto Condensed',sans-serif;
    text-align: center;
    line-height: 37px
}

.our_happy img {
    margin-bottom: 22px;
    margin-top: 10px
}

.our_happy h2 {
    padding: 0 0 9px 0;
    line-height: 43px
}

.our_happy h2 strong {
    color: #333;
    font-size: 35px;
    font-weight: 600
}

.our_happy h2 span {
    color: #1178ba;
    font-size: 35px;
    font-weight: 600
}

.stats img {
    border-radius: 4px;
    width: 94px;
    height: 94px;
    transition: .5s
}

.wei:hover img {
    transition: .5s;
    transform: scale(0.8)
}

.home_contact {
    float: left;
    width: 100%;
    background: url(../images/contbg.jpg) center top no-repeat;
    background-size: auto;
    background-size: cover;
    margin: 0;
    padding: 87px 20px 230px
}

.location_area .frame {
    max-width: 1578px;
    margin: 0 auto;
    border-radius: 5px;
    padding: 25px;
    border: 1px solid rgba(86,207,255,.3);
    border-top: 0;
    position: relative;
    z-index: 2
}

.location_title {
    display: block;
    position: relative;
    text-align: center;
    margin-top: -72px;
    color: #fff;
    font-size: 36px;
    font-weight: 600
}

.location_title img {
    width: 50px;
    height: 60px
}

.location_title span {
    display: inline-block
}

.location_title span:after,.location_title span:before {
    content: "";
    height: 26px;
    width: 41%;
    position: absolute;
    top: 76%;
    border: solid rgba(86,207,255,.3);
    border-width: 1px 0 0
}

.location_title span:after {
    left: -25px;
    border-radius: 5px 0 0
}

.location_title span:before {
    right: -25px;
    border-radius: 0 5px 0 0
}

.location_area .t-holder {
    border-top: 13px solid transparent;
    display: table;
    width: 100%
}

.wps_location {
    vertical-align: top;
    width: 25%;
    position: relative;
    transition: width .5s linear;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle
}

.wps_location:not(:first-child):not(.location_active):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%
}

.wps_location.location_active {
    width: 50%
}

.wps_location.location_active:before {
    background: 0
}

.wps_location .location_image {
    transition: all .5s linear;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 330px;
    width: 0;
    overflow: hidden;
    text-align: right
}

.wps_location .location_image:first-child {
    right: 320px
}

.wps_location .location_image img {
    max-width: 999px
}

.wps_location.location_active .location_image {
    width: 200px
}

.wps_location:first-child.location_active .location_image {
    width: 200px
}

.wps_location .content {
    padding: 0 20px 0 0;
    float: right;
    width: 280px;
    font-family: 'Poppins',sans-serif
}

.wps_location .content h6 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: normal;
    margin: 0;
    padding: 0
}

.wps_location .content p {
    font-style: normal;
    display: block;
    font-size: 14px;
    padding: 4px 0 6px;
    margin-bottom: 20px;
    line-height: normal;
    color: #fff;
    font-weight: 400;
    text-align: left;
}

.wps_location .content a {
    color: #fff;
    font-size: 14px;
    text-decoration: none
}

.wps_location .content a i {
    margin-right: 5px
}
.map {
    padding: 16px;
    background: #fff;
    box-shadow: 1px 1px 15px #0a507c;
    margin: -160px 0 45px 0;
    position: relative;
    z-index: 0
}

.map iframe {
    width: 100%;
    height: 390px;
    border: 0
}

.map img {
    width: 100%;
    margin: 0;
    padding: 0
}
/*=======================================================================PORTFOLIO END============================================================================================*/


/*=======================================================================LATEST TECHNOLOGIES START=================================================================================*/
 .tech-slide {
        overflow: hidden;
        padding: 60px 0;
        background: #c2c2c7a6;
        white-space: nowrap;
        position: relative;
      }
      
      .tech-slide::before,
      .tech-slide::after {
        position: absolute;
        top: 0;
        width: 250px;
        height: 100%;
        content: "";
        z-index: 2;
      }
      .tech-slide::after {
        right: 0;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
      }
      .tech-slide::before {
        left: 0;
        background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
      }
      .tech-slide:hover .tech-box {
           cursor: pointer;
        animation-play-state: paused;
      }
      .tech-box {
        display: inline-block;
        animation: 2s slide infinite linear;
      }
      .tech-box img {
        height: 50px;
        margin: 0 20px;
      }
      .tech-box {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin: 10px;
    padding: 20px;
    text-align: center;
    width: 150px;
    transition: transform 0.3s;
}
.tech-box h4 {
    margin: 10px 0 0;
    font-size: 1.2em;
     background: linear-gradient(to top, #232b7b, #00c7c6);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
/*=======================================================================LATEST TECHNOLOGIES END===================================================================================*/


/*========================================================================POST YOUR BUY REQUIREMENTS START=================================================================*/

.buy-form{
    background-image: url('assets/images/banner/Digital-Marketing-Services.webp');
    background-position: center;
    background-size: cover;
    height: auto;
    width: 100%;
    padding: 30px 0;
    
    background-repeat: no-repeat;
}

.welcom h3{
    font-size: 30px;
    color: #fff;
    padding: 50px 0 0;
    margin: 0px;
    letter-spacing: 0px;
}

.welcom ul{
    margin: 20px 0;
    padding: 0px;
    
}

.welcom li{
    margin: 20px 0 0;
    padding: 0px;
    font-size: 18px;
    color: #fff;
    display: block;
    
}

.welcom i{
   height: 45px;
    width: 45px;
    background-color: #fff;
    border-radius: 50%;
    padding: 12px 1px 0;
    text-align: center;
    font-size: 22px;
    color: #212764;
}

.submi-btn{
    font-size: 18px;
    margin: 0px;
    padding: 7px;
    border-radius: 5px;
    width: 100%;
}

.why-diffrent{
  padding: 22px 0 0;
    margin: 0px;
    height: auto;
    width: 100%;
    text-align: center;
    background-color: #eaf5fe;
}

.we-are{
  
    height: auto;
    width: 100%;
    padding: 4px;
    border-radius: 6px;
    padding: 10px 0 0;
   margin: 0 0 20px;
    
    
}
.we-are img{
    height: 120px;
    padding: 17px 0;
    float: left;
    margin: 0 3px;
    
}


.we-are h3{
    
    font-size: 22px;
    text-transform: capitalize;
    margin: 0px;
    letter-spacing: 0px;
    color: #fff;
    padding: 45px 0 0px;

}

.technoloy-sec{
     padding: 30px 0 40px;
    margin: 0px;
    background-color:#fff;
    text-align: center;
    background-position: center;
}

.whatsapp-link img {
   height: 60px;
    width: 60px;
    position: fixed;
    left: 17px;
    bottom: 26px;
    z-index: 9999;
}

.help-btn{
    padding: 9px 4px;
    font-size: 15px;
    font-weight: 600;
}

.texh img{
    height: auto;
    width: 100%;
    
}

.queto-bg{
    background-image: linear-gradient(to right, rgb(84, 51, 255), rgb(32, 189, 255), rgb(165, 254, 203));
    padding: 20px 10px;
    margin: 24px 0 30px;
    background-position: left;
    height: 132px;
    width: 100%;
    box-shadow: 1px 1px 3px 3px #ccc;
}

.queto-he h3{
       font-size: 20px;
    color: #030303;
    margin: 0px;
    padding: 10px 0 0;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 600;

}

.queto-he p{
    color: #fff;
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    margin: 0px;
    padding: 0px;
}

.btn-queto{
       margin: 30px 0 0;
    color: #000;
    background-color: #fff !important;
    border-radius: 20px;
    padding: 8px 10px;
}

.enquiry-btn img{
    position: fixed;
    right: 0px;
    top: 200px;
    z-index: 99999;
    height:240px;
}
.enquiry-btn a{
    cursor: pointer;
}
.modal {
    position: fixed;
    top: 100px;
    left: 0 !important;
    z-index: 999999999;
    width: 100%;
    height: 100%;

}

.modal-backdrop {
    display: none !important;
}

.about-he h2{
    letter-spacing: 0;
    font-size: 31px;
    color: #0346ad;
    padding:20px 0px;
    font-weight: 600;
}
.about-he h2 a{color:#0346ad;}

.technology ul{
    margin: 0px;
    padding: 0px;
    
}


.technology li{
   display: inline-block;
    margin: 0px 2px;
    padding: 5px;
    border-radius: 5px;
    background-color: #fff;
    height: 105px;
    border: 1px solid #212764;
    width: 115px;
    text-align: center;
}
.technology li:hover{
      transition: 0.2s;
    box-shadow: 1px 1px 3px 3px #212764;
    border: 1px solid #212764;
    cursor: pointer;
    
}
.technology h6{
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 0px;
    text-align: center;
}

.year-se img{
       max-height: 229px;
    margin: 35px;
    padding: 0px;
}

.year-se h4{
    font-size: 28px;
    letter-spacing: 0px;
    color: #212763;
    margin: -1px 0;
    padding: 24px 10px;
    text-align: left;
    line-height: 36px;
}

.social-icons h4{
    color: #fff;
    padding: 5px 0 0;
}

.app-content img{
    height: auto;
    width: 100%;
    margin: 0px;
    padding: 0px;
}


.app-content ul{
    margin: 0px;
    padding: 0px;
}
.app-content li{
    margin: 23px 0;
    padding: 0px;
    display: block;
    font-size: 17px;
    text-transform: capitalize;
    color: #222865;
    font-weight: 600;
    letter-spacing: 0px;

}

.app-content i{
    font-size: 18px;
    text-align: center;
    padding: 5px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #feaf47;
    color: #fff;
    
}

.section-title2 h3{
   font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin: 0px 0 11px;
    padding: 5px 0 0;
    color: #01080b;
}

.border-se{
    border-bottom: 1px solid #2c2c61;
    border-right: 1px solid #2c2c61;
}
.border-bot{
    border-bottom: 1px solid #2c2c61;
}
.border-se2{
   
    border-right: 1px solid #2c2c61;
}

.app-section{
    background-image: linear-gradient(rgb(247 247 254 / 89%), rgb(232 243 253 / 92%)), url(../images/soft.jpg);
    padding: 20px 10px;
    margin: 0;
    background-position: left;
    height: auto;
    width: 100%;
   
}

.review-btn{
    float: right;
}
.four-ti{
    font-size: 26px;
    letter-spacing: 0px;
}
.test{
    font-size: 24px;
    letter-spacing: 0px;
}

.work-process-inner h4{
    font-size: 20px;
    letter-spacing: 0px;
    margin: 0px;
    padding: 0px;
}

.sub-drop{
    padding: 40px !important;
    background: #141414;
    top: 120%;
    margin-top: 0;
    width: 1078px;
    right: -410px !important;
}

.create-btn a{
        background: rgb(255,120,16) !important;
    background: linear-gradient(90deg, rgba(255,120,16,1) 0%, rgba(255,94,44,1) 90%) !important;
    color: #ffffff !important;
        width: 149px;
    margin: 10px 0 0;
    height: 38px;
    padding: 5px !important;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
}

.main-ser h6{
    font-size: 15px;
    letter-spacing: 0px;
    color: #fff;
    padding: 5px;
}

.main-ser h3{
     font-size: 19px;
    letter-spacing: 0px;
    color: #fff;
    padding: 5px;
    color: rgb(255,120,16);
}

.about-inner{
    padding: 30px 0 0;
    margin: 0px;
  background-image: linear-gradient(rgb(247 247 254 / 89%), rgb(232 243 253 / 92%)), url(../images/soft.jpg);
    padding: 20px 10px;
    margin: 0;
    background-position: left;
    height: auto;
    width: 100%;
}

.about-cont p{
    font-size: 15px;
    color: #000;
    margin: 0px;
    line-height: 23px;
    padding: 15px 0 0;
    letter-spacing: 0px;
    text-align: justify;
    
}

.vission-abt{
    padding: 20px 0;
    margin: 0px;
    height: auto;
    width: 100%;
}

.inner-servi img{
    float: none;
}

.why-chose{
     background-image: linear-gradient(rgb(80 172 185 / 50%), rgb(254 180 72 / 77%)), url(../images/soft.jpg);
    padding: 20px 10px;
    margin: 0;
    background-position: left;
    height: auto;
    width: 100%;
}

.service-details{
    padding: 30px 0px;
    margin: 0px;
    height: auto;
    width: 100%;
    background-color: #fff;
    
}
.contet h1{
       font-size: 26px;
    letter-spacing: 0px;
    color: #53aebb;
    line-height: 27px;
    padding: 15px 0 6px;
    text-transform: capitalize;
    margin: 0px;
    font-weight: 500;
}

.contet p{
      font-size: 18px;
    color: #000;
    margin: 0px;
    line-height: 23px;
    padding: 0px 0 6px;
    letter-spacing: 0px;
    text-align: justify;
}

.desc-image img{
    height: auto;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.work-img img{
    height: 80px;
    widows: 80px;
    text-align: center;
}

.work-process-inner h3{
       font-size: 22px;
    letter-spacing: 0px;
    color: #53aebb;
    line-height: 27px;
    padding: 1px 0 0px;
    text-transform: capitalize;
    margin: 0px;
    font-weight: 600;
}
.work-process-inner p{
     font-size: 16px;
    color: #000;
    margin: 0px;
    line-height: 23px;
    padding: 3px 0 0;
    letter-spacing: 0px;
    text-align: justify;
}

.form-background{
    background-image: linear-gradient(rgb(234 245 255 / 73%), rgb(232 232 232 / 95%)), url(../images/car.jpg);
    padding: 20px 10px;
    margin: 0;
    background-position: top;
    height: auto;
    width: 100%;
}

.login-form h6{
    color: #000;
    font-size: 17px;
    letter-spacing: 0px;
    margin: 0px;
    padding: 0px 0 20px;
}
.login-form a{
    color: orange;
    font-size: 17px;
    letter-spacing: 0px;
    margin: 24px;
}

.login-form h3{
    padding-bottom: 10px;
    margin-bottom: 10px;
      font-size: 27px;
    font-weight: 600;
    color: #feb449;
  
}

.blogs{
    padding: 30px 0;
    margin: 0px;
    background-color: #fff;
    height: auto;
    width: 100%;
}

.post-title h3{
    letter-spacing: 0px;
    font-size: 23px;
    color: #feaf47;
}

.post p{
    font-size: 18px;
    color: #000;
    margin: 0px;
    padding: 0px;
    line-height: 24px;
    text-align: justify;
    letter-spacing: 0px;
    
    
}

.post-desc ul li{
    color:#000;
    font-weight:600;
    font-size: 18px;
}
.box-shadow p{
    font-size: 15px;
    color: #000;
    margin: 0px;
    padding: 0px;
    line-height: 24px;
    text-align: justify;
    letter-spacing: 0px;
}
/*========================================================================POST YOUR BUY REQUIREMENTS END=================================================================*/



/*===================================================================================FAQ SECTION START==========================================================================*/

/* FAQ Section Styles */
.faq-section {
    position: relative;
    padding: 100px 0;
    background-size: contain;
    background-position: right;
    background-image: url('images/bg/02.png');
}

.section-title {
    text-align: left;
}

.section-title h6 {
    font-size: 16px;
    color: #1b3d96;
    margin-bottom: 10px;
}

.section-title h3 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #000;
}

.accordion-item {
    border: none;
    margin-bottom: 1.5rem;
    border-radius: 5px;
    background-color: #f8f9fa;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.accordion-header {
    border-bottom: none;
}

.accordion-button {
    background-color: #1b3d96;
    color: #fff;
    border: none;
    padding: 15px 20px;
    font-size: 18px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.accordion-button:not(.collapsed) {
    background-color: #1b3d96;
    color: #fff;
}

.accordion-button::after {
    color: #fff;
}

.accordion-body {
    padding: 20px;
    font-size: 16px;
    color: #333;
}

.accordion-body a {
    color: #1b3d96;
    text-decoration: none;
    transition: color 0.3s ease;
}

.accordion-body a:hover {
    color: #1b3d96;
}

.work-process {
    margin-top: 50px;
}

.work-process .work-process-inner {
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}

.work-process .step-num {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.work-process h4 {
    font-size: 22px;
    font-weight: bold;
    color: #000;
    margin-bottom: 15px;
}

.work-process p {
    font-size: 18px;
    color: #333;
    margin-bottom: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .section-title {
        text-align: center;
    }

    .work-process .step-num {
        left: 50%;
        transform: translateX(-50%);
        top: -30px;
    }
}

/*===================================================================================FAQ SECTION END============================================================================*/


/*=============================================================================OUR BLOGS START=====================================================================================*/
.blog {
  margin-top: 20px;
}
.blog-img img {
  width: 100%;
  height: 200px;
}
.blog-sec {
  height: 420px;
}

.blog-top {
  color: #1b3d96;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0;
}
.blog-body {
  padding: 10px;
  margin-left: 10px;
  margin-top: -30px;
  position: absolute;
  background-color: #f2f5f9;
  width: 390px;
  z-index: 999;
}
.blog-main {
  font-size: 22px;
  background: linear-gradient(to top, #232b7b, #00c7c6);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 600; 
  margin-bottom: 8px;
  margin-top: 8px;
}
.blog-icon{
    display:flex;
    gap:30px;
    color:red;
}
/*=============================================================================OUR BLOGS END=======================================================================================*/


/*=============================================================================PORTFOLIO INNER START==============================================================================*/
.seo_portfolio_list {
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff
}

.seo_title_link {
    border: 1px solid #cbcbcb;
    border-bottom: 0;
    background-color: #e9f6fe;
    color: #0e90d9;
    font-size: 17px;
    padding: 8px 0;
    padding-left: 0;
    margin: 0;
    text-decoration: none;
    padding-left: 22px;
    height: auto;
    width: 100%
}

.seo_title_link a {
    display: block;
    text-decoration: none;
    color: #0e90d9
}

.seo_title_link:hover,.seo_title_link:focus {
    background: #0e90d9
}

.seo_title_link:hover a,.seo_title_link:hover a:focus {
    color: #fff
}

.seotex {
    float: left;
    width: 100%;
    color: #282828;
    font-size: 16px;
    font-family: 'Poppins',sans-serif;
    line-height: 27px;
    padding: 0;
    min-height: 140px;
    margin-bottom: 20px
}

.seo_header {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #cbcbcb;
    border-bottom: 0
}

.seo_header .col-md-5 {
    border-right: 1px solid #cbcbcb
}

.seo_logo {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    height: 100px;
    position: relative;
    text-align: center
}

.seo_logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    transform: translate(-50%,-50%);
    width: auto
}

.seo_header span {
    font-weight: 600
}

.tba {
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb
}

.seotable2 {
    border: 1px solid #cbcbcb;
    border-collapse: collapse;
    margin-top: -1px;
    width: 103.2%;
    position: relative;
    margin-bottom: 10px
}

.seotable2 td {
    border: 1px solid #cbcbcb;
    color: #1e1e1e;
    font-size: 16px;
    font-family: 'Poppins',sans-serif;
    line-height: 38px;
    font-weight: normal
}

.seotable1 td {
    border: 1px solid #cbcbcb;
    text-transform: uppercase;
    color: #1e1e1e;
    font-size: 15px;
    font-family: 'Poppins',sans-serif;
    line-height: 49px;
    font-weight: 500
}

.custom-scroll {
    width: 100%;
    max-height: 350px;
    padding: 0;
    text-align: left;
    background: #fff;
    margin: 0 0 10px;
    overflow: hidden;
    overflow-y: auto;
    z-index: 1
}

.custom-scroll td a {
    color: #0e90d9
}
/*=============================================================================PORTFOLIO INNER END================================================================================*/


/*=============================================================================CONTACT PAGE START=================================================================================*/
.section-contactboxes {
  font-family: "Dosis", sans-serif;
  margin-top: 6.25rem;
}
.contact-box-cntr:first-child {
  margin-top: 0;
}
.contact-box {
  border: 5px solid transparent;
  overflow: hidden;
  padding: 1rem 0;
  border-radius:20px;
  position: relative;
  height: 200px;
  text-align: center;
  margin-top: -54px;
  margin-bottom: 40px;
}
.contact-box:before {
  border-radius: 50%;
  content: "";
  height: 100px;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 100px;
  will-change: transform, opacity;
  z-index: 0;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}
.contact-box:hover {
  cursor: pointer;
}
.contact-box:hover:before {
  opacity: 1;
  -moz-transform: scale3d(3.4, 3.4, 1);
  -ms-transform: scale3d(3.4, 3.4, 1);
  -webkit-transform: scale3d(3.4, 3.4, 1);
  transform: scale3d(3.4, 3.4, 1);
}
.contact-box:hover i, .contact-box:hover h4, .contact-box:hover p, .contact-box:hover a {
  position: relative;
  z-index: 2;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.contact-box__title {
  margin: 0.375rem 0 0 0;
  font-size: 2rem;
}
.contact-box__info {
  margin: 0;
  padding:0px;
  text-align:center;
  font-size:22px;
}
.contact-box__info a{
    color:#232b7b;
}
.contact-box__icon {
  font-size: 2.5rem;
}
.contact-box--teal {
  color: #232b7b;
  border-color: #232b7b;
}
.contact-box--orange {
  color: #232b7b;
  border-color:#232b7b;
}
.contact-box--green {
  color: #232b7b;
  border-color: #232b7b;
}
/*=============================================================================CONTACT PAGE END===================================================================================*/


/*==================================================================INNER PAGES BANNER CODE START==================================================================================*/
.breadcrum-area {
  position: relative;
  padding: 60px 0;
  background-size: cover;
  background-position: center;
  color: white;
  height: 350px;
}
.breadcrum-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.16); /* Overlay to darken the background image */
  z-index: 1;
}
.breadcrum-area .container {
  position: relative;
  z-index: 2;
}
.breadcrum-area-content h2 {
  font-size: 36px;
  margin-bottom: 15px;
}
.breadcrum-area-content p {
  font-size: 18px;
}
.breadcrum-area-content ul {
  list-style-type: none;
  display: flex;
}
.breadcrum-area-content ul li a {
  color: #fff;
  font-size: 24px;
}
.breadcrum-area-content ul span {
  color: #fff;
  font-size: 24px;
  gap: 20px;
}
/* Particle JS container */
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0; /* Ensure particles are behind the content */
}
/* Media queries for responsiveness */
@media (max-width: 768px) {
  .breadcrum-area {
    padding: 40px 0;
  }
  .breadcrum-area-content {
    margin-top: 5rem !important;
  }
  .breadcrum-area-content h2 {
    font-size: 35px;
    text-align: center;
  }
  .breadcrum-area-content ul {
    font-size: 16px;
    text-align: center;
    justify-content: center;
  }
  .breadcrum-area::before {
    background: rgba(0, 0, 0, 0.5); /* Overlay to darken the background image */
  }
}
/*=======================================================================INNER PAGES BANNER CODE END===============================================================================*/


/*=======================================================================INNER PAGES CONTENT CODE START============================================================================*/
.special-box {
  background-color: #c2c2c7a6;
  padding: 20px;
  margin-bottom: 20px;
  overflow-y: scroll;
  height: 610px;
}
.special-box li {
  padding: 20px;
  background: #f6f6f6;
  font-weight: 600;
  text-transform: Uppercase;
  border-radius: 10px;
  margin-bottom: 10px;
  background-image: -webkit-linear-gradient(90deg,rgb(240, 243, 247) 0%,rgb(255, 255, 255) 100%);
}
.special-box li span i {
  color: #3d8dd5;
}
.special-box li a:hover {
  color: blue;
}
.special-bg {
  background: url("./assets/images/sidebar/talk.jpg") !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  padding: 90px 0;
  margin-bottom: 20px;
}
.special-bg::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: rgba(0, 0, 0, 0.7);
}
.special-bg .container {
  position: relative;
  z-index: 999;
}
.special-bg .container h1 {
  color: white;
  text-align: center;
  padding: 20px;
}
.special-bg .container p {
  color: white;
  text-align: center;
  padding: 20px;
}
.special-current {
  color: #00c7c6 !important;
}
.li-list ul {
  list-style-type: none;
  text-align: justify;
  padding: 0;
}
.li-list ul li {
  display: flex;
  gap: 5px;
}
.form-control {
  outline: none;
  border: 1px solid #e8e9ef;
  background: #f1f3f8;
  font-size: 16px;
  line-height: 18px;
  color: #251683;
  height: auto;
  padding: 18px 20px;
  resize: none;
  min-width: 100%;
  border-radius: 5px;
  box-shadow: 0px 0px 3px rgb(22, 9, 123) !important;
}
.resume-upload {
  position: relative;
}
.resume-upload::after {
  content: "Resume*";
  position: absolute;
  right: 10%;
  top: 16px;
  color: #070856;
  font-size: 16px;
  font-weight: 800;
}
.form-control::placeholder {
  color: #454547;
}
.form-control:-ms-input-placeholder {
  color: #404653;
}
.form-control::-ms-input-placeholder {
  color: #404653;
}
textarea.form-control {
  height: 115px;
  box-shadow: 0px 0px 3px black !important;
}
.form-control:focus {
  border-color: #251683;
  box-shadow: 0px 0px 3px black !important;
}
.white-field .form-control {
  background: #fff;
}
.contact-form textarea {
  display: inline-block;
  max-height: 190px;
}
.contact-form textarea,
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="password"] {
  background: #f1f3f8;
  border: 1px solid #ece9e3;
  box-shadow: 0px 0px 3px black !important;
}
.contact-form .form-control:focus {
  border-color: #251683;
  background: #f1f3f8;
}
.contact-block {
  background: #f1f3f8;
  padding: 30px 30px;
  min-height: 215px;
  border: 1px solid #ece9e3;
}
.contact-icon i {
  width: 64px;
  height: 64px;
  background: #251683;
  text-align: center;
  line-height: 64px;
  display: inline-block;
  border-radius: 6px;
}
.contact-icon i:before {
  color: #fff;
  font-size: 36px;
}
.contact-details {
  margin-left: 30px;
}
select {
  width: 268px;
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border-radius: 5px;
  height: 34px;
  background: url(../images/down-arrow.png) no-repeat right #ddd;
  background-position: 96%;
}
.theme-btn-1 {
  margin: 15px 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: linear-gradient(to right,rgb(84, 51, 255),rgb(32, 189, 255),rgb(165, 254, 203));
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  padding: 14px 42px;
  font-weight: 500;
  overflow: hidden;
  border-radius: 8px;
  border: 0px solid transparent;
  cursor: pointer;
  letter-spacing: 0.5px;
  z-index: 3;
}
/*====================================================================INNER PAGES CONTENT CODE END=================================================================================*/


/*====================================================================SOFTWARE PAGE START=========================================================================================*/
.software-side{
    height:auto;
    overflow:hidden;
}
/*====================================================================SOFTWARE PAGE END===========================================================================================*/


/*====================================================================GOOGLE PARTNERS PAGE START==================================================================================*/
    .google-heading {
  font-size: 28px !important;
  background: linear-gradient(to top, #232b7b, #00c7c6);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  font-weight: 600;
  margin-bottom: 8px;
}
.google-para{
    font-weight:500;
    font-size:16px;
}
.google-para span{
    color:#1b3d96;
    font-weight:600;
}
.google-list b {
    font-weight:bold;
    color:#1b3d96;
}
.google-list i {
    color:#1b3d96;
}
.google-list{
    padding-left:0 !important;
}
/*====================================================================GOOGLE PARTNERS PAGE END==================================================================================*/


/*====================================================================MARKET AREA START========================================================================================*/
.markbtn {
  text-align: center;
  font-size: 20px !important;
  line-height: 26px;
  color: #fff !important;
  padding: 13px 20px !important;
  font-weight: 500;
  overflow: hidden;
  border-radius: 8px;
  border: 0px solid transparent !important;
  cursor: pointer;
  letter-spacing: 0.5px;
  background-color: rebeccapurple;
  /*background-image: linear-gradient(180deg, #2af598 0%, #009efd 100%);*/
  z-index: 3;
}
/* df media 3 / end */

#df-media2 {
    padding: 50px 0 50px 0;
    background-color: #fff;
}

#df-media2 ul {
    padding: 15px 0 0px 0;
}

#df-media2 .btn-2 {
    margin-top: 10px;
    margin-right: 10px;
}

#df-media2 img {
    max-width: 100%;
}

#df-media2 li {
    font-size: 16px;
    color: #666;
    line-height: 35px;
}

#df-media2 li::before {
    content: "\f00c";
    font-family: FontAwesome;
    padding: 0 10px 0 0;
    color: #F72C25;
}

#df-media2 .default-title h3 {
    text-align: left;
    color: #1E3338;
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
}

#df-media2 .default-title span {
    color: #1E3338;
    font-weight: 800;
    font-size: 30px;
}

#df-media2 .title h2 {
    color: #3F3F3F;
    font-weight: 600;
    font-size: 20px;
    font-family: Nunito Sans;
}

#df-media2 span {
    color: #cc5f12;
    font-weight: 800;
    font-size: 22px;
}

#df-media .btn-2 {
    margin-top: 10px;
    margin-right: 10px;
}

#df-media {
    padding: 50px 0 50px 0;
    background-color: #f7f7f7;
}

#df-media .title h2 {
    color: #3F3F3F;
    font-weight: 600;
    font-size: 20px;
    font-family: Nunito Sans;
}

#df-media span {
    color: #cc5f12;
    font-weight: 800;
    font-size: 22px;
}

#df-media .default-title h3 {
    text-align: left;
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
}

#df-media .default-title span {
    color: #1E3338;
    font-size: 30px;
}

#df-media ul {
    padding: 15px 0 0 0;
}

#df-media li {
    font-size: 16px;
    color: #666;
    line-height: 35px;
}

#df-media li::before {
    content: "\f00c";
    font-family: FontAwesome;
    padding: 0 10px 0 0;
    color: #F72C25;
    font-size:26px;
}


/* df media end */
  .market-area-heading h1 {
    padding: 10px;
    margin: 0 0 26px;
    background-color: #f3525a;
    border-radius:5px;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
.market-area h4 {
    color: #000;
    margin-bottom: 10px;
}
.market-area h4 a {
    margin: 0 0 5px;
    font-size:18px;
    color: #ef682f;
    line-height: 1.1;
    font-weight:600;
    text-transform: uppercase;
}
.market-area ul {
    list-style: none;
    overflow: hidden;
}
.market-area ul li {
    float: left;
    width: 25%;
    margin-right: 0%;
    margin-bottom: 10px;
}
.market-area ul li a{
    padding: 6px 10px;
    font-size: 16px;
    font-weight:600;
    border: 1px solid #423f3f;
    color: #423f3f;
    width: 98%;
    display: inline-block;
    margin-right: 10px;
}
.market-area ul li a:hover {
    color:#fff;
    text-decoration:none;
    border: 1px solid #000;
    background-color:#000;
}
.market-place h3 {
    background: #ff8c00;
    color: #FFFFFF;
    padding: 10px;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 5px;
    font-weight: 600;
    text-align: center;
}
.boxs {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    /*border-top: 5px solid #f5633e;*/
    padding: 0px 15px 15px 25px;
    position: relative;
    text-align: center;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.boxs:before,
.boxs:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    box-shadow: 0 15px 15px #777;
    transform: rotate(-3deg);
}
.boxs:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
.boxs .fa {
    color: #fff;
    width: 60px;
    height: 60px;
    padding: 17px;
    font-size: 25px;
    text-shadow: 1px 1px 20px rgba(255, 255, 255, 0.5);
    margin-bottom: 15px;
    border-radius: 0;
    background-color: #f5633e;
    -webkit-box-shadow: 0px 5px 17px -7px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 17px -7px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 17px -7px rgba(0, 0, 0, 0.75);
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
}
/*====================================================================MARKET AREA END======================================================================================*/


/*====================================================================SITEMAP START========================================================================================*/
.serbtn{
  text-align: center;
  font-size: 17px !important;
  line-height: 26px;
  color: #fff !important;
  padding: 13px 20px !important;
  font-weight: 500;
  overflow: hidden;
  border-radius: 8px;
  border: 0px solid transparent !important;
  cursor: pointer;
  letter-spacing: 0.5px;
  background-color: rebeccapurple;
  /*background-image: linear-gradient(180deg, #2af598 0%, #009efd 100%);*/
  z-index: 3;
    }
/*====================================================================SITEMAP END==========================================================================================*/

/*=================================================================================disable content start===================================================================================*/
 body {
            /*-webkit-user-select: none; */
            /*-moz-user-select: none; */
            /*-ms-user-select: none; */
            /*user-select: none; */
        }
        #watermark {
            /*position: absolute;*/
            /*top: 0;*/
            /*left: 0;*/
            /*width: 100%;*/
            /*height: 100%;*/
            /*pointer-events: none;*/
            /*background: rgba(255, 255, 255, 0.5);*/
            /*background-image: url('your-watermark.png');*/
            /*background-repeat: no-repeat;*/
            /*background-position: center;*/
            /*opacity: 0.3;*/
        }
/*=================================================================================disable content end===================================================================================*/


/*=================================================================================Seo Package Start===================================================================================*/
 .ecommerce_packages {
    /* /*float: left;*/*/
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff
}

.ecommerce_packages h2 {
    padding: 0 0 9px 0;
    margin: 0 0 20px;
    line-height: 43px;
    font-size: 35px;
    font-weight: 600;
    text-align: center
}

.ecommerce_packages h2 span {
    color: #1178ba
}

.ecommerce_packages h2 strong {
    color: #333
}

.packages_table {
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0 0 30px
}

.packages_table thead {
    background: #efefef
}

.packages_table th,.packages_table td {
    padding: 7px 10px;
    border: 1px solid #ddd;
    color: #002b5a
}

.packages_table tr:first-child th {
    border: 1px solid #ddd;
    text-align: center;
    line-height: normal
}

.packages_table thead th {
    margin: 0;
    position: relative;
    padding: 10px
}

.packages_table thead th .title {
    width: 100%;
    text-align: center;
    color: #333;
    font-weight: bold;
    font-size: 20px;
    font-family: 'Roboto Condensed',sans-serif;
    text-transform: capitalize;
    line-height: 30px
}

.packages_table thead th .title span {
    color: #1178ba;
    text-transform: uppercase
}

.packages_table tbody td p {
    text-align: left;
    margin: 0
}

.packages_table tr:nth-child(even) {
    background: #f3fafe
}

.packages_table .package_price {
    border-radius: 5px;
    padding: 7px 25px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    display: block;
    max-width: 200px;
    margin: 0 auto;
    font-size: 18px
}

.packages_table .package_price i {
    margin-right: 5px
}

.packages_table .package_price.price1 {
    background: #8ec63d;
    background: linear-gradient(to right,#8ec63d 0,#b5d536 100%)
}

.packages_table .package_price.price2 {
    background: #faa940;
    background: linear-gradient(to right,#faa940 1%,#ff7225 100%)
}

.packages_table .package_price.price3 {
    background: #8b2a93;
    background: linear-gradient(to right,#8b2a93 2%,#702f97 100%)
}

.packages_table .package_price.price4 {
    background: #2d3694;
    background: linear-gradient(to right,#2d3694 2%,#1178ba 100%)
}

.packages_table .package_price.price5 {
    background: #fd5765;
    background: linear-gradient(to right,#fd5765 2%,#cc3038 100%)
}

.packages_table .package_price .discounted_price {
    text-align: right;
    text-decoration: line-through;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    margin-left: 10px;
    clear: both;
    display: inline-block
}

.oder_now a {
    background: #00bd61;
    color: #fff!important;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
    text-align: center;
    min-height: 50px;
    line-height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 15px;
    transition: .3s;
    max-width: 200px
}

.oder_now a:hover {
    background: #666
}

.oder_now_grey a {
    background: #666;
    color: #fff!important;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
    text-align: center;
    min-height: 50px;
    line-height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 15px;
    transition: .3s;
    max-width: 200px
}

.oder_now_grey a:hover {
    background: #00bd61
}

.packages_table .fa-check {
    color: #6a9926
}

.packages_table .fa-times {
    color: #f00
}

.view_template_btn {
    font-size: 14px;
    text-decoration: none;
    background: #1178ba;
    border-radius: 100px;
    padding: 5px 20px;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    line-height: normal
}

.view_template_btn:hover {
    background: #333;
    color: #FFF
}

.green_btn {
    background: #fff;
    padding: 4px 25px;
    text-align: center;
    border-radius: 50px;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #8ec63d;
    border-bottom: 3px solid #8ec63d;
    transition: .3s;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    line-height: normal;
    margin-bottom: 10px
}

.green_btn:hover {
    background: #8ec63d;
    color: #fff
}

.orange_btn {
    background: #fff;
    padding: 4px 25px;
    text-align: center;
    border-radius: 50px;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #ff7225;
    border-bottom: 3px solid #ff7225;
    transition: .3s;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    line-height: normal;
    margin-bottom: 10px
}

.orange_btn:hover {
    background: #ff7225;
    color: #fff
}

.purple_btn {
    background: #fff;
    padding: 4px 25px;
    text-align: center;
    border-radius: 50px;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #8b2a93;
    border-bottom: 3px solid #8b2a93;
    transition: .3s;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    line-height: normal;
    margin-bottom: 10px
}

.purple_btn:hover {
    background: #8b2a93;
    color: #fff
}

.website_feature {
    /* /*float: left;*/*/
    width: 100%;
    margin: 0;
    padding: 0
}

.website_feature h3 {
    color: #1178ba;
    font-size: 24px;
    padding: 0 0 14px 0;
    margin: 0
}

.website_feature {
     /*float: left;*/
    width: 100%;
    margin: 0 0 20px;
    padding: 0
}

.website_feature .col_5 {
    width: 20%
}

.website_feature .feature_box {
     /*float: left;*/
    width: 100%;
    box-shadow: 2px 2px 10px #ccc;
    margin-bottom: 25px;
    padding: 20px 15px;
    border: 1px solid #ccc;
    transition: .3s;
    text-align: center;
    background: #fff
}

.website_feature .feature_box p {
    position: relative;
    margin: 0 auto;
    height: 88px;
    width: 100%;
    text-align: center;
    line-height: normal
}

.website_feature .feature_box p span {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%,-50%);
    width: 100%
}

.website_feature .feature_box img {
    background: #efefef;
    padding: 10px;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    border: 3px solid #fff
}

.website_feature .feature_box:hover img {
    background: #7ecdff;
    transition: .3s;
    border: 3px solid #7ecdff
}

.category_our_work {
     /*float: left;*/
    width: 100%;
    margin: 0;
    padding: 40px 0 0;
    background: #fff
}

.category_our_work h2 {
    padding: 0 0 9px 0;
    margin: 0;
    line-height: 43px;
    text-align: center
}

.category_our_work h2 span {
    color: #1178ba;
    font-size: 35px;
    font-weight: 600
}

.category_our_work h2 strong {
    color: #333;
    font-size: 35px;
    font-weight: 600
}

.more_about {
    padding-top: 150px;
    background: #f6f6f6
}

.more_about h2 {
    text-align: center
}

.more_about h4 {
    font-size: 18px;
    text-decoration: underline;
    font-family: 'Roboto Condensed',sans-serif;
    padding: 0 0 7px 0;
    margin: 0 0 15px;
    color: #1178ba;
    font-weight: 600
}

.more_about ul {
    margin-bottom: 20px
}

.wps_packagestab {
     /*float: left;*/
    width: 100%
}

.wps_packagestab .packages_tab {
     /*float: left;*/
    width: 100%;
    margin: 0;
    padding: 0
}

.wps_packagestab .packages_tab li {
     /*float: left;*/
    width: 20%;
    color: #333;
    list-style: none;
    line-height: normal;
    margin: 0;
    padding: 0
}

.wps_packagestab .packages_tab li a,.wps_packagestab .packages_tab li a:visited {
    font-weight: bold;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom: 2px solid #ddd;
    color: #333;
    font-size: 12px;
    padding: 5px 0;
    background: #efefef;
    text-align: center;
    border-radius: 4px 4px 0 0;
    margin-right: 2px
}

.wps_packagestab .packages_tab li.active>a,.wps_packagestab .packages_tab li.active>a:focus,.wps_packagestab .packages_tab li.active>a:hover {
    border-bottom: 2px solid #0083e8;
    color: #fff;
    background: #0083e8;
    text-align: center
}

.tabcontent {
     /*float: left;*/
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff
}

.company_team {
    /*float: left;*/
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff
}

.company_team .col-md-4 {
    border-bottom: 2px solid #efefef;
    border-right: 2px solid #efefef;
    min-height: 220px;
    margin-bottom: 35px
}

.company_team .team_box {
    color: #333;
    font-size: 14px;
    text-align: center;
    padding: 0;
    line-height: 22px
}

.company_team .team_box img {
    margin-bottom: 20px
}

.company_team .team_box h2 {
    font-family: 'Poppins',sans-serif;
    color: #393939;
    font-weight: 600;
    padding: 0 0 13px 0;
    margin: 0
}

.branding_company {
    /*float: left;*/
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #eaf6fe
}

.branding_company h2 {
    padding: 0 0 9px 0;
    margin: 0;
    line-height: 43px;
    text-align: center;
    text-align: left
}

.branding_company h2 span {
    color: #333;
    font-size: 35px;
    font-weight: 600
}

.branding_company h2 strong {
    color: #1178ba;
    font-size: 35px;
    font-weight: 600
}

.branding_company .branding_content {
    /*float: left;*/
    width: 100%;
    margin: 0 0 30px;
    padding: 0
}

.branding_company .branding_content p {
    text-align: left;
    word-wrap: break-word;
    font-size: 18px
}

.branding_company .branding_content p a {
    color: #1178ba
}

.branding_company .branding_content h2 {
    color: #1178ba;
    font-size: 24px;
    line-height: 30px;
    text-align: left
}

.branding_company .branding_content h3 {
    color: #1178ba;
    font-size: 18px;
    padding: 0 0 14px 0;
    margin: 0;
    text-transform: capitalize
}

.branding_right {
    float: right;
    width: 420px;
    margin: 0 0 20px 15px;
    padding: 0;
    text-align: center;
    height: 400px;
    position: relative
}

.branding_right img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%,-50%);
    width: auto;
    max-height: 100%
}

.branding_company ul {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 0 15px
}

.branding_company ul li {
    width: auto;
    height: auto;
    padding: 0 0 0 30px;
    line-height: 25px;
    list-style: none;
    position: relative;
    margin-bottom: 5px
}

.branding_company ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\f14a";
    font-family: 'FontAwesome';
    font-size: 24px;
    display: inline-block;
    color: #1178ba
}

.ecommerce_packages {
    /*float: left;*/
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff
}

.ecommerce_packages h2 {
    padding: 0 0 9px 0;
    margin: 0 0 20px;
    line-height: 43px;
    font-size: 35px;
    font-weight: 600;
    text-align: center
}

.ecommerce_packages h2 span {
    color: #1178ba
}

.ecommerce_packages h2 strong {
    color: #333
}


/*=================================================================================Seo Package End===================================================================================*/

  .mf-social-side-list {
position: fixed;
top: 30vh;
right: 10px;
z-index: 100;
}
.mf-social-side-list ul {
list-style: none;
display: flex;
flex-direction: column;
padding: 0;
margin:0
}
.mf-social-side-list ul li a {
color: #ffffff;
border-radius: 50%;
width: 35px;
height: 35px;
line-height: 35px;
margin-top: 5px;
text-align: center;
text-decoration: none;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.mf-social-side-list ul li a:hover {
opacity: .9;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
/*.mf-social-side-list ul li a[href*='facebook'] {*/
/*background: #3b5998;*/
/*}*/
/*.mf-social-side-list ul li a[href*='instagram'] {*/
/*background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);;*/
/*}*/
/*.mf-social-side-list ul li a[href*='youtube'] {*/
/*background: #c4302b;*/
/*}*/
/*.mf-social-side-list ul li a[href*='linkedin'] {*/
/*background: #0077B5;*/
/*}*/
/*.mf-social-side-list ul li a[href*='twitter'] {*/
/*background: #00acee;*/
/*}*/


.ball {
position: sticky;
top: 65%;
right: 2%;
transform: translate(-50%, -50%); 
animation: bounce 2s ease-in-out infinite;
}

@keyframes bounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-55px);
}
100% {
transform: translateY(0);
}
}