:root{

    --primary-color: #121c27;

    --title-color: #232323;

}

i{

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    transition: 0.3s;

}



/*

=============

JoraTali

=============

*/

.elementor-progress-percentage {

	margin-top: -15px;

	font-size: 16px;

}



/*

=============

Global

=============

*/



.slick-dots {

	bottom: 0px !important;

	position: relative;

}

.service-button a{

    display: block;

}



/*

=============

Slick Slider

=============

*/

.single-slick {

    position: relative;

    min-height: 850px;

    z-index: 1;

}

.slide-img, .parallax-img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: -1;

}

.single-slick.style-five {

    position: relative;

    min-height: 930px;

    z-index: 1;

}

.single-slick.style-seven {

    position: relative;

    min-height: 930px;

    z-index: 1;

}

.style-five.single-slick .slide-img{

    background-size:auto !important;

    background-position-x: right !important;

    background-position-y: top !important;

}

.dreamit-slick-slider .slick-dots {

	bottom: 50px !important;

	position: relative;

}



.dreamit-slick-slider .hero-text-wrap h1 {

    font-size: 58px;

    color: #232323;

    -webkit-animation: 1s 1.6s fadeInUp both;

    animation: 1s 1.6s fadeInUp both;}

.dreamit-slick-slider .hero-text-wrap h1 span{

	color: #121c27;

}



.dreamit-slick-slider .hero-text-wrap h4{

	font-size: 20px;

	font-weight: 600;

	letter-spacing: 1px;

	margin: 0 0 24px;

	display: inline-block;

	color: #232323;

	-webkit-animation: 0.8s 0.8s fadeInUp both;

	animation: 0.8s 0.8s fadeInUp both;

}

.dreamit-slick-slider .hero-text-wrap p {

    font-size: 18px;

    margin: 25px 0 48px;

    -webkit-animation: 1s 2s fadeInUp both;

    animation: 1s 2s fadeInUp both;

    width: 56%;

}

.dreamit-slick-slider .style-five .hero-text-wrap p {

    font-size: 20px;

    margin: 35px 0 48px;

    -webkit-animation: 1s 2s fadeInUp both;

    animation: 1s 2s fadeInUp both;

    width: 70%;

}

.dreamit-slick-slider .style-seven .hero-text-wrap p {

    font-size: 20px;

    margin: 25px 0 48px;

    width: 44%;

}

.dreamit-slick-slider .style-seven .hero-text-wrap .btn {

    color: #121c27;

    background: #fff;

}

.dreamit-slick-slider .style-seven .hero-text-wrap .button-two {

    color: #fff;

    background: #121c27;

}

.dreamit-slick-slider .style-seven .hero-text-wrap .btn:hover{

    color: #fff;

    background: #121c27;

}

.dreamit-slick-slider .style-seven .hero-text-wrap .button-two:hover {

    color: #121c27;

    background: #fff;

}

.dreamit-slick-slider .hero-text-wrap .btn {

    font-size: 18px;

    color: #fff;

    background: #121c27;

    padding: 14px 44px;

    -webkit-animation: 1s 2s fadeInUp both;

    animation: 1s 2s fadeInUp both;

    margin-right: 10px;

    border-radius: 30px;

    font-weight: 600;

}

.dreamit-slick-slider .hero-text-wrap .btn:hover{

    background:#173969;

}

.dreamit-slick-slider .slider-video-icon{

	display: inline-block;

	padding-left: 30px;

	-webkit-animation: 1s 2s fadeInUp both;

	animation: 1s 2s fadeInUp both;

}

.dreamit-slick-slider .slider-video-icon span{

    margin-left: 22px;

    color: #fff;

    font-size: 18px;

    font-weight: 600;

}

.slider-single-image {

    position: absolute;

    bottom: 0px;

    right: 9%;

    -webkit-animation: 0.8s 0.8s fadeInUp both;

    animation: 0.8s 0.8s fadeInUp both;

}

.style-four .slider-single-image {

    bottom: 130px;

    right: 9%;

}

.dreamit-slick-slider .style-four .hero-text-wrap p {

    width: 50%;

}

.slider-single-image img {

	display: block;

	width: 97%;

}

.slider_circle_img.rotateme {

    position: absolute;

    right: 50px;

    top: 0;

}

.dreamit-slick-slider .text-center .hero-text-wrap p {

    font-size: 18px;

    margin: 16px auto 48px;

    text-align: center;

}

/* style two */

.dreamit-slick-slider .style-seven .slider-video-icon {

    margin-bottom: 50px;

    position: absolute;

    right: 20%;

    top: 50%;

    transform: translateY(-50%);

}



.dreamit-slick-slider.style-seven .hero-text-wrap p {

    margin: 15px 0 30px;

}

.dreamit-slick-slider .single-slick.style-seven .slider-single-image{

    bottom: inherit;

}

.dreamit-slick-slider .single-slick.style-seven::before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: url(http://webitkurigram.com/wp/datatech/wp-content/uploads/2020/06/cyber-security-slider.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    -webkit-animation: FocuS 1s linear 1s infinite;

    animation: FocuS 1s linear 1s infinite;

}

.dreamit-slick-slider.style-two .hero-text-wrap p {

	margin: 15px 0 30px;

}



/* Style Five */

.bottom-img {

    position: absolute;

    bottom: -8px;

    width: 100%;

}

.bottom-img img{

	width:100%;

}

/* Slider Style Six */

.dreamit-slick-slider .style-six .hero-text-wrap .btn {

    position: relative;

    padding: 14px 44px;

    z-index: 1;

    border: 0;

}

.dreamit-slick-slider .style-six .hero-text-wrap .btn:before {

    position: absolute;

    left: 0;

    content: "";

    height: 100%;

    width: 100%;

    background: linear-gradient(to right, #f07024 0%, #fca13e 100%);

    top: 0;

    border: 0;

    z-index: -1;

    border-radius: 30px;

    transition:.5s;

}

.dreamit-slick-slider .style-six .hero-text-wrap .btn:hover:before{

    background: linear-gradient(to right, #fca13e 0%, #f07024 100%);

}

.dreamit-slick-slider .style-six .hero-text-wrap p {

    width: 78%;

}

.dreamit-slick-slider .style-six .slider-video-icon a {

    border-radius: 0 12px;

}

/* style Seven */

.dreamit-slick-slider .style-seven .slider-video-icon {

    margin-bottom: 50px;

    position: absolute;

    right: 20%;

    top: 50%;

    transform: translateY(-50%);

}



.dreamit-slick-slider.style-seven .hero-text-wrap p {

    margin: 15px 0 30px;

}

.dreamit-slick-slider .single-slick.style-seven .slider-single-image{

    bottom: inherit;

}

.dreamit-slick-slider .single-slick.style-seven::before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: url(http://webitkurigram.com/wp/datatech/wp-content/uploads/2020/06/cyber-security-slider.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    -webkit-animation: FocuS 1s linear 1s infinite;

    animation: FocuS 1s linear 1s infinite;

}

.dreamit-slick-slider .single-slick.style-seven .slider-single-image img{

    -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;

    animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;

    -webkit-animation-duration: 2.5s;

    animation-duration: 2.5s;

}





.slider-shape {

    position: relative;

}

.slider-shape-inner1 {

    position: relative;

    margin-top: -60px;

}

.slider-shape-inner2 {

    position: absolute;

    left: 42px;

    top: 80px;

}

.slider-shape-inner2 img {

    width: 110px;

}

.slider-shape-inner3 {

    position: absolute;

    top: 50px;

    left: -55px;

}

.slider-shape-inner3 img {

    width: 110px;

}

.slider-shape-inne4 {

    position: absolute;

    right: -98px;

    top: 220px;

}

.slider-shape-inne4 img {

    width: 100px;

}

.slider-shape-inner5 {

    position: absolute;

    top: 500px;

    left: -14px;

}

.slider-shape-inner5 img {

    width: 85px;

}

.slider-shape-inner6 {

    position: absolute;

    top: 515px;

    right: -20px;

}

.slider-shape-inner6 img {

    width: 112px;

}

.slider-shape-inner7 {

    position: absolute;

    top: 104px;

    right: 120px;

}

.slider-shape-inner7 img {

    width: 40px;

}

.slider-thumb-inner img {

    width: 100%;

}

/* Style Two */

.style-six .slider-shape-inner1 {

    z-index: 1;

    margin-top: 0;

}

.style-six .slider-shape-inner2 img {

    width: inherit;

}

.style-six .slider-shape-inner2 {

    left: 20px;

    top: 195px;

}

.style-six .slider-shape-inner3 {

    top: 80px;

    right: -55px;

    left: inherit;

    z-index: 1;

}

.style-six .slider-shape-inner3 img {

    width: inherit;

}

.style-six .slider-shape-inne4 {

    right: -150px;

    top: 270px;

}

.style-six .slider-shape-inne4 img {

    width: inherit;

}

.style-six .slider-shape-inner5 {

    top: 440px;

    left: 2px;

    z-index: 1;

}

.style-six .slider-shape-inner5 img {

    width: inherit;

}

.circles-thumb-inner {

    position: absolute;

    z-index: 1;

    left: -195px;

    bottom: 225px;

}

.circles-thumb-inner2 {

    position: absolute;

    left: 42%;

    bottom: 125px;

}

.slider-men {

    position: absolute;

    right: -350px;

    bottom: 5px;

}

/* Style Three */

.dreamit-slick-slider .style-eight .hero-text-wrap h4 {

    position: relative;

    color:#121c27;

}

.style-eight .hero-text h4:before {

    position: absolute;

    content: "";

    top: -10px;

    height: 2px;

    width: 100%;

    background: #121c27;

}

.dreamit-slick-slider .style-eight .hero-text-wrap h1 {

    font-size: 50px;

    color: #232323;

    -webkit-animation: 1s 1.6s fadeInUp both;

    animation: 1s 1.6s fadeInUp both;

}

.style-eight .slider-shape-inner2 {

    position: absolute;

    left: 75px;

    top: 370px;

}

.style-eight .slider-shape-inner2 img {

    width: inherit;

}

.style-eight .slider-shape-inner3 {

    position: absolute;

    top: 213px;

    left: -124px;

}

.style-eight .slider-shape-inner3 img {

    width: inherit;

}

.style-eight .slider-shape-inne4 {

    position: absolute;

    right: 0;

    top: 285px;

}

.style-eight .slider-shape-inne4 img {

    width: inherit;

}

.style-eight .slider-shape-inner5 {

    position: absolute;

    top: 0;

    right: -17px;

    left: inherit;

}

.style-eight .slider-shape-inner5 img {

    width: inherit;

}

.style-eight .slider-shape-inner6 {

    position: absolute;

    top: -52px;

    right: inherit;

    left: -75px;

    z-index: -1;

}

.style-eight .slider-shape-inner6 img {

    width: inherit;

}

.style-eight .slider-shape-inner7 {

    position: absolute;

    top: -48px;

    left: -117px;

    right: inherit;

}

.style-eight .slider-shape-inner7 img {

    width: inherit;

}

.style-eight .slider-shape-inner8 {

    position: absolute;

    top: -82px;

    left: 140px;

}

.style-eight .slider-shape-inner9{

    position: absolute;

    bottom: -100px;

    left: -28px;

}

.style-eight .slider-shape-inner10{

    position: absolute;

    right: -38px;

    bottom: 86px;

}

/* slider global */

.slick-prev,

.slick-next {

	font-size: 0;

	line-height: 0;

	position: absolute;

	top: 50%;

	display: block;

	width: 20px;

	height: 20px;

	padding: 0;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	    transform: translate(0, -50%);

	cursor: pointer;

	color: transparent;

	border: none;

	outline: none;

	background: transparent;

}



.slick-prev, .slick-next {

	background-color: transparent;

	border-radius: 100%;

	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

	height: 60px;

	top: 50%;

	-webkit-transform: translate(0px, -50%);

	-ms-transform: translate(0px, -50%);

	transform: translate(0px, -50%);

	width: 60px;

	z-index: 1;

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	line-height: 55px;

	color: #fff;

	border: 2px solid #FFF;

}



.dreamit-slick-slider .slick-prev {

	left: -57px;

}



.dreamit-slick-slider .slick-next {

	right: -57px;

}



.dreamit-slick-slider:hover .slick-prev {

	left: 50px;

}



.dreamit-slick-slider:hover .slick-next {

	right: 50px;

}



.slick-prev::before,

.slick-next::before {

	color: #fff;

	font-size: 25px;

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	content: "\f104";

	font-family: FontAwesome;

}



.slick-next:before {

	content: "\f105";

	font-family: FontAwesome;

}



.slick-prev:hover,

.slick-prev:focus,

.slick-next:hover,

.slick-next:focus {

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

	color: #FFF;

	border: 2px solid #D3D3D3;

	outline:0;

}



.slick-prev:hover:before,

.slick-prev:focus:before,

.slick-next:hover:before,

.slick-next:focus:before {

	color: #fff;

}

.rotateme {

	position: absolute;

	z-index: -1;

    -webkit-animation-name: rotateme;

    animation-name: rotateme;

    -webkit-animation-duration: 20s;

    animation-duration: 20s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

}

@keyframes rotateme {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



@-webkit-keyframes rotateme {

  from {

    -webkit-transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

  }

}

/*

==============

Section Title

==============

*/



.section-title {

	margin: auto auto auto 0;

	width: 100%;

	text-align: left;

	position: relative;

	margin-bottom: 45px;

}

.section-title.t_center {

	margin: auto;

	text-align: center;

	position: relative;

	z-index: 99;

	margin-bottom: 45px;

}

.section-title.t_left {

	margin: auto auto auto 0;

	width: 100%;

	text-align: left;

	position:relative;

	margin-bottom: 10px;

}



.section-title.t_right {

	margin: auto 0 auto auto;

	width: 63%;

	text-align: right;

}



.section-title.t_right .bar {

	margin: 0 0 5px auto;

}

.section-title.t_left .bar {

	margin: 0 0 5px;

}

.section-title h3, .section-title h2, .title_tx h3, .title_tx h2 {

	font-size: 38px;

	margin-bottom: 0px;

	text-transform: capitalize;

	margin-top: 0;

	line-height: 1.2;

	font-weight: 700;

}



.section-title h5 {

	color: #121c27;

	font-size: 16px;

	text-transform: uppercase;

	font-weight: 700;

	letter-spacing: 5px;

	margin: 0 0 15px;

}

.section-title p {

    margin-top: 7px;

    margin-bottom: 0;

    font-size: 16px;

    width: 73%;

    margin: 7px auto 0;

}

.section-title.t_left p {

    margin-bottom: 0;

    width: 100%;

}

.bar-main {

    margin: 18px 0 30px;

}

.bar.bar-big {

	height: 5px;

	width: 90px;

	background: #aec6ef;

	margin: 20px auto;

	position: relative;

	border-radius: 30px;

}



.bar.bar-big::before {

	content: '';

	position: absolute;

	left: 0;

	top: -2.7px;

	height: 10px;

	width: 10px;

	border-radius: 50%;

	background: #121c27;

	-webkit-animation-duration: 3s;

	animation-duration: 3s;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

	-webkit-animation-name: MOVE-BG;

	animation-name: MOVE-BG;

}

.t_center .bar.bar-big::before {

	margin: auto;

}

.t_right .bar.bar-big::before {

	left: auto;

	margin: auto;

	right: 0;

}

.section-title span {

	color: #121c27;

}

/* section tilte  left*/

.section-title.t_left .bar-main {

    display: none;

}

.section-title-left .section-title.t_left p {

    width: 100%;

    margin: 15px 0 17px;

}









@-webkit-keyframes MOVE-BG {

  from {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

  to {

    -webkit-transform: translateX(88px);

            transform: translateX(88px);

  }

}



@keyframes MOVE-BG {

  from {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

  to {

    -webkit-transform: translateX(88px);

            transform: translateX(88px);

  }

}



/*

============

Feature Box

============

*/

.feature-box{

	position: relative;

}

.default-style.feature-box {

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    text-align: left;

    z-index: 99;

    padding: 38px 24px 18px 30px;

    box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);

    border-radius: 5px;

    background: #fff;

    overflow: hidden;

    position: relative;

}

.default-style.feature-box::before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);

    z-index: -1;

    opacity: 0;

    transition: all 0.7s ease 0s;

    border-radius: 6px;

}

.default-style.feature-box::after {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-image: url(https://wp.dreamitsolution.net/datatech-elementor/datatech/wp-content/uploads/2021/08/what-we-are-dot.png);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    z-index: -1;

}

.default-style.feature-box:hover:before {

    opacity: 1;

}

.feature-box-desc p {

    transition: .5s;

}

.default-style.feature-box:hover {

    transform: translateY(-10px);

}

.default-style.feature-box:hover .feature-box-icon i,

.default-style.feature-box:hover .feature-box-title h2,

.default-style.feature-box:hover .feature-box-desc p{

    color:#fff;

}

.feature-box-number {

	position: absolute;

	bottom: 37%;

	left: 50%;

	transform: translateX(-50%);

}

.feature-box-number h4 {

	font-size: 110px;

	line-height: 0.4;

	color: #666;

	opacity: 0.07;

}

.default-style.feature-box .feature-box-title h3 {

	font-size: 22px;

	font-weight: 700;

	text-transform: capitalize;

	margin: 0;

	-webkit-transition:.5s;

	-o-transition:.5s;

	transition:.5s;

}

.default-style.feature-box .feature-box-title h2 {

    font-size: 23px;

    font-weight: 700;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    margin: 15px 0 15px;

}

.default-style.feature-box .feature-box-desc {

	margin-bottom: 20px;

	transition: .5s;

}

.default-style.feature-box .feature-box-icon {

    display: inline-block;

    position: relative;

    font-size: 60px;

}

.default-style.feature-box .feature-box-icon::before {

	position: absolute;

	content: '';

	background: url("https://webitkurigram.com/wpv/itsoft/wp-content/themes/itsoft/assets/images/icon-1.png");

	width: 56px;

	height: 71px;

	right: -20px;

	top: 0px;

	background-repeat: no-repeat;

	transition:.5s;

}

.default-style.feature-box:hover .feature-box-icon::before {

	transform: rotate(25deg) !important;

}

.default-style.feature-box .feature-box-icon i {

    font-size: 56px;

    text-align: center;

    transition: .5s;

	color:#121c27;

}



.default-style.feature-box .feature-btn a i {

    font-size: 23px;

}



.feature-btn a {

    text-transform: uppercase;

    font-size: 14px;

    position: relative;

    display: inline-block;

    color: #616161;

    margin-top: 20px;

}

.default-style.feature-box .feature-btn a i {

	font-size: 18px;

	position: absolute;

	margin-bottom: -7px;

	right: -12px;

}



/* Feature Style Two */

.style-two.feature-box {

    padding: 40px 18px 23px;

    background: #F1F6FC;

    text-align: center;

    transition: .3s;

    border-radius: 4px;

    position: relative;

    z-index: 1;

}

.style-two.feature-box:before {

    position: absolute;

    content: "";

    background: #121c27;

    height: 0;

    width: 100%;

    top: 0;

    left: 0;

    transition: .3s;

    border-radius: 4px;

    z-index: -1;

}

.style-two.feature-box:hover:before{

	height:100%;

}

.style-two .feature-box-title h2 {

    font-size: 20px;

    margin: 0 0 34px;

    position: relative;

    transition: .5s;

}

.style-two.feature-box:hover .feature-box-title h2,

.style-two.feature-box:hover .feature-box-desc p{

	color:#fff;

}

.style-two.feature-box .feature-box-icon  {

    transition: .3s;

    width: 95px;

    height: 95px;

    line-height: 95px;

    background: #121c27;

    border-radius: 100%;

    margin: 20px auto 25px;

    position: relative;

}

.style-two.feature-box .feature-box-icon i {

    font-size: 50px;

    color: #fff;

}

.style-two.feature-box .feature-box-desc p {

    transition: .5s;

    padding-top: 7px;

}

.active .style-two.feature-box .feature-box-title h2 {

    color:#fff;

}

.active .style-two.feature-box .feature-box-desc p {

    color:#fff;

}

.active .style-two.feature-box:before {

    height: 100%;

}

.active .style-two.feature-box .round-circle {

    -webkit-animation-play-state: running;

    -moz-animation-play-state: running;

    -o-animation-play-state: running;

    animation-play-state: running;

    opacity: 1;

}

.active .style-two.feature-box .round-circle{

    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,0 0);

}

.active .style-two.feature-box .round-circle:before {

    position: absolute;

    content: '';

    background: #fff;

    width: 8px;

    height: 8px;

    left: 15px;

    bottom: 9px;

    border-radius: 50%;

    z-index: 1;

}

.round-circle {

    position: absolute;

    width: 120px;

    height: 120px;

    left: -12px;

    top: -12px;

    border: 2px solid #fff;

    border-radius: 50%;

    clip-path: polygon(0% 0%,50% 0%,50% 100%,0% 100%,0 0);

    transition: all 500ms ease;

    animation: service_hexagon 2s infinite linear;

    animation-play-state: paused;

    opacity: 0;

}

.style-two.feature-box:hover .round-circle:before {

    position: absolute;

    content: '';

    background: #fff;

    width: 8px;

    height: 8px;

    left: 15px;

    bottom: 9px;

    border-radius: 50%;

}

.style-two.feature-box:hover .round-circle {

    -webkit-animation-play-state: running;

    -moz-animation-play-state: running;

    -o-animation-play-state: running;

    animation-play-state: running;

    opacity:1;

}

.style-two.feature-box:hover .round-circle {

    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,0 0);

}

/* Feature Style Three */

.feature-box.style-three {

	background: #fff;

	text-align: center;

	box-shadow: 6px 5px 30px 0px rgba(0,0,0,0.12);

	border-radius: 7px;

	padding: 45px 30px;

	transition: .5s;

	position: relative;

	overflow: hidden;

	z-index: 1;

	margin-bottom: 30px;

}

.feature-box.style-three::before {

	position: absolute;

	content: "";

	left: 0;

	top: 50%;

	height: 100%;

	width: 100%;

    background: linear-gradient(to right, #000dff, #2c34ff, #444bff, #5860ff, #6b73ff);

	z-index: -1;

	opacity: 0;

	transition: .5s;

}

.feature-box.style-three:hover::before {

	opacity: 1;

	top: 0%;

}

.feature-box.style-three:hover{

	border-radius: 100%;

}

.feature-box.style-three .feature-box-icon i {

	font-size: 55px;

	color: #121c27;

	transition: .5s;

	display: inline-block;

}

.feature-box.style-three .feature-box-title h2 {

    font-size: 20px;

    font-weight: 700;

    transition: .5s;

    margin: 20px 0 15px;

}

.feature-box.style-three .feature-btn a {

	text-transform: uppercase;

	font-weight: 400;

	font-size: 13px;

	margin-top: 15px;

	display: inline-block;

	transition: .5s;

}

.feature-box.style-three .feature-btn a i{

    margin-left:4px;

}

.feature-box-desc{

    transition:.4s;

}



.feature-box.style-three:hover .feature-box-title h3,

.feature-box.style-three:hover .feature-box-title h2,

.feature-box.style-three:hover .feature-btn a,

.feature-box.style-three:hover .feature-box-icon i,

.feature-box.style-three:hover .feature-box-desc{

color:#fff;

}



/* Feature Style Four */



.feature-box.style-four{

    border-radius: 10px;

	overflow: hidden;

}

.feature-box.style-four:hover{

	-webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px);

    -webkit-box-shadow: 0 25px 55px rgba(0,0,0,.22);

    box-shadow: 0 25px 55px rgba(0,0,0,.22);

}

.feature-box.style-four:hover:before{

	background: rgba(12,90,219,.85);

}

.feature-box.style-four:before{

	position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(41,55,66,.6);

    content: "";

    -webkit-transition: .5s;

	-moz-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    border-radius: 10px;

}

.feature-box.style-four .feature-box-content{

    position: absolute;

    left: 0;

    bottom: -67px;

    padding: 0 59px 0 40px;

    -webkit-transition: .5s;

	-moz-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.feature-box.style-four:hover .feature-box-content{

    bottom: 40px;

}

.feature-box.style-four .feature-box-content .feature-box-icon span i{

    font-size: 50px;

	color: #fff;

}

.feature-box.style-four .feature-box-content .feature-box-title h2{

	font-size: 23px;

    font-weight: 700;

    margin: 17px 0 15px;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    transition: .5s;

    color: #fff;

}

.feature-box.style-four .feature-box-content .feature-box-desc p{

	overflow: hidden;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    color: #fff;

    opacity: 0;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    -webkit-transition-delay: .3s;

    -moz-transition-delay: .3s;

    -o-transition-delay: .3s;

    transition-delay: .3s;

}

.feature-box.style-four:hover .feature-box-content .feature-box-desc p{

    opacity: 1;

}

.feature-box.style-four .feature-box-content .feature-btn a{

	color: #fff;

    text-transform: uppercase;

    font-size: 14px;

    margin-top: 20px;

    display: inline-block;

    opacity: 0;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    -webkit-transition-delay: .3s;

    -o-transition-delay: .3s;

    transition-delay: .3s;

}

.feature-box.style-four:hover .feature-box-content .feature-btn a{

    opacity: 1;

}



/* Style Five */

.feature-box.style-five {

    background: #fff;

    text-align: center;

    box-shadow: 6px 5px 30px 0px rgba(0,0,0,.12);

    border-radius: 7px;

    padding: 50px 45px;

    transition: .4s;

}

.feature-box.style-five.active {

    background: #121c27;

}

.feature-box.style-five:hover {

    background: #121c27;

    transform: translateY(-10px);

}

.feature-box.style-five .feature-box-icon i {

    background: #edf4fc;

    width: 130px;

    height: 130px;

    border-radius: 100%;

    line-height: 130px;

    font-size: 45px;

    color: #121c27;

    margin-bottom: 20px;

    transition: .4s;

    display: inline-block;

}

.feature-box.style-five:hover .feature-box-icon i{

    background: #fff;

}

.feature-box.style-five .feature-box-content .feature-box-title h2 {

    font-size: 23px;

    font-weight: 700;

    margin-bottom: 15px;

    transition: .4s;

}

.feature-box.style-five .feature-btn a {

    text-transform: uppercase;

    font-weight: 600;

    font-size: 14px;

    margin-top: 25px;

    display: inline-block;

    transition: .4s;

	color: #121c27;

}

.feature-box.style-five:hover .feature-box-title h2,

.feature-box.style-five:hover .feature-btn a,

.feature-box.style-five:hover .feature-box-desc{

    color: #fff;

}

.feature-box.style-five.active .feature-box-title h2,

.feature-box.style-five.active .feature-btn a,

.feature-box.style-five.active .feature-box-desc{

    color: #fff;

}



/* Style Six */

.feature-box.style-six {

    background: #fff;

    text-align: center;

    box-shadow: 6px 5px 30px 0px rgba(0,0,0,.12);

    border-radius: 7px;

    padding: 28px 20px 28px;

    transition: .4s;

}

.feature-box.style-six.active {

    background: #121c27;

}

.feature-box.style-six:hover {

    background: #121c27;

    transform: translateY(-10px);

}

.feature-box.style-six .feature-box-icon i{

    font-size: 48px;

    color: #121c27;

    margin-bottom: 20px;

    transition: .4s;

    display: inline-block;

}

.feature-box.style-six:hover .feature-box-icon i{

    color: #fff;

}

.feature-box.style-six .feature-box-content .feature-box-title h2 {

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 15px;

    transition: .4s;

}

.feature-box.style-six .feature-btn a {

    text-transform: uppercase;

    font-weight: 600;

    font-size: 14px;

    margin-top: 25px;

    display: inline-block;

    transition: .4s;

	color: #121c27;

}

.feature-box.style-six:hover .feature-box-title h2,

.feature-box.style-six:hover .feature-btn a,

.feature-box.style-six:hover .feature-box-desc{

    color: #fff;

}

.feature-box.style-six.active .feature-box-title h2,

.feature-box.style-six.active .feature-btn a,

.feature-box.style-six.active .feature-box-desc{

    color: #fff;

}



/* Style Seven */

.feature-box.style-seven{

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

    border: 1px solid rgba(255,255,255,0.10);

    padding: 15px 23px 30px;

    position: relative;

    z-index: 1;    

}

.feature-box.style-seven:before{

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    width: 3px;

    background: #121c27;

    z-index: -1;

    transition: .3s;

}

.feature-box.style-seven:hover::before{

    width: 100%;

}

.feature-box.style-seven .feature-box-icon {

    float: left;

    margin-right: 20px;

    padding-top: 18px;

}

.feature-box.style-seven .feature-box-icon i{

    font-size: 40px;

    transition: .3s;

}

.feature-box.style-seven .feature-box-content{

    overflow: hidden;    

}

.feature-box.style-seven .feature-box-title h2{

    font-size: 20px;

    margin: 15px 0 10px;

    transition: .3s;    

}



.feature-box.style-seven .feature-icon.bottom {

    position: absolute;

    right: 10px;

    bottom: 5px;

    font-size: 40px;

    color: #69717d;

    opacity: 0.4;

}



.feature-box.style-seven h2,

.feature-box.style-seven p,

.feature-box.style-seven i{

    color: #fff;

}

/* upper */

.upper {

    border-top-left-radius: 7px;

    border-top-right-radius: 7px;

    box-shadow:0 0 12px 0 rgb(32 46 60 / 6%);

}



 @media (min-width: 320px) and (max-width: 999px) {

	.default-style.feature-box {

		display: block;

		padding: 40px 40px;

		box-shadow: 0 0 15px rgba(0,0,0,0.15);

		margin-bottom: 30px;

	} 

	.default-style.feature-box .feature-box-icon i {

		margin-right: 0;

		color:#121c27;

	}

	.default-style.feature-box .feature-box-content {

		float: none;

	}

	.default-style.feature-box .feature-box-title h2 {

		color: #232323;

	}

 }





 .feature-box.style-eight {

    background: #ffffff;

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

    border-bottom: 3px solid #2663e4;

    border-radius: 6px 6px 6px 6px;

    padding: 30px 20px 25px 20px;

}

 .feature-box.style-eight .feature-box-title h2 {

    font-size: 18px;

    text-transform:uppercase;

}

 .feature-box.style-eight .feature-box-icon {

    margin-right: 20px;

}

 .feature-box.style-eight .feature-box-icon i {

    color: #2663e4;

    background-color: #f7f9fa;

    font-size: 40px;

    height: 90px;

    width: 90px;

    line-height: 90px;

    border-radius: 100% 100% 100% 100%;

    display: inline-block;

    text-align: center;

}

 .feature-box.style-eight:hover .feature-box-icon i {

    color: #ffffff;

    background-color: #2a6dec;

}





.dreamit-button a {

    display: inline-block;

    background: transparent;

    border: 1px solid #c7c7c7;

    font-size: 16px;

    color: #121c27;

    font-weight: 500;

    padding: 12px 25px;

    border-radius: 30px;

    transition: .5s;

    margin-top: 26px;

}

.dreamit-button a:hover {

    background: #121c27;
    border-color: #121c27;
    color: #fff;

}

.style2 .dreamit-button a {
    position: relative;
    /* padding: 14px 44px; */
    z-index: 1;
    border: 0;
     background: #121c27;
    border: 1px solid #121c27;
    color: #fff;


}
.dreamit-button-box .dreamit-button a span{
    margin-left:0 ;
}
.dreamit-button-box .dreamit-button a span svg {
	width: 19px;
	height: 19px;
}
/* .style2 .dreamit-button a:before {

    position: absolute;

    left: 0;

    content: "";

    height: 100%;

    width: 100%;

    background: linear-gradient(to right, #f07024 0%, #fca13e 100%);

    top: 0;

    border: 0;

    z-index: -1;

    border-radius: 30px;

    transition: .5s;

} */

.style2 .dreamit-button a:hover {

     background: transparent;
    border: 1px solid #c7c7c7;
    color: #121c27;

}

/* .style2 .dreamit-button a:hover:before {

    background: linear-gradient(to right, #fca13e 0%, #f07024 100%);

} */







/* btn */

.btn-two .dreamit-button a {

    /* background: linear-gradient(to right, #F17326 44%, #FBA23E 90%); */

    padding: 13px 36px;

    border: none;

}

.btn-two .dreamit-button a:hover {

    /* background: linear-gradient(to right, #FBA23E 44%,  #F17326 90%); */

    color:#fff!important;

}



/* style nine */

.feature-box.style-nine {

    padding: 30px 28px 30px;

    background: #fafafa;

    padding-top: 0;

    margin-top: 25px;

    margin-bottom: 60px;

    border: 1px solid #e7e7e7;

    position: relative;

}

.feature-box.style-nine .feature-box-title {

    background: #121c27;

    padding: 9px 55px;

    position: absolute;

    display: inline-block;

    top: -14px;

}

.feature-box.style-nine .feature-box-title h2 {

    color: #fff;

    font-size: 24px;

    text-align: center;

    margin: 0;

}

.feature-box.style-nine .feature-btn a {

       display: inline-block;

    background: #121c27;

    border: 2px solid #121c27;

    font-size: 16px;

    color: #fff;

    font-weight: 500;

    padding: 10px 35px;

    border-radius: 30px;

    transition: .5s;

    margin-top: 26px;

}

.feature-box.style-nine .feature-btn a:hover {

    background: transparent;

    color: #121c27;

}

.feature-box.style-nine .feature-box-desc p {

    transition: .5s;

    margin: 62px 0 0;

}

/* servie-sedebar */

.servie-sedebar {

    padding: 30px 21px 8px;

    background: #fafafa;

    padding-top: 0;

    margin-top: 25px;

    margin-bottom: 60px;

    border: 1px solid #e7e7e7;

    position: relative;

}

.servie-sedebar h2.elementor-heading-title {

    background: #121c27;

    padding: 11px 71px;

    display: inline-block;

    top: -34px;

    position: absolute;

    left: 0;

    right: 0;

}

.servie-sedebar .icon-box .icon-box-icon {

    padding-right: 16px;

    margin-top: 0;

}

.servie-sedebar .icon-box-icon .icon i {

    font-size: 33px;

}

.servie-sedebar .icon-box .icon-box-content h2 {

    font-size: 18px;

    margin: 0 0 7px 0;

}











/*

============

Service Box

============

*/

/* service carousel */



.service-carousel .service-box {

    background: #fff;

    padding: 41px 0px 0;

    margin-right: 30px;

    border-radius: 7px;

    position: relative;

    z-index: 99999;

    margin-bottom: 30px;

}

.service-carousel .service-box-inner::after {

    position: absolute;

    left: 0;

    content: "";

    height: 250px;

    width: 94%;

    background: #F4EAE9;

    right: 0;

    bottom: 0px;

    margin: auto;

    border-radius: 7px;

    transition: .5s;

    z-index: -1;

    top: 61px;

}

.service-box-inner {

    background: #fff;

    position: relative;

    padding: 0 37px 8px;

}

.service-carousel .service-footer {

    border-top: 1px dashed #D2D2D2;

    margin: 24px 0 0px;

    padding: 5px 0 0;

}



.service-carousel .service-box-title h3 {

    margin: 0 0 14px 0;

    font-size: 26px;

    padding: 0;

}

.service-carousel .service-btn {

    margin-top: 0;

    position: absolute;

    right: 33px;

    bottom: 17%;

}





.service-carousel .service-btn > a {

    border-radius: 30px;

    color: #fff;

    font-size: 16px;

    background: linear-gradient(to right, #F17326 44%, #FBA23E 90%);

    padding: 9px 21px;

}

.service-carousel .service-btn > a:hover{

    background: linear-gradient(to right, #FBA23E 44%, #F17326 90%);

    color:#fff;

}

.service-carousel .service-box .service-box-icon i {

    font-size: 60px;

}

/* owl carousel  */

.service-carousel .owl-dots {

    display: flex;

    text-align: center;

    justify-content: center;

    position: relative;

    top: 0px;

}

.service-carousel .owl-dot {

    height: 14px;

    width: 14px;

    margin-right: 10px;

    border-radius: 100%;

    border: 2px solid#F37C41;

}



.service-carousel .owl-dot.active {

    background: #F37C41;

}





/* Service Style Default */

.em_service_content {

	overflow: hidden;

}

.service_top_text {

display: block;

}

.service-box-icon {

color: #333;

font-size: 40px;

-webkit-transition: all 0.5s ease 0s;

-o-transition: all 0.5s ease 0s;

transition: all 0.5s ease 0s;

}

.service-box .service-box-icon i {

    margin-bottom: 20px;

    display: inline-block;

    color: #121c27;

}

.service-box-title {

overflow: hidden;

}

.service-box-title h2,

.service-box-title h3 {

margin: 0 0 20px 0;

font-size: 20px;

padding: 0;

-webkit-transition: all 0.5s ease 0s;

-o-transition: all 0.5s ease 0s;

transition: all 0.5s ease 0s;

}

.service-box-title h2:hover{

color:#121c27;

}

.service-box-desc p {

-webkit-transition: .5s;

-o-transition: .5s;

transition: .5s;

}

.service-btn {

margin-top: 15px;

}

.service-btn > a {

	border-radius: 30px;

	color: #616161;

	display: inline-block;

	font-size: 14px;

	-webkit-transition: all .5s ease 0s;

	-o-transition: all .5s ease 0s;

	transition: all .5s ease 0s;

	font-weight:400;

}

.service-btn > a i{

margin-left:7px;

}

.service-btn a:hover {

color: #121c27;

}

.service-box-thumb {



}

.slick-slide,

.slick-slider {

outline: 0 !important;

}



/* Service Box Style Two */

.service-box.service-style-two {

    padding: 50px 30px 45px;

    text-align: center;

    position: relative;

    background: #fff;

    transition: .5s;

    z-index: 1;

}

.service-box.service-style-two .service-carousel .service-btn {

    margin-top: 0;

    position: inherit!important;

}



.service-box.service-style-two .service-box-icon {

    position: relative;

    height: 115px;

    line-height: 104px;

}

.service-box.service-style-two .service-box-icon::before {

    position: absolute;

    content: '';

    left: 0px;

    top: -11px;

    right: 0px;

    bottom: 0px;

    background: url(http://wp.dreamitsolution.net/datatech/wp-content/uploads/2021/01/service-icon-shape.png);

    -webkit-animation-name: rotateme;

    animation-name: rotateme;

    -webkit-animation-duration: 20s;

    animation-duration: 20s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    margin: auto;

    width: 125px;

}

.service-box.service-style-two .service-box-icon i {

    font-size: 51px;

    display: inline-block;

    color: #121c27;

    transition: .5s;

    margin: 0;

}

.service-box.service-style-two .service-box-title h2 {

    margin: 30px 0 15px 0;

    transition: .5s;

    font-size: 22px;

    font-weight: 800;

}

.service-box.service-style-two .service-btn > a {

    padding: 9px 26px;

    background: #121c27;

    color: #fff;

    border-radius: 30px;

    margin-top: 15px;

    display: inline-block;

    font-size: 16px;

}

/* service carousel style two*/

.service_cursousel_sliderr.style-two .service-box.service-style-two {

    position: relative;

    display: block;

    background: #fff;

    box-shadow: 0 0 30px 5px #eaeaef;

    border-radius: 5px;

    text-align: left;

    padding: 21px 32px 28px;

    margin: 8px 11px 15px;

}

.service_cursousel_sliderr.style-two .service-box.service-style-two .service-btn > a {

    padding: 0;

    background: transparent;

    color: #616161;

    border-radius: 0;

    margin-top: 0;

    display: inline-block;

    font-size: 16px;

}

.service_cursousel_sliderr.style-two .service-box.service-style-two .service-btn > a:hover{

   color:#121c27; 

}





.service_cursousel_sliderr.style-two .service-box.service-style-two .service-btn {

    top: inherit;

    position: inherit;

}

.service_cursousel_sliderr.style-two .service-box.service-style-two .service-box-icon::before {

   display:none;

}

.service_cursousel_sliderr.style-two .service-box.service-style-two .service-box-icon {

    height: 88px;

    line-height: 94px;

    display: inline-block;

    margin-right: 12px;

}

.service_cursousel_sliderr.style-two .carousel-content {

    display: inline-block;

}

.service_cursousel_sliderr.style-two .service-box-title h3 {

    margin: 0 0 0 0;

    font-size: 20px;

}

.service_cursousel_sliderr.style-two  p.dsc {

    margin: 0 0 6px;

}

.service_cursousel_sliderr.style-two .service-box.service-style-two .service-box-icon i {

    font-size: 40px;

}

.service_cursousel_sliderr.style-two .service-box-content {

    border-top: 5px solid #f6f6f6;

    padding: 16px 0 0;

}

.service_cursousel_sliderr.style-two ul.slick-dots li {

    display: inline-block;

    margin: 0 5px;

    border-radius: 100%;

}

.service_cursousel_sliderr.style-two .slick-dots li button {

    background-color: #b1cdfb;

    border-radius: 100%;

    height: 28px;

    width: 29px;

    line-height: 23px;

    text-align: center;

}

.service_cursousel_sliderr.style-two  .slick-dots {

    bottom: -17px !important;

}







/* Service Box Style Three */



.service-box.service-style-three {

padding: 0;

border-radius: 5px;

border: 1px solid rgba(255,255,255,0.20);

transition: .5s;

position: relative;

overflow: hidden;

}

.service-box.service-style-three .service-content-front {

position: absolute;

bottom: 0;

left: 0;

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

width: 100%;

padding: 0;

transition:.4s;

}

.service-box.service-style-three:hover .service-content-front{

bottom:-100%;

}

.service-box.service-style-three .service-content-front .service-box-icon {

color: #fff;

font-size: 40px;

-webkit-transition: all 0.5s ease 0s;

-o-transition: all 0.5s ease 0s;

transition: all 0.5s ease 0s;

float: left;

margin-right: 20px;

}

.service-box.service-style-three .service-content-front .service-box-icon i {

margin-bottom: 0;

display: inline-block;

color: #fff;

background: #121c27;

width: 70px;

height: 70px;

line-height: 70px;

text-align: center;

}

.service-box.service-style-three .service-content-front .service-box-title h2 {

margin: 20px 0 0 0;

font-size: 20px;

padding: 0;

color: #fff;

}

.service-box.service-style-three .service-box-desc p {

color: rgba(255,255,255,0.85);

}

.service-box.service-style-three .service-btn {

margin-top: 30px;

}

.service-box.service-style-three .service-btn > a {

color: #121c27;

transition: .5s;

background: #fff;

padding: 14px 30px;

display: inline-block;

border-radius: 4px;

transition: all .5s;

}

.service-box.service-style-three .service-btn > a:hover{

background:#fff;

color:#121c27;

}

.service-content-back {

position: absolute;

top: -100%;

left: 0;

height: 100%;

width: 100%;

text-align: center;

background: rgba(241, 42, 2,0.80);

padding: 0 32px;

transition:.4s;

}

.service-box.service-style-three:hover .service-content-back{

top:0;

}

.service-content-back-inner {

position: relative;

top: 50%;

transform: translateY(-50%);

}

.service-box .service-content-back .service-box-icon i {

margin-bottom: 0;

display: inline-block;

color: #fff;

font-size: 60px;

}

.service-box .service-content-back .service-box-title h2 {

margin: 5px 0 15px 0;

font-size: 20px;

padding: 0;

color: #fff;

}



/* Service Style 4 */

.service-box.service-style-four {

    background: #F1F6FC;

    text-align: left;

    padding: 0 38px 45px;

    transition: .5s;

    border-radius: 5px;

}

.service-box.service-style-four .service-box-icon {

    position: relative;

    display: inline-block;

    font-size: 60px;

    width: 130px;

    height: 130px;

    line-height: 130px;

    text-align: center;

    border-radius: 50%;

    z-index: 1;

    transition: all 500ms ease;

    background: #fff;

    box-shadow: 0 20px 50px 5px #e9eef7;

    color: #121c27;

    margin-top: -63px;

}

.service-box.service-style-four:hover .service-box-icon{

    background:#121c27;

}

.service-box.service-style-four:hover .service-box-icon i{

    color:#fff;

}

.service-box.service-style-four .service-box-icon i{

    color: #121c27;

    font-size: 55px;

}

.service-box.service-style-four .service-box-title {

    margin-top: 53px;

}

.service-box.service-style-four .service-box-content h2{

    font-size: 23px;

}

.service-box.service-style-four .service-box-content p{

    margin: 0;

}

.service-box.service-style-four .service-btn a {

    display: inline-block;

    position: relative;

    z-index: 1;

    transition-duration: .6s;

    color: #121c27;

    text-decoration: underline;

    font-weight: 600;

    font-size: 16px;

}

.anim-icon {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    right: 0px;

    animation: service_hexagon 3s infinite linear;

    animation-play-state: paused;

}



.anim-icon .icon-1 {

    position: absolute;

    left: -25px;

    top: 60px;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    animation: zoom-fade-two 5s infinite linear;

    background: #121c27;

}

.anim-icon .icon-2  {

    position: absolute;

    left: 10px;

    top: -20px;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    animation: zoom-fade-two 4s infinite linear;

    background: #121c27;

}

.anim-icon .icon-3 {

    position: absolute;

    top: 15px;

    right: 0px;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    animation: zoom-fade-two 3s infinite linear;

    background: #121c27;

}

.service-box.service-style-four:hover .anim-icon{

  -webkit-animation-play-state: running;

  -moz-animation-play-state: running;

  -o-animation-play-state: running;

  animation-play-state: running;

}



/* Service Style 5 */

.service-box.style-five {

padding: 0 20px;

}

.style-five .service-box-title h3 {

font-size: 32px;

}

.service-box-number {

	position: relative;

	color: #121c27;

	font-size: 19px;

	font-weight: 700;

	margin-right: 50px;

	display: block;

}

.service-box.style-five .service-box-inner{

    padding: 0;

}

.service-box-number::before {

position: absolute;

right: -40px;

top: 16px;

width: 30px;

height: 1px;

background: #121c27;

content: "";

}

.service-list {

padding-left: 0;

list-style: none;

}

.service-list li a {

display: block;

color: #232323;

text-transform: uppercase;

font-weight: 500;

font-size: 13px;

padding: 5px 0px;

transition: .3s;

}

.service-list li a:hover {

margin-left: 15px;

color: #121c27;

}

.service-style-five .service-btn > a {

color: #232323;

font-size: 13px;

font-weight: 500;

}

.service-style-five .service-btn > a:hover {

color: #121c27;

}



.style-five .service-btn > a {

    color: #121c27;

    font-size: 16px;

    font-weight: 500;

    letter-spacing: 1px;

}





.slick-slide.service-box{

margin:10px 15px 30px;

}



/* Service Box Style Six */

.service-box.service-style-six {

    padding: 26px 35px 25px;

    text-align: center;

    position: relative;

    background: #fff;

    transition: .5s;

    z-index: 1;

    margin: 0;

    box-shadow: 0px 0px 25px 0px rgb( 0, 0, 0, 0.2 );

    border-radius: 5px;

}

.service-box.service-style-six:before {

    position: absolute;

    left: 0;

    content: "";

    height: 10%;

    width: 10%;

    background: linear-gradient(to right, #f07024 0%, #fca13e 100%);

    top: 0;

    border: 0;

    z-index: -1;

    transition: .5s;

    border-radius: 10px 0 70px;

    opacity: .7;

}

.service-box.service-style-six .service-thumb {

    position: relative;

}

.service-box.service-style-six .service-thumb:after {

    position: absolute;

    left: -26px;

    content: "";

    height: 100%;

    width: 120%;

    background: url(http://localhost/datatech/wp-content/uploads/2021/08/service-sp.png);

    top: 0;

    border: 0;

    z-index: -1;

    transition: .5s;

    border-radius: 10px 0 70px;

    opacity: .7;

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center center;

}

.service-box.service-style-six:hover:before{

    width: 100%;

    height: 100%;

    opacity: 1;

    border-radius: 5px;

}

.service-box.service-style-six .service-box-title h2 {

margin: 0 0 20px 0;

font-size: 23px;

}

.service-box.service-style-six:hover .service-box-title h2,

.service-box.service-style-six:hover .service-box-desc p {

    color:#fff;

}

.active .service-box.service-style-six:before {

    position: absolute;

    left: 0;

    height: 100%;

    width: 100%;

    background: linear-gradient(to right, #f07024 0%, #fca13e 100%);

    border-radius: 5px;

    opacity: 1;

}

.active .service-box.service-style-six .service-box-title h2 {

    color:#fff;

}

.active .service-box.service-style-six .service-box-desc p{

    color:#fff;

}

/* Service Box Style Seven */

.service-box.service-style-seven {

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

    padding: 35px 34px 20px;

    background: #fff;

    text-align: center;

    border-radius: 7px;

    margin: 0;

    position: relative;

}

.service-box.service-style-seven::before {

    position: absolute;

    left: 0;

    content: "";

    height: 5px;

    width: 0%;

    background:#121c27;

    bottom: 0px;

    border-radius: 0 0 5px 5px;

    transition:.5s;

}

.service-box.service-style-seven:hover::before{

    width: 100%;

}

.service-style-seven .service-thumb {

    padding: 5px 0 20px !important;

}

.service-box.style-seven .service-box-icon i {

    width: 90px;

    height: 90px;

    line-height: 90px;

    background: #e8ecfc;

    margin-bottom: 33px;

    border-radius: 33% 66% 70% 30%/49% 62% 38% 51%;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    transition: .5s;

    text-align: center;

}

.service-box.style-seven:hover .service-box-icon i{

    background: #121c27;

    color: #fff;

}

.service-box.style-seven .service-box-inner h2{

	position: relative;

	font-size: 22px;

}

.service-box.style-seven .service-box-inner h2:before{

	content: '';

    position: absolute;

    left: 0;

    bottom: -8px;

    background: #d1d1d1;

    width: 100px;

    height: 1px;

    -o-transition: .6s;

    transition: .6s;

    -webkit-transition: .6s;

    right: 0;

    margin: auto;

}

.service-box.style-seven .service-btn a{

    border: 1px solid #e8ecfc;

    padding: 5px 23px;

    margin-top: 14px;

}

.service-box.style-seven:hover .service-btn a{

	color: #fff;

    background: #121c27;

}



/* Service Box Style Eight */

.service-box.service-style-eight {

    padding: 60px 30px 40px;

    text-align: center;

    position: relative;

    background: #fff;

    box-shadow: 2px 10px 50px rgba(158,158,158,.25);

    border: 2px solid transparent;

    border-radius: 7px;

    margin-bottom: 30px;

    transition: .5s;

}

.service-box.service-style-eight:hover {

	border: 2px solid #121c27;

}

.service-box.service-style-eight .service-box-icon i {

    width: 95px;

    height: 95px;

    line-height: 95px;

    background: #121c27;

    border-radius: 100%;

    color: #fff;

    display: inline-block;

    margin-bottom: 33px;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    text-align: center;

    font-size: 50px;

}

.service-box.service-style-eight .service-box-title h2 {

	margin: 0 0 15px;

    font-size: 22px;

    padding: 0;

}

.service-box.service-style-eight .service-btn {

	margin-top: 0;

	position: absolute;

	bottom: -24px;

	left: 0;

	right: 0;

	transition:.4s;

}

.service-box.service-style-eight .service-btn a{

	color: #121c27;

	display: inline-block;

	border: 2px solid #121c27;

}

.service-box.service-style-eight:hover .service-btn a i{

	background: #121c27;

	color: #fff;

}

.service-box.service-style-eight .service-btn a i {

	margin-left: 0;

	font-size: 21px;

	width: 50px;

	height: 50px;

	color: #121c27;

	background: #fff;

	line-height: 50px;

	border-radius: 100%;

}



/* Service Style Nine */

.service-box.service-style-nine {

    padding: 48px 20px 37px;

    text-align: center;

    position: relative;

    background: #fff;

    border-radius: 7px;

    transition: .5s;

    box-shadow: 2px 10px 50px rgba(158,158,158,.25);

    z-index: 1;

}

.service-box.service-style-nine:before{

    position:absolute;

    content:"";

    height: 100%;

    width:100%;

    top:0;

    left:0;

    background: linear-gradient(to right, #f07024 0%, #fca13e 100%);

    z-index: -1;

    border-radius: 7px;

    opacity: 0;

    transition:.5s;

}

.service-box.service-style-nine:hover:before{

    opacity:1;

}

.service-box.service-style-nine:hover {

    transform: translateY(-8px);

}

.service-box.service-style-nine .icon {

    position: relative;

}

.service-box.service-style-nine .icon:before {

    position: absolute;

    content: "";

    height: 101px;

    width: 95px;

    background: url(https://wp.dreamitsolution.net/datatech-elementor/datatech/wp-content/uploads/2021/08/service-shape01.png);

    top: -6px;

    left: 0;

    right: 0;

    margin: auto;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: -1;

    transition:.5s;

}

.service-box.service-style-nine:hover .icon:before {

    opacity: .3;

}

.service-box.service-style-nine .icon i {

    font-size: 60px;

    display: inline-block;

    color: #121c27;

    transition: .5s;

    opacity: 1;

}

.service-box.service-style-nine:hover .icon i{

    opacity: 1;

    color:#fff;

}

.service-box.service-style-nine .service-box-title h2 {

    margin: 16px 0 15px;

    transition: .5s;

    font-size: 22px;

}

.service-box.service-style-nine .service-btn {

    margin-top: 20px;

}

.service-box.service-style-nine .service-btn a {

    color: #232323;

    display: inline-block;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 0;

    position: relative;

    transition:.5s;

}

.service-box.service-style-nine:hover .service-box-icon i,

.service-box.service-style-nine:hover .service-box-title h2,

.service-box.service-style-nine:hover .service-box-desc p,

.service-box.service-style-nine:hover .service-btn a{

    color: #fff;

}



/* Service Style Ten */



.service-box.service-style-ten {

    background: #fff;

    text-align: left;

    padding: 40px 38px 45px;

    transition: .5s;

    border-radius: 5px;

    box-shadow: 2px 10px 50px rgb(158 158 158 / 25%);

    position: relative;

    z-index: 1;

}

.service-box.service-style-ten::before {

    position: absolute;

    left: 0;

    content: "";

    top: 0;

    height: 100%;

    width: 100%;

    background: linear-gradient(to top, #f27828 0%, #fb9f3d 100%);

    z-index: -1;

    transition:.5s;

    opacity: 0;

    border-radius: 5px;

}

.service-box.service-style-ten::after {

    position: absolute;

    content: "";

    height: 150px;

    width: 235px;

    bottom: 0;

    right: 0;

    background: url(http://localhost/datatech/wp-content/uploads/2021/08/shape.png);

    z-index: -1;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    transition:.5;

}

.service-box.service-style-ten:hover::after{

    opacity: .2;

}

.service-box.service-style-ten:hover::before{

    opacity: 1;

}

.service-box.service-style-ten:hover .services-box-icon{

    border-color:#fff;

}

.service-box.service-style-ten .services-box-icon {

    border: 2px dotted #121c27;

    display: inline-block;

    border-radius: 50%;

    padding: 7px;

    transition:.5s;

}

.service-box.service-style-ten .service-box-icon {

    position: relative;

    display: inline-block;

    font-size: 40px;

    width: 70px;

    height: 70px;

    line-height: 70px;

    text-align: center;

    border-radius: 50%;

    z-index: 1;

    transition: all 500ms ease;

    background: linear-gradient(to top, #f27828 0%, #fb9f3d 100%);

    color: #121c27;

}

.service-box.service-style-ten:hover .service-box-icon{

    background:#fff;

}

.service-box.service-style-ten:hover .service-box-icon i{

    color:#121c27;

}

.service-box.service-style-ten .service-box-icon i{

    color: #fff;

}

.service-box.service-style-ten .service-box-title {

    margin-top: 28px;

}

.service-box.service-style-ten .service-box-content h2{

    font-size: 23px;

    transition:.5s;

}

.service-box.service-style-ten .service-box-content p{

    margin: 0;

    transition:.5s;

}

.service-box.service-style-ten .service-btn a {

    display: inline-block;

    position: relative;

    z-index: 1;

    transition-duration: .6s;

    color: #232323;

    font-weight: 600;

    font-size: 16px;

}

.service-box.service-style-ten:hover .service-box-content h2,

.service-box.service-style-ten:hover .service-box-content p,

.service-box.service-style-ten:hover .service-btn a {

    color:#fff;

}

.service-box.service-style-ten .anim-icon {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    right: 0px;

    animation: service_hexagon 3s infinite linear;

    animation-play-state: paused;

    opacity: 0;

    transition:.3s;

}

.service-box.service-style-ten:hover .anim-icon{

    opacity: 1;

}

.service-box.service-style-ten .anim-icon .icon-1 {

    position: absolute;

    left: -7px;

    top: 54px;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    animation: zoom-fade-two 5s infinite linear;

    background: #fff;

}

.service-box.service-style-ten .anim-icon .icon-2 {

    position: absolute;

    left: 27px;

    top: -14px;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    animation: zoom-fade-two 4s infinite linear;

    background: #fff;

}

.service-box.service-style-ten .anim-icon .icon-3 {

    position: absolute;

    top: 40px;

    right: -13px;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    animation: zoom-fade-two 3s infinite linear;

    background: #fff;

}

.service-box.service-style-ten:hover .anim-icon{

  -webkit-animation-play-state: running;

  -moz-animation-play-state: running;

  -o-animation-play-state: running;

  animation-play-state: running;

}

/*

==========

Flip Box

==========

*/





.flip-box .flip-box-inner {

    position: relative;

    z-index: 1;

    margin: 0;

    padding: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

	transition: .5s;

}

.flip-box .flip-box-inner .flip-box-wrap {

    position: relative;

    -webkit-transform: translateZ(0);

    -webkit-perspective: 1000px;

    perspective: 1000px;

}

.flip-box .flip-box-inner .back-part,

.flip-box .flip-box-inner .front-part {

    top: 0;

    right: 0;

    left: 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    align-items: center;

    -ms-flex-align: center;

    height: 200px;

    background-position: center;

    background-clip: padding-box;

    background-size: cover;

    background-repeat: no-repeat;

    text-align: center;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-perspective: 1000px;

    perspective: 1000px;

    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);

    transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);

    transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);

    transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);

		transition: .5s;

}



.flip-box .flip-box-inner .front-part {

	position: relative;

	bottom: 0;

	z-index: 10;

	padding: 50px 25px 50px;

	border-radius: 8px;

	background-color: #6094da;

}

.flip-box .flip-box-inner .front-part .front-background-overlay{

	position: absolute;

	height: 100%;

	width: 100%;

	left: 0;

	top: 0;

}

.flip-box .flip-box-inner .front-part .front-content-part{

    width: 100%;

	z-index: 1;

}

.flip-box .flip-box-inner .front-part .front-content-part .front-icon-part {

    margin-bottom: 20px;

}

.flip-box .flip-box-inner .front-part .front-content-part .front-icon-part span,

.flip-box .flip-box-inner .back-part .back-content-part .back-icon-part span{

    display: inline-block;

    text-align: center;

    color: #fff;

    font-size: 30px;

    line-height: 1;

}

.flip-box .flip-box-inner .front-part .front-content-part .front-icon-part span img,

.flip-box .flip-box-inner .back-part .back-content-part .back-icon-part span img{

    width: 60px;

    height: 60px;

}

.flip-box .flip-box-inner .front-part .front-content-part .front-title-part {

    margin-bottom: 10px;

}

.flip-box .flip-box-inner .front-part .front-content-part .front-title-part .front-title {

    margin: 0;

    font-weight: 700;

    font-size: 20px;

    line-height: 1.5;

    color: #fff;

}

.flip-box .flip-box-inner .front-part .front-content-part .front-desc-part .front-desc {

    margin-bottom: 0;

    font-size: 16px;

    color: #fff;

}

.flip-box .flip-box-inner .front-part .front-content-part .front-btn-part .front-btn {

    display: inline-block;

    line-height: 1;

}

.flip-box .flip-box-inner .front-part .front-content-part .front-btn-part .front-btn i {

    transition: all 0.4s ease 0s;

}



/* Back Part */

.flip-box .flip-box-inner .back-part {

    position: absolute;

    z-index: -1;

    padding: 26px 25px 26px;

    border-radius: 8px;

    background-color: #121c27;

}

.flip-box .flip-box-inner .back-part .back-background-overlay{

	position: absolute;

	height: 100%;

	width: 100%;

	left: 0;

	top: 0;

}

.flip-box .flip-box-inner .back-part .back-content-part{

	width: 100%;

    z-index: 1;

}

.flip-box .flip-box-inner .back-part .back-content-part .back-icon-part {

    display: inline-block;

    margin-bottom: 20px;

    text-align: center;

}

.flip-box .flip-box-inner .back-part .back-content-part .back-icon-part .back-img {

    display: inline-block;

}



.flip-box .flip-box-inner .back-part .back-content-part .back-title-part {

    margin-bottom: 10px;

}

.flip-box .flip-box-inner .back-part .back-content-part .back-title-part .back-title {

    margin: 0;

    font-weight: 700;

    font-size: 20px;

    line-height: 1.5;

}

.flip-box .flip-box-inner .back-part .back-content-part .back-desc-part .back-desc {

    margin-bottom: 0;

    font-size: 16px;

}

.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn {

    display: inline-block;

    line-height: 1;

    padding: 10px 25px;

    background: #fff;

	font-size: 18px;

	font-weight: 500;

}

.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn i {

    transition: all 0.4s ease 0s;

}

.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn.icon-after span {

    float: left;

}

.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn.icon-after i {

    margin-left: 10px;

}

.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn.icon-before span {

    float: right;

}

.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn.icon-before i {

    margin-right: 10px;

}

.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn:hover {

    background: #1f1c51;

    color: #fff;

}

.flip-box .flip-box-inner.rs-flip-right .front-part {

    -webkit-transform: rotateY(0);

    transform: rotateY(0);

}

.flip-box .flip-box-inner.rs-flip-right .back-part {

    -webkit-transform: rotateY(-180deg);

    transform: rotateY(-180deg);

}

.flip-box .flip-box-inner.rs-flip-right .back-content-part {

    right: 15px;

}

.flip-box .flip-box-inner.rs-flip-right:hover .back-part {

    -webkit-transform: rotateY(0);

    transform: rotateY(0);

}

.flip-box .flip-box-inner.rs-flip-right:hover .front-part {

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg);

}

.flip-box .flip-box-inner.rs-flip-right:hover .back-content-part {

    right: 0;

}

.flip-box .flip-box-inner.rs-flip-left .front-part {

    -webkit-transform: rotateY(0);

    transform: rotateY(0);

}

.flip-box .flip-box-inner.rs-flip-left .back-part {

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg);

}

.flip-box .flip-box-inner.rs-flip-left .back-content-part {

    left: 15px;

}

.flip-box .flip-box-inner.rs-flip-left:hover .front-part {

    -webkit-transform: rotateY(-180deg);

    transform: rotateY(-180deg);

}

.flip-box .flip-box-inner.rs-flip-left:hover .back-part {

    -webkit-transform: rotateY(0);

    transform: rotateY(0);

}

.flip-box .flip-box-inner.rs-flip-left:hover .back-content-part {

    left: 0;

}

.flip-box .flip-box-inner.rs-flip-up .front-part {

    -webkit-transform: rotateX(0);

    transform: rotateX(0);

}

.flip-box .flip-box-inner.rs-flip-up .back-part {

    -webkit-transform: rotateX(-180deg);

    transform: rotateX(-180deg);

}

.flip-box .flip-box-inner.rs-flip-up .back-content-part {

    top: 15px;

}

.flip-box .flip-box-inner.rs-flip-up:hover .front-part {

    -webkit-transform: rotateX(180deg);

    transform: rotateX(180deg);

}

.flip-box .flip-box-inner.rs-flip-up:hover .back-part {

    -webkit-transform: rotateX(0);

    transform: rotateX(0);

}

.flip-box .flip-box-inner.rs-flip-up:hover .back-content-part {

    top: 0;

}

.flip-box .flip-box-inner.rs-flip-down .front-part {

    -webkit-transform: rotateX(0);

    transform: rotateX(0);

}

.flip-box .flip-box-inner.rs-flip-down .back-part {

    -webkit-transform: rotateX(180deg);

    transform: rotateX(180deg);

}

.flip-box .flip-box-inner.rs-flip-down .back-content-part {

    bottom: 15px;

}

.flip-box .flip-box-inner.rs-flip-down:hover .front-part {

    -webkit-transform: rotateX(-180deg);

    transform: rotateX(-180deg);

}

.flip-box .flip-box-inner.rs-flip-down:hover .back-part {

    -webkit-transform: rotateX(0);

    transform: rotateX(0);

}

.flip-box .flip-box-inner.rs-flip-down:hover .back-content-part {

    bottom: 0;

}

.flip-box .flip-box-inner:hover .back-part {

    z-index: 1;

}

.flip-box .flip-box-inner:hover .front-part {

    z-index: -1;

}

.flip-box:after {

    display: block;

    visibility: hidden;

    clear: both;

    height: 0;

    content: " ";

    font-size: 0;

}

.front-part,

.back-part {

    min-height: 250px;

}

/* Style Two */

.flip-box.style-two .front-part .front-icon i{

	background: #121c27;

	color: #fff;

	height: 90px;

	width: 90px;

	line-height: 90px;

	display: inline-block;

	font-size: 30px;

	border-radius: 33% 66% 70% 30%/49% 62% 38% 51%;

}



/* About Section Circle Effect */

.about-circle-main-thumb {

position: relative;

}

.about-circle-main-thumb img {

    width: 80%;

}

img.rotateme.bg-circle {

    position: absolute;

    left: -55px;

    width: 124%;

    top: -55px;

    z-index: 1;

}

.about-growth-thumb {

position: relative;

z-index: 1;

}

.about-growth-thumb-inner {

position: absolute;

top: -40px;

right: -100px;

}

.about-growth-thumb-inner img {

width: 55%;

}

.about-growth-thumb-inner2 {

position: absolute;

left: -30px;

top: 32px;

}

.about-growth-thumb-inner2 img {

width: 60%;

}

.about-growth-thumb-inner3 {

position: absolute;

right: -202px;

top: -70px;

}

.about-growth-thumb-inner3 img {

width: 50%;

}

.about-dote-thumb {

position: relative;

z-index:1;

}

.about-growth-thumb-inner {

    position: absolute;

    top: -26px;

    right: -26px;

}

.about-dote-thumb-inner img {

width: 22%;

}

.about-dote-thumb-inner2 {

    position: absolute;

    right: 150px;

    top: -30px;

}

.about-dote-thumb-inner2 img {

width: 33%;

}

.about-growth-thumb-inner3 {

    position: absolute;

    right: -114px;

    top: -81px;

}

.about-dote-thumb-inner3{

    position: absolute;

    left: -82px;

    top: 94px;

}

.about-dote-thumb-inner3 img {

width: 50%;

}

.about-dote-thumb-inner4 {

    position: absolute;

    right: -46px;

    top: 103px;

}

.about-dote-thumb-inner4 img {

width: 18%;

}

.about-dote-thumb-inner5 {

    position: absolute;

    right: 45px;

    top: 12px;

}

.about-dote-thumb-inner5 img {

width: 50%;

}

.about-dote-thumb-inner6 {

    position: absolute;

    right: -104px;

    bottom: 157px;

}

.about-dote-thumb-inner6 img {

width: 30%;

}

.about-dote-thumb-inner7 {

    position: absolute;

    bottom: -21px;

    left: 16px;

}

.about-dote-thumb-inner7 img {

width: 25%;

}

.about-dote-thumb-inner8 {

    position: absolute;

    left: -51px;

    bottom: 80px;

}

.about-dote-thumb-inner8 img {

width: 18%;

}

.about-dote-thumb-inner {

    position: absolute;

    left: 122px;

    top: 22px;

}

/*

========

Team

========

*/





.team-slider-style1 .team-item {

    overflow: visible;

}



.team-grid-style1 .team-item{

    overflow: visible;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}



.team-grid-style1:hover .team-item{

	transform: translateY(-10px);

}



.team-grid-style1 .team-item .social-icons1,

.team-slider-style1 .team-item .social-icons1 {

    text-align: center;

    margin-top: 14px;

}

.team-grid-style1 .team-item .social-icons1 a i,

.team-slider-style1 .team-item .social-icons1 a i {

    font-size: 15px;

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    -webkit-transition: 0.3s all ease;

    -moz-transition: 0.3s all ease;

    transition: 0.3s all ease;

    border-radius: 50%;

    margin: 0;

}

.team-grid-style1 .team-item .image-wrap,

.team-slider-style1 .team-item .image-wrap {

    position: relative;

    overflow: hidden;

}



.team-grid-style1 .team-item .image-wrap:before{

	position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(241, 42, 2, 0.83);

    content: "";

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

	opacity: 0;

}

.team-grid-style1:hover .team-item .image-wrap:before{

	opacity: 1;

}

.team-slider-style1 .team-item .image-wrap .social-icons1{

    position: absolute;

    right: -50px;

    bottom: 0;

    width: 50px;

    background: #030749;

    padding: 12px 0;

    opacity: 0;

    visibility: hidden;

    transition: all 0.4s ease 0s;

}



.team-grid-style1 .team-item .image-wrap .social-icons1{

	position: absolute;

	right: -50px;

	width: 50px;

	background: #fff;

	padding: 12px 0;

	opacity: 0;

	visibility: hidden;

	transition: all 0.4s ease 0s;

	top: 50%;

	transform: translateY(-50%);

}



.team-grid-style1 .team-item .image-wrap .social-icons1 a,

.team-slider-style1 .team-item .image-wrap .social-icons1 a {

    padding: 0;

    background: 0 0;

}



.team-slider-style1 .team-item .image-wrap .social-icons1 a i {

    background: 0 0;

}



.team-grid-style1 .team-item .image-wrap .social-icons1 a i{

	background: 0 0;

	color: #121c27;

}



.team-grid-style1 .team-item :hover .image-wrap .social-icons1,

.team-slider-style1 .team-item :hover .image-wrap .social-icons1 {

    right: 0;

    width: 50px;

    opacity: 1;

    visibility: visible;

}



.team-slider-style1 .team-item .team-content {

    text-align: center;

    margin: 0 0 30px;

    padding: 20px 20px 25px;

    box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1);

    background: #030749;

    position: unset;

    opacity: 1;

}



.team-grid-style1 .team-item .team-content{

	position: absolute;

    background: #fff;

	padding: 20px 20px 25px;

	text-align: center;

	width: 80%;

	left: 0;

	right: 0;

	margin: auto;

	bottom: -64px;

	border-radius: 5px;

	box-shadow: 0 0 12px 0 rgba(32,46,60,.06);

}



.team-grid-style1 .team-item .team-content .member-desc h3{

	margin: 0;

}



.team-grid-style1 .team-item .team-content .member-desc h3 a{

	font-size: 20px;

	font-weight: 600;

	text-decoration: none;

	text-transform: capitalize;

}



.team-grid-style1 .team-item .team-content .member-desc h3 a:hover{

	color: #121c27;

}



.team-grid-style1 .team-item .team-content span.team-title,

.team-slider-style1 .team-item .team-content span.team-title {

	color: #616161;

    text-transform: uppercase;

    font-family: Rubik, sans-serif;

    font-size: 13px;

    font-weight: 400;

	letter-spacing: 1px;

}

.team-grid-style1 .team-item .social-icons,

.team-slider-style1 .team-item .social-icons {

    display: none;

}

.team-slider-style1 .team-item .team-content {

    margin: 0;

}



/* Style 2

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

.team-grid-style2 .team-inner-wrap,

.team-slider-style2 .team-inner-wrap {

    position: relative;

    margin-bottom: 35px;

    overflow: hidden;

}

.team-grid-style2 .team-inner-wrap a,

.team-slider-style2 .team-inner-wrap a {

    text-decoration: none;

}

.team-grid-style2 .team-inner-wrap .team-img-sec,

.team-slider-style2 .team-inner-wrap .team-img-sec {

    position: relative;

}

.team-grid-style2 .team-inner-wrap .wrap-text,

.team-slider-style2 .team-inner-wrap .wrap-text {

    box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1);

    padding: 0 40px 12px;

    background: #fff;

}

.team-grid-style2 .team-inner-wrap .wrap-text .team-desc,

.team-slider-style2 .team-inner-wrap .wrap-text .team-desc {

    margin-bottom: 0;

}

.team-grid-style2 .team-inner-wrap .team-content,

.team-slider-style2 .team-inner-wrap .team-content {

    z-index: 1;

    margin-bottom: 0;

    background: #030749;

    border-radius: 3px 3px 0 0;

    padding: 8px 0 14px;

    margin-top: -35px;

    position: absolute;

    bottom: -50%;

    left: 50%;

    transform: translateX(-50%);

    width: 230px;

    transition: 0.4s;

    text-align: center;

}

.team-grid-style2 .team-inner-wrap .team-content .team-name,

.team-slider-style2 .team-inner-wrap .team-content .team-name {

    margin-top: 0 !important;

    line-height: 28px !important;

}

.team-grid-style2 .team-inner-wrap .team-content .team-name a,

.team-slider-style2 .team-inner-wrap .team-content .team-name a {

    position: relative;

    margin-bottom: 0;

    font-size: 20px;

    text-transform: capitalize;

    z-index: 111;

}

.team-grid-style2 .team-inner-wrap .team-content .social-icons a i,

.team-slider-style2 .team-inner-wrap .team-content .social-icons a i {

    height: 25px;

    width: 25px;

}

.team-grid-style2 .team-inner-wrap .team-content .social-icons,

.team-grid-style2 .team-inner-wrap .team-content .team-name,

.team-slider-style2 .team-inner-wrap .team-content .social-icons,

.team-slider-style2 .team-inner-wrap .team-content .team-name {

    color: #fff;

}

.team-grid-style2 .team-inner-wrap .team-content .social-icons a,

.team-grid-style2 .team-inner-wrap .team-content .team-name a,

.team-slider-style2 .team-inner-wrap .team-content .social-icons a,

.team-slider-style2 .team-inner-wrap .team-content .team-name a {

    text-decoration: none;

    color: #fff;

}

.team-grid-style2 .team-inner-wrap .team-content .social-icons a:hover,

.team-grid-style2 .team-inner-wrap .team-content .team-name a:hover,

.team-slider-style2 .team-inner-wrap .team-content .social-icons a:hover,

.team-slider-style2 .team-inner-wrap .team-content .team-name a:hover {

    color: #f8560c;

}

.team-grid-style2 .team-inner-wrap .team-content .team-title,

.team-slider-style2 .team-inner-wrap .team-content .team-title {

    line-height: 1.4;

    margin: 10px 0 5px;

}

.team-grid-style2 .team-inner-wrap .team-content .social-icons,

.team-slider-style2 .team-inner-wrap .team-content .social-icons {

    padding-top: 2px;

}

.team-grid-style2 .team-inner-wrap .team-content .social-icons a,

.team-slider-style2 .team-inner-wrap .team-content .social-icons a {

    padding: 0 3px;

}

.team-grid-style2 .team-inner-wrap .team-content .nolink,

.team-slider-style2 .team-inner-wrap .team-content .nolink {

    pointer-events: none;

}

.team-grid-style2 .team-inner-wrap .team-content .cat-doctor,

.team-slider-style2 .team-inner-wrap .team-content .cat-doctor {

    font-family: Montserrat, sans-serif;

    font-size: 14px;

}

.team-grid-style2 .team-inner-wrap .team-content .cat-doctor a,

.team-slider-style2 .team-inner-wrap .team-content .cat-doctor a {

    text-decoration: none;

    color: #fff;

    text-transform: uppercase;

}

.team-grid-style2 .team-inner-wrap .team-content .team-name,

.team-slider-style2 .team-inner-wrap .team-content .team-name {

    margin: 18px 0 0;

    font-weight: 500;

}

.team-grid-style2 .team-inner-wrap .team-content .team-title,

.team-slider-style2 .team-inner-wrap .team-content .team-title {

    color: #eee;

    font-size: 13px;

    font-weight: 400;

    padding: 0;

    display: block;

    text-transform: uppercase;

}

.team-grid-style2 .team-inner-wrap .team-content .team-title a,

.team-slider-style2 .team-inner-wrap .team-content .team-title a {

    color: #eee;

    pointer-events: none;

}

.team-grid-style2 .team-inner-wrap:hover .team-content,

.team-slider-style2 .team-inner-wrap:hover .team-content {

    bottom: 0;

}

.team-grid-style2 .team-inner-wrap:hover .team-img-sec:before,

.team-slider-style2 .team-inner-wrap:hover .team-img-sec:before {

    height: 100%;

}

.icon-button a {

    background: #030749;

    color: #fff;

    padding: 3px 17px;

    display: inline-block;

    font-size: 20px;

    margin-bottom: 25px;

    border-radius: 18px;

}

.icon-button a:hover {

    color: #fff;

    background: #9051c6;

}

.icon-button a i:before {

    font-size: inherit;

}

.blogfull .icon-button a {

    margin-bottom: 0;

}

.team-grid-style3 .team-item,

.team-slider-style3 .team-item {

    padding: 25px;

    position: relative;

}

.team-grid-style3 .team-item:after,

.team-slider-style3 .team-item:after {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    border-top: 200px solid #9051c6;

    border-right: 200px solid transparent;

    left: 0;

    top: -10px;

}

.team-grid-style3 .team-item:before,

.team-slider-style3 .team-item:before {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    border-bottom: 200px solid #9051c6;

    border-left: 200px solid transparent;

    right: 0;

    bottom: -10px;

}

.team-grid-style3 .team-item img,

.team-slider-style3 .team-item img {

    position: relative;

    z-index: 99;

}

.team-grid-style3 .team-item .team-inner-wrap,

.team-slider-style3 .team-item .team-inner-wrap {

    position: relative;

}

.team-grid-style3 .team-item .team-inner-wrap:before,

.team-slider-style3 .team-item .team-inner-wrap:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    background: #9051c6;

    left: 0;

    top: 0;

    z-index: 100;

    opacity: 0;

    transition: all 0.4s ease 0s;

}

.team-grid-style3 .team-item .team-content,

.team-slider-style3 .team-item .team-content {

    position: absolute;

    display: block;

    left: 50%;

    width: 100%;

    top: 30%;

    transform: translate(-50%, -50%);

    text-align: center;

    z-index: 110;

    color: #fff;

    padding: 15px;

    opacity: 0;

    transition: all 0.4s ease 0s;

}

.team-grid-style3 .team-item .team-content .team-name,

.team-slider-style3 .team-item .team-content .team-name {

    margin-bottom: 0;

    font-size: 20px;

}

.team-grid-style3 .team-item .team-content .team-name a,

.team-slider-style3 .team-item .team-content .team-name a {

    color: #fff;

}

.team-grid-style3 .team-item .team-content .team-title,

.team-slider-style3 .team-item .team-content .team-title {

    color: #fff;

    position: relative;

    padding-bottom: 8px;

    margin-bottom: 10px;

    font-size: 14px;

    display: block;

}

.team-grid-style3 .team-item .team-content .social-icons a,

.team-slider-style3 .team-item .team-content .social-icons a {

    color: #fff;

    margin-right: 12px;

    font-size: 16px;

}

.team-grid-style3 .team-item .team-content .social-icons a:last-child,

.team-slider-style3 .team-item .team-content .social-icons a:last-child {

    margin-right: 0;

}

.team-grid-style3 .team-item .team-content .social-icons a:hover,

.team-slider-style3 .team-item .team-content .social-icons a:hover {

    opacity: 0.8;

}

.team-grid-style3 .team-item:hover .team-content,

.team-slider-style3 .team-item:hover .team-content {

    opacity: 1;

    width: 100%;

    top: 50%;

}

.team-grid-style3 .team-item:hover .team-inner-wrap:before,

.team-slider-style3 .team-item:hover .team-inner-wrap:before {

    opacity: 0.8;

}

.team-grid-style3 .team-img:after {

    top: 0;

}

.team-grid-style3 .team-img:before {

    bottom: 0;

}

.team-grid-style4 .owl-stage-outer,

.team-slider-style4 .owl-stage-outer {

    overflow-y: visible;

}

.team-grid-style4 .team-item,

.team-slider-style4 .team-item {

    margin-bottom: 125px;

    position: relative;

    overflow: visible;

}

.team-grid-style4 .team-item:before,

.team-slider-style4 .team-item:before {

    display: none;

}

.team-grid-style4 .team-item .team-content,

.team-slider-style4 .team-item .team-content {

    color: #f8560c;

    background: #fff;

    text-align: center;

    position: absolute;

    z-index: 1;

    opacity: 1;

    height: unset;

    display: inline-block;

    top: unset;

    bottom: -85px;

    padding: 20px 20px 25px;

    -webkit-box-shadow: 10px 17px 38px 0 rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 10px 17px 38px 0 rgba(0, 0, 0, 0.1);

    box-shadow: 10px 17px 38px 0 rgba(0, 0, 0, 0.1);

    left: 50%;

    max-width: 310px;

    transform: translateX(-50%);

    width: 95%;

}

.team-grid-style4 .team-item .team-content .team-name,

.team-slider-style4 .team-item .team-content .team-name {

    display: block;

    font-size: 22px;

    margin-bottom: 0;

    text-transform: capitalize;

    font-weight: 600;

}

.team-grid-style4 .team-item .team-content .team-name a,

.team-slider-style4 .team-item .team-content .team-name a {

    color: #030749;

}

.team-grid-style4 .team-item .team-content .team-name a:hover,

.team-slider-style4 .team-item .team-content .team-name a:hover {

    color: #f8560c;

}

.team-grid-style4 .team-item .team-content .team-title,

.team-slider-style4 .team-item .team-content .team-title {

    font-size: 14px;

    font-weight: 400;

    text-transform: uppercase;

    padding-top: 5px;

    display: block;

    font-family: Poppins, sans-serif;

    color: #0a0a0a;

}

.team-grid-style4 .team-item .team-content .team-desc,

.team-slider-style4 .team-item .team-content .team-desc {

    font-size: 14px;

    margin-bottom: 0;

    color: #777;

    position: relative;

    z-index: 1;

    max-height: 0;

    opacity: 0;

    line-height: 24px;

    -webkit-transition: all 0.6s, max-height 0.5s;

    -o-transition: all 0.6s, max-height 0.5s;

    -moz-transition: all 0.6s, max-height 0.5s;

    transition: all 0.6s, max-height 0.5s;

    overflow: hidden;

    -webkit-transform: scaleY(0);

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: bottom;

    -moz-transform-origin: bottom;

    -ms-transform-origin: bottom;

    -o-transform-origin: bottom;

    transform-origin: bottom;

}

.team-grid-style4 .team-item .team-content .team-desc:before,

.team-slider-style4 .team-item .team-content .team-desc:before {

    content: "";

    position: absolute;

    z-index: 1;

    background: #030749;

    top: 0;

    left: 50%;

    width: 50px;

    height: 2px;

    margin-left: -25px;

}

.team-grid-style4 .team-item .team-content .social-icons,

.team-slider-style4 .team-item .team-content .social-icons {

    text-align: center;

    margin-top: 12px;

}

.team-grid-style4 .team-item .team-content .social-icons a,

.team-slider-style4 .team-item .team-content .social-icons a {

    display: inline-block;

}

.team-grid-style4 .team-item .team-content .social-icons a i,

.team-slider-style4 .team-item .team-content .social-icons a i {

    color: #030749;

    font-size: 15px;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: 0 0;

    text-align: center;

    -webkit-transition: 0.3s all ease;

    transition: 0.3s all ease;

    border-radius: 50%;

    margin: 0;

}

.team-grid-style4 .team-item .team-content .social-icons a i:hover,

.team-slider-style4 .team-item .team-content .social-icons a i:hover {

    color: #f8560c;

}

.team-grid-style4 .team-item:before,

.team-slider-style4 .team-item:before {

    background: 0 0;

}

.team-grid-style4 .team-item:hover .team-content,

.team-slider-style4 .team-item:hover .team-content {

    opacity: 1;

    top: unset;

}

.team-grid-style4 .team-item:hover .team-content .team-desc,

.team-slider-style4 .team-item:hover .team-content .team-desc {

    position: relative;

    max-height: 400px;

    opacity: 1;

    text-align: center;

    -webkit-transform: scaleY(1);

    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    transform: scaleY(1);

    -webkit-transition: all 0.4s, max-height 1.5s;

    -o-transition: all 0.4s, max-height 1.5s;

    -moz-transition: all 0.4s, max-height 1.5s;

    transition: all 0.4s, max-height 1.5s;

    padding-top: 18px;

    margin-top: 8px;

}

/* Style 5 */

.team-grid-style5 .team-inner-wrap,

.team-slider-style5 .team-inner-wrap {

    position: relative;

    overflow: hidden;

    padding-bottom: 100px;

    background: #fff;

    border-radius: 5px;

}



.team-grid-style5 .team-item {

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

    box-shadow: 0 0 9px 0 rgb(32 46 60 / 11%);

}



.team-grid-style5:hover .team-item{

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	-ms-transform: translateY(-10px);

	transform: translateY(-10px);

}

.team-grid-style5 .team-inner-wrap .image-wrap img,

.team-slider-style5 .team-inner-wrap .image-wrap img {

	width: 100%;

    -webkit-transition: all 0.7s;

    transition: all 0.7s;

}

.team-grid-style5 .team-item .image-wrap:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(241,103,34,0.85);

    content: "";

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

    opacity: 0;

}



.team-grid-style5:hover .team-item .image-wrap:before{

	opacity: 1;

}



.team-grid-style5 .team-inner-wrap .team-content, .team-slider-style5 .team-inner-wrap .team-content {

    height: 100px;

    width: 100%;

    top: unset;

    bottom: 0;

    opacity: 1;

    position: absolute;

    padding: 10px 20px 12px;

    color: #444;

    text-align: center;

    overflow: hidden;

    background: #fff;

    -webkit-transition: 0.3s all ease;

    -moz-transition: 0.3s all ease;

    transition: 0.3s all ease;

}

.team-grid-style5 .team-inner-wrap .team-content .member-desc,

.team-slider-style5 .team-inner-wrap .team-content .member-desc {

    margin: 10px 0;

}

.team-grid-style5 .team-inner-wrap .team-content .member-desc .team-name,

.team-slider-style5 .team-inner-wrap .team-content .member-desc .team-name {

    font-size: 20px;

    font-weight: 700;

    line-height: 30px;

    margin: 0;

}

.team-grid-style5 .team-inner-wrap .team-content .member-desc .team-name a,

.team-slider-style5 .team-inner-wrap .team-content .member-desc .team-name a {

    color: #222;

	font-weight: 700;

}

.team-grid-style5 .team-inner-wrap .team-content .member-desc .team-title,

.team-slider-style5 .team-inner-wrap .team-content .member-desc .team-title {

    font-size: 13px;

    text-transform: uppercase;

    color: #121c27;

    float: none;

    text-align: center;

    font-weight: 500;

}

.team-grid-style5 .team-inner-wrap .team-content .team-desc,

.team-slider-style5 .team-inner-wrap .team-content .team-desc {

    display: none;

}





.team-grid-style5 .team-inner-wrap .team-content:before,



.team-grid-style5 .team-inner-wrap .team-content:before, .team-slider-style5 .team-inner-wrap .team-content:before, .team-slider-style5 .team-inner-wrap .team-content:hover {

 display:none;

}



/* Social Icon */



.team-grid-style5 .team-item .social-icons1,

.team-slider-style5 .team-item .social-icons1 {

    text-align: center;

    /* margin-top: 14px; */

}



.team-grid-style5 .team-item .image-wrap{

	position: relative;

}



.team-grid-style5 .team-item .image-wrap .social-icons1,

.team-slider-style5 .team-item .image-wrap .social-icons1{

	position: absolute;

	right: -50px;

	width: 50px;

	background: #fff;

	padding: 12px 0;

	opacity: 0;

	visibility: hidden;

	transition: all 0.4s ease 0s;

	top: 50%;

	transform: translateY(-50%);

}



.team-grid-style5 .team-item :hover .image-wrap .social-icons1,

.team-slider-style5 .team-item :hover .image-wrap .social-icons1 {

    right: 0;

    width: 50px;

    opacity: 1;

    visibility: visible;

}



.team-grid-style5 .team-item .image-wrap .social-icons1 a,

.team-slider-style5 .team-item .image-wrap .social-icons1 a {

    padding: 0;

    background: 0 0;

}



.team-grid-style5 .team-item .social-icons1 a i,

.team-slider-style5 .team-item .social-icons1 a i {

    font-size: 15px;

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    -webkit-transition: 0.3s all ease;

    -moz-transition: 0.3s all ease;

    transition: 0.3s all ease;

    border-radius: 50%;

    margin: 0;

}



.team-slider-style5 .team-item .image-wrap .social-icons1 a i {

    background: 0 0;

}



.team-grid-style5 .team-item .image-wrap .social-icons1 a i{

	background: 0 0;

	color: #121c27;

}



.team-grid-style5 .team-item .social-icons,

.team-slider-style5 .team-item .social-icons {

    display: none;

}



/* Style Six

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



.dreamit-team-member-single{

	transition: .2s;

}

.dreamit-team-member-single:hover{

	transform: translateY(-10px);

	overflow: hidden;

}

.team-member-thumb{

	position: relative;

}

.team-member-thumb::before {

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	background: rgba(12,90,219,0.85);

	content: "";

	-webkit-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

	opacity: 1;

	-webkit-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

	z-index: 1;

	width: 100%;

	opacity: 0;

	border-radius: 50%;

}

.dreamit-team-member-single:hover .team-member-thumb::before {

	opacity:1;

}

.team-member-thumb img{

	width: 100%;

	border-radius: 50%;

}

.team-member-thumb .social-icon{

	position: absolute;

	right: -50px;

	width:50px;

	background-color: #fff;

	padding: 12px 0;

	opacity: 0;

	visibility: visible;

	transition: .4s;

	top: 50%;

	transform: translateY(-50%);

	z-index:1;

}

.dreamit-team-member-single:hover .team-member-thumb .social-icon{

	right: 0;

	width: 50px;

	opacity: 1;

	visibility: visible;

}

.social-icon a {

    color: #121c27;

    background: #fff;

    text-align: center;

    display: block;

    margin-top: 7px;

}

.team-member-content h2{

	color: #fff;

	transition:.3s;

	font-size: 20px;

	margin-bottom: 5px;

	font-weight: 700;

}

.team-member-content h5{

	color: #fff;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 500;

}



.team-style-two .team-member-thumb {

    border-radius: 100%;

}

.team-style-two .team-member-content {

	background: transparent;

	border-bottom: 0;

	padding: 0;

	width: 100%;

	position: absolute;

	margin-top: 0;

	border-radius: 0;

	left: 0;

	right: 0;

	top: 45%;

	opacity: 0;

	transition: .5s;

	z-index: 1;

}

.team-style-two .dreamit-team-member-single:hover .team-member-content {

	opacity:1;

	top:50%;

	transform:translateY(-50%);

}

.team-style-two .social-icon a {

    color: #fff;

    background: transparent;

    text-align: center;

    margin: 0 5px;

    display: inline-block;

    margin-top: 0;

}

.team-style-two .team-member-sub-title {

	padding-bottom: 15px;

	text-transform: capitalize;

}



/* Style Seven

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

.team-grid-style7 .team-inner-wrap,

.team-slider-style7 .team-inner-wrap {

    position: relative;

    overflow: hidden;

    padding-bottom: 100px;

    background: #fff;

    border-radius: 5px;

}



.team-grid-style7 .team-item {

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

    box-shadow: 0px 0 26px rgb(0 0 0 / 9%);

}





.team-grid-style7 .team-inner-wrap .image-wrap img,

.team-slider-style7 .team-inner-wrap .image-wrap img {

	width: 100%;

    -webkit-transition: all 0.7s;

    transition: all 0.7s;

}

.team-grid-style7 .team-item .image-wrap:before {

    position: absolute;

    right: 0;

    top: 0;

    width: 0;

    height: 100%;

    background: rgba(239,130,73,0.75);

    content: "";

    -webkit-transition: .5s;

    -moz-transition: .5s;

    transition: .5s;

    opacity: 0;

}

.team-grid-style7 .team-item:hover{

    transform: translateY(-7px);

}

.team-grid-style7:hover .team-item .image-wrap:before{

	opacity: 1;

	width:100%;

	left:0;

}



.team-grid-style7 .team-inner-wrap .team-content, .team-slider-style7 .team-inner-wrap .team-content {

    height: 100px;

    width: 100%;

    top: unset;

    bottom: 0;

    opacity: 1;

    position: absolute;

    padding: 13px 20px 7px;

    color: #444;

    text-align: center;

    overflow: hidden;

    background: #fff;

    -webkit-transition: 0.3s all ease;

    -moz-transition: 0.3s all ease;

    transition: 0.3s all ease;

    box-shadow: 0px 0 17px rgb(0 0 0 / 7%);

}

.team-grid-style7:hover .team-inner-wrap .team-content,

.team-slider-style7:hover .team-inner-wrap .team-content {

    -webkit-box-shadow: 0 16px 32px rgba(207, 228, 255, 0.8);

    box-shadow: 0 16px 32px rgba(207, 228, 255, 0.8);

}

.team-grid-style7 .team-inner-wrap .team-content .member-desc,

.team-slider-style7 .team-inner-wrap .team-content .member-desc {

    margin: 10px 0;

}

.team-grid-style7 .team-inner-wrap .team-content .member-desc .team-name,

.team-slider-style7 .team-inner-wrap .team-content .member-desc .team-name {

    font-size: 20px;

    font-weight: 700;

    line-height: 30px;

    margin: 0;

}

.team-grid-style7 .team-inner-wrap .team-content .member-desc .team-name a,

.team-slider-style7 .team-inner-wrap .team-content .member-desc .team-name a {

    color: #222;

	font-weight: 700;

}

.team-grid-style7 .team-inner-wrap .team-content .member-desc .team-title,

.team-slider-style7 .team-inner-wrap .team-content .member-desc .team-title {

    font-size: 13px;

    text-transform: uppercase;

    color: #121c27;

    float: none;

    text-align: center;

    font-weight: 500;

}

.team-grid-style7 .team-inner-wrap .team-content .team-desc,

.team-slider-style7 .team-inner-wrap .team-content .team-desc {

    display: none;

}

.team-slider-style7 .team-inner-wrap .team-content:before,

.team-slider-style7 .team-inner-wrap .team-content:hover {

    content: "";

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 3px;

    background: #121c27;

    -webkit-transition: 0.4s all ease;

    -moz-transition: 0.4s all ease;

    transition: 0.4s all ease;

    left: 0;

}



/* Social Icon */



.team-grid-style7 .team-item .social-icons1,

.team-slider-style7 .team-item .social-icons1 {

    text-align: center;

    /* margin-top: 14px; */

}



.team-grid-style7 .team-item .image-wrap{

	position: relative;

}



.team-grid-style7 .team-item .image-wrap .social-icons1, .team-slider-style7 .team-item .image-wrap .social-icons1 {

    position: absolute;

    right: 0;

    width: 83%;

    background: transparent;

    padding: 7px 0;

    opacity: 1;

    visibility: visible;

    transition: all 0.4s ease 0s;

    top: inherit;

    transform: inherit;

    left: 0;

    margin: auto;

    bottom: -50px;

}



.team-grid-style7 .team-item :hover .image-wrap .social-icons1,

.team-slider-style7 .team-item :hover .image-wrap .social-icons1 {

    bottom: 10px;

    opacity: 1;

    visibility: visible;

}



.team-grid-style7 .team-item .image-wrap .social-icons1 a, .team-slider-style7 .team-item .image-wrap .social-icons1 a {

    padding: 0;

    background: 0 0;

    height: 34px;

    width: 34px;

    line-height: 34px;

    text-align: center;

    background: #fff;

    display: inline-block;

    margin-right: 6px;

    color: #F37A41;

    border-radius:4px;

}



.team-grid-style7 .team-item .social-icons1 a i,

.team-slider-style7 .team-item .social-icons1 a i {

    font-size: 15px;

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    -webkit-transition: 0.3s all ease;

    -moz-transition: 0.3s all ease;

    transition: 0.3s all ease;

    border-radius: 50%;

    margin: 0;

     color: #F37A41;

}



.team-slider-style7 .team-item .image-wrap .social-icons1 a i {

    background: 0 0;

}



.team-grid-style7 .team-item .image-wrap .social-icons1 a i{

	background: 0 0;

	color: #fff;

}



.team-grid-style7 .team-item .social-icons,

.team-slider-style7 .team-item .social-icons {

    display: none;

}

.team-grid-style6 .team-item {

    overflow: visible;

}

.team-grid-style6 .team-item .image-wrap {

    text-align: center;

}

.team-grid-style6 .team-item .image-wrap img {

    border-radius: 50%;

}

.team-grid-style6 .team-item .social-icons {

    text-align: center;

    margin-top: 10px;

}

.team-grid-style6 .team-item .social-icons a {

    display: inline-block;

}

.team-grid-style6 .team-item .social-icons a i {

    color: #4a4a4a;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: 0 0;

    text-align: center;

    -webkit-transition: 0.3s all ease;

    transition: 0.3s all ease;

    border-radius: 50%;

    margin: 0;

}

.team-grid-style6 .team-item .team-content {

    text-align: center;

    margin: 0 0 30px;

    padding: 20px 20px 25px;

    position: unset;

    opacity: 1;

}

.team-grid-style6 .team-item .team-content h3.team-name {

    font-weight: 600;

    font-size: 20px;

    margin-bottom: 0;

    text-transform: capitalize;

}

.team-grid-style6 .team-item .team-content h3.team-name a {

    text-decoration: none;

    color: #0a0a0a;

}

.team-grid-style6 .team-item .team-content h3.team-name a:hover {

    color: #9051c6;

}

.team-grid-style6 .team-item .team-content span.team-title {

    font-family: Montserrat, sans-serif;

    font-size: 14px;

    color: #666;

}

/* team seven  */

.team .section-title-left .section-title.t_left p {

    text-align: justify;

    margin: 15px 0 5px;

}













.rspopup_style1 {

    max-width: 900px;

    margin: 0 auto;

    background: #fff;

    padding: 40px;

    position: relative;

}

.rspopup_style1 .rsteam_content {

    padding-left: 15px;

}

.rspopup_style1 .rsteam_content .title {

    margin: 0 0 10px;

}

.rspopup_style1 .team-name {

    margin: 0 0 10px;

    color: #333;

}

.rspopup_style1 .team-heading {

    border-bottom: 1px solid #eee;

}

.rspopup_style1 .team-des,

.rspopup_style1 .team-heading {

    padding-bottom: 15px;

    margin-bottom: 15px;

}

.rspopup_style1 .team-des {

    margin-bottom: 0;

}

.rspopup_style1 .social-icons1 a {

    width: 35px;

    height: 35px;

    line-height: 40px;

    background: #030749;

    color: #fff;

    text-align: center;

    border-radius: 50%;

    display: inline-block;

    margin-right: 10px;

}

.rspopup_style1 .social-icons1 a:hover {

    opacity: 0.9;

}

.rspopup_style1 .social-icons1 a:last-child {

    margin-right: 0;

    margin-left: 4px;

}

.form-group .form-control {

    height: 54px;

    background-color: #fff;

    border-color: transparent;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    border: 1px solid #e6e6e6;

    padding: 6px 20px;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-radius: 5px;

}

.form-group textarea.wpcf7-textarea {

    width: 100%;

    background-color: #fff;

    border-color: transparent;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    border: 1px solid #e6e6e6;

    padding: 20px 20px;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-radius: 5px;

    height: 220px;

}

.form-group .button {

    background: #121c27;

    border: 0;

    display: inline-block;

    text-align: center;

    padding: 14px 39px;

    border-radius: 7px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    color: #fff;

}

.form-group .button:hover{

    background: #173969;

}

.mc4wp-form-fields input, .mc4wp-form-fields textarea {

    font-size: 14px;

    height: 65px;

    padding: 5px 25px;

    position: relative;

    width: 100%;

    background: #F6F6FC;

    border: 0;

    border-radius: 0;

    margin-bottom: 14px;

    margin: auto;

    border: 0;

    border-radius: 5px;

    box-shadow: 0 0 5px rgba(0,0,0,0.10);

}

.mc4wp-form-fields button {

    text-align: center;

    -webkit-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

    border: medium none;

    border-radius: 5px;

    background: #121c27;

    color: #fff;

    font-weight: 500;

    text-transform: capitalize;

    text-align: center;

    margin: auto;

    padding: 15px 43px;

    position: absolute;

    right: 7px;

    top: 40%;

    display: inline-block;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.mc4wp-form-fields button:hover{

    background:#173969;

    }

.mc4wp-form-fields input:focus, .mc4wp-form-fields textarea:focus {

    border-color: #66afe9;

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);

}

.style-two .mc4wp-form-fields input, .mc4wp-form-fields textarea {

    background: #fff;

    border-radius: 30px;

}

.style-two .mc4wp-form-fields button {

    border-radius: 30px;

    padding: 14px 32px;}

.rspopup_style1 .contact-info {

    margin-bottom: 15px;

    border-top: 1px solid #eee;

}

.rspopup_style1 .contact-info ul {

    margin: 0;

    padding: 0;

    list-style: none;

}

.rspopup_style1 .contact-info ul li {

    display: block;

    border-bottom: 1px solid #eee;

    padding: 5px 0;

}

.rspopup_style1 .contact-info ul li a {

    color: #4a4a4a;

}

.rspopup_style1 .contact-info ul li a:hover {

    color: #030749;

}



.mfp-hide {

  display: none !important; 

}

/* contact three */

.contact-three .icon-box {

    display: flex;

    padding-bottom: 19px;

    border-bottom: 1px dashed #E9E9E9;

}

.contact-three .last .icon-box{

    border-bottom:none;

}

.contact-three .icon-box:hover .icon-box-icon .icon i {

    box-shadow: none;

    background: transparent!important;

}

.three {

    box-shadow: 0 0 9px 0 rgb(32 46 60 / 4%);

    height: 100%!important;

    background: #fff;

    padding: 47px 50px 25px 29px;

    position: relative;

    z-index: 1;

    border-radius: 7px;

    top:40px;

}

.three:before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: -12px;

    left: -14px;

    background: #fff;

    z-index: -1;

    box-shadow: 0px 0 17px rgb(0 0 0 / 7%);

    border-radius: 7px;

}



.contact-three .icon-box .icon-box-content h2 {

    margin: 0 0 5px 0;

}



.contact-three .form-group textarea.wpcf7-textarea {

    height: 144px;

}

.contact-three .form-group .form-control {

    border: transparent;

}

.contact-three .form-group textarea.wpcf7-textarea {

    border: transparent;

}

.contact-three .section-title.t_left {

    margin-bottom: 6px;

}

.contact-three .form-group .button {

    background: linear-gradient(to right, #F17326 44%, #FBA23E 90%);

    padding: 12px 38px;

    border-radius: 30px;

    font-weight: 700;

}

.contact-three .form-group .button:hover{

    background: linear-gradient(to right,  #FBA23E 50%, #F17326 90%); 

}



/*

============

Work Process

============

*/



.work_progress {

	text-align: center;

	margin-bottom: 30px;

	position: relative;

	padding: 0 20px;

}

.progress_content {

	text-align: center;

}

.default-style .progress_content {

    margin-top: 20px;

}

.default-style .progress_content:before {

    position: absolute;

    top: 15px;

    width: calc(70% - 52px);

    height: 2px;

    background-image: -webkit-gradient(linear, left top, right top, from(#121c27), color-stop(40%, #121c27), color-stop(40%, transparent), to(transparent));

    background-image: -o-linear-gradient(left, #121c27, #121c27 40%, transparent 40%, transparent 100%);

    background-image: linear-gradient(90deg, #121c27, #121c27 40%, transparent 40%, transparent 100%);

    background-size: 12px 1px;

    content: "";

    left: -76px;

}

.last-item .default-style .progress_content:before{

    display: none;

}

.work_progress-title {

	padding-top: 24px;

}



.work_progress-title h2 {

	font-size: 20px;

	font-weight: 700;

}



.work_progress-desc {

	padding-top: 5px;

}



.work_progress.default-style:hover .work_progress-number {

	top: 40%;

}



.work_progress-number span {

	background: #121c27;

	display: inline-block;

	height: 50px;

	width: 50px;

	line-height: 50px;

	text-align: center;

	color: #fff;

	border-radius: 50%;

	font-size: 16px;

	position: relative;

	z-index: 1;

}

.default-style .work_progress-number span::before {

    position: absolute;

    left: -10px;

    top: -10px;

    width: 70px;

    height: 70px;

    background: #121c27;

    opacity: 0.6;

    content: "";

    margin: auto;

    border-radius: 100%;

    z-index: -1;

    transition: .5s;

}

.default-style .work_progress-number span::after {

    position: absolute;

    left: -20px;

    top: -20px;

    width: 90px;

    height: 90px;

    background: #121c27;

    opacity: 0.4;

    content: "";

    margin: auto;

    border-radius: 100%;

    z-index: -1;

    transition: .5s;

}

.work_progress.default-style:hover .work_progress-number span, .work_progress.default-style:hover .work_progress-number span:before, .work_progress.default-style:hover .work_progress-number span:after {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}

.process-bg-shape {

	position: relative

}



.process-bg-shape:before {

	position: absolute;

	right: 0;

	bottom: -27px;

	width: 100%;

	content: "";

	background: url(assets/images/graduation-bg.png);

	background-repeat: no-repeat;

	background-position: center top;

	height: 500px;

}

.em_process-icon{

	position:relative;

}

.em_process-icon i {

	background: linear-gradient(to right, #000dff, #2c34ff, #444bff, #5860ff, #6b73ff);

	color: #fff;

	width: 90px;

	height: 90px;

	display: inline-block;

	line-height: 90px;

	font-size: 40px;

	border-radius: 4px;

}



/* Style Two */

.style-two.work_progress {

    padding: 0 25px;

    text-align: center;

    position:relative;

}

.style-two.work_progress::after {

    position: absolute;

    right: 52px;

    top: 16px;

    content: "";

    background-image: url(../images/direction-sign.png);

    height: 40px;

    width: 168px;

    background-repeat: no-repeat;

    margin-right: -119px;

    background-size: contain;

}

.last-item .style-two.work_progress::after {

    display:none;

}

.style-two .work_progress_icon {

    position: relative;

    display: inline-block;

    text-align: center;

    margin-bottom: 60px;

    border: 2px dashed #E0DEFC;

    padding: 10px;

    border-radius: 100%;

}

.style-two .work_progress_icon::before{

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    margin: auto;

    width: 2px;

    height: 40px;

    border-left: 2px dashed #ddd;

    border-radius: 100%;

    bottom: -74px;

}

.style-two .work_progress_icon::after{

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    margin: auto;

    width: 15px;

    height: 15px;

    border: 2px solid #ddd;

    border-radius: 100%;

    bottom: -32px;

}

.style-two .work_progress_icon i {

    background: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    color: #ffffff;

    font-size: 50px;

    height: 120px;

    line-height: 120px;

    text-align: center;

    width: 120px;

    z-index: 1;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    -ms-transition: all 0.35s ease-in-out;

    -o-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

    display: inline-block;

}

.style-two .work_progress-number span:before,

.style-two .work_progress-number span:after{

    display:none;

}

.style-two .work_progress-number {

    position: relative;

    z-index: 1;

    position: absolute;

    right:0;

    top:0;

}

.style-two .work_progress_icon .work_progress-number:before {

    display:none;

}

.style-two .work_progress-number span {

    background: #fff;

    border-radius: 50%;

    color: #121c27;

    box-shadow: 0 0 10px #cccccc;

}

.style-two .work_progress-title h2 {

    font-size: 20px;

    margin: 30px 0 10px;

    font-weight: 700;

}



/* Style Three */

.work_progress.style-three{

    text-align: left;

    margin-bottom: 0;

    padding: 0 12px 0 0;

}

.work_progress.style-three .work_progress_icon {

    float: left;

    position: relative;

    display: inline-block;

    border: 2px dashed #E0DEFC;

    padding: 10px;

    border-radius: 100%;

    margin-right: 25px;

}

.work_progress.style-three .work_progress_icon i {

    background: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    color: #ffffff;

    font-size: 31px;

    height: 78px;

    line-height: 78px;

    width: 78px;

    z-index: 1;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    -ms-transition: all 0.35s ease-in-out;

    -o-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

    display: inline-block;

    text-align: center;

}

.work_progress.style-three .work_progress-number{

	position: relative;

    z-index: 1;

}

.work_progress.style-three .work_progress-number:before {

    position: absolute;

    top: 22px;

    width: calc(100% - 100px);

    height: 1px;

    background-image: -webkit-gradient(linear, left top, right top, from(#121c27), color-stop(40%, #121c27), color-stop(40%, transparent), to(transparent));

    background-image: -o-linear-gradient(left, #121c27, #121c27 40%, transparent 40%, transparent 100%);

    background-image: linear-gradient(90deg, #121c27, #121c27 40%, transparent 40%, transparent 100%);

    background-size: 12px 1px;

    content: "";

    left: -143px;

}

.first-process .work_progress-number:before {

   display:none;

}

.work_progress.style-three .work_progress-number span {

    font-weight: 600;

    height: 38px;

    width: 38px;

    line-height: 38px;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

    position: absolute;

    top: -88px;

    right: -22px;

}

.work_progress.style-three:hover .work_progress-number span{

	transform: scale(1.05);

}

.work_progress.style-three .work_progress-number span:before{

    display:none;

}

.work_progress.style-three .work_progress-number span:after{

	display:none;

}



.before-none .work_progress.style-three .work_progress-number:before {

   display:none;

}

.work_progress.style-three .progress_content {

    text-align: left;

    overflow: hidden;

}

.work_progress.style-three .work_progress-title {

    padding-top: 0;

}

.work_progress.style-three .work_progress-title h2 {

    font-size: 20px;

    font-weight: 800;

    margin: 0 0 5px;

}

/* Style Four */

.work_progress.style-four .work_progress-number {

    position: absolute;

    right: 48px;

    top: 60px;

}

.work_progress.style-four .progress_content {

    text-align: center;

    margin-top: -40px;

}

.work_progress.style-four .work_progress-title {

    padding-top: 0;

}

.work_progress.style-four .work_progress-number span {

    background: transparent;

    height: 45px;

    width: 45px;

    line-height: 44px;

    color: #232323;

    border-radius: 50%;

    border: 2px solid #ddd;

    font-weight: 700;

    transition:.5s;

}

.work_progress.style-four:hover .work_progress-number span{

    background:#121c27;

    color:#fff;

    border-color:#121c27;

    }

.work_progress.style-four .work_progress-title h2 {

    font-size: 22px;

    font-weight: 800;

    margin-bottom: 5px;

}

/* Style Five */

.work_progress.style-five {

    padding: 0;

    margin: 0;

}

.style-five .work_progress-number {

    float: left;

    margin-right: 32px;

    margin-top: 15px;

}

.style-five .work_progress-number {

    float: left;

    margin-right: 32px;

    margin-top: 15px;

    position: relative;

}

.style-five .work_progress-number:before {

    position: absolute;

    content: "";

    height: 82px;

    width: 1px;

    border: 1px dashed #121c27;

    left: 22px;

    top: 40px;

}

.style-five .work_progress-number span {

    height: 45px;

    width: 45px;

    line-height: 47px;

    font-size: 24px;

    box-shadow: 2px 10px 41px rgb(158 158 158 / 25%);

    background: #fff;

    color: #121c27;

    z-index: 1;

}

.style-five .work_progress-number span:before{

    position: absolute;

    content:"";

    left:0;

    top:0;

    height: 100%;

    width:100%;

    background: linear-gradient(to top, #f27828 0%, #fb9f3d 100%);

    border-radius: 50%;

    z-index: -1;

    opacity: 0;

    transition:.5s;

}

.style-five .progress_content {

    text-align: left;

    overflow: hidden;

}

.style-five .work_progress-title {

    padding-top: 0;

}

.style-five .work_progress-title h2 {

    margin: 0 0 6px;

}

.bd-non .style-five .work_progress-number:before{

    display: none;

}

.work_progress.style-five:hover .work_progress-number span:before{

    opacity: 1;

}

.work_progress.style-five:hover .work_progress-number span{

    color:#fff;

}

.rounted.rotateme {

    top: 12px;

}

/* process two */

.process-two .work_progress {

    padding: 0 0px;

}

.process-two .default-style .work_progress-number span::before {

    display:none;

}

.process-two .default-style .work_progress-number span::after{

    display:none;

}

.process-two .work_progress.default-style:hover .work_progress-number span, .work_progress.default-style:hover .work_progress-number span:before, .work_progress.default-style:hover .work_progress-number span:after {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}

.process-two .work_progress-number span {

    background: transparent;

    color: #232323;

    border: 2px solid#F08721;

}

.process-two .work_progress.default-style:hover .work_progress-number span{

    background:linear-gradient(to right, #F17326 44%, #FBA23E 90%);

    color:#fff;

}

.process-two .default-style .progress_content:before {

    position: absolute;

    top: 27px;

    width: calc(84% - 52px);

    height: 2px;

     background-image: linear-gradient(90deg, #E9E9E9, #E9E9E9 40%, transparent 40%, transparent 100%);

    background-image: linear-gradient(90deg, #E9E9E9, #E9E9E9 40%, transparent 40%, transparent 100%);

    background-size: 12px 1px;

    content: "";

    left: -55px;

}

.process-two .default-style .progress_content {

    margin-top: 10px;

}

.process-two .work_progress-title {

    padding-top: 4px;

}

.process-two .work_progress-desc {

    padding-top: 10px;

}





/*

==============

Call To Action

==============

*/



.call-to-action {

	text-align: center;

	position: relative;

}

.call-to-action-title h2 {

	margin-bottom: 12px;

	font-size: 35px;

	margin: 20px auto;

	text-transform: capitalize;

}

.call-to-action-title span {

	font-size: 40px;

	display: block;

	letter-spacing: 0;

	line-height: 1.2;

	margin-top: 20px auto 0;

	font-weight: 700;

}

.call-to-action-btn {

	margin-top: 30px;

}

.call-to-action-btn a {

	border: none;

	display: inline-block;

	text-transform: capitalize;

	background-color: #121c27;

	border-radius: 4px;

	color: #fff;

	padding: 16px 32px;

	-webkit-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

	font-weight: 500;

}

.call-to-action-btn a i{

	margin-left:8px;

}

.call-to-action-btn a:hover {

	background: #fff;

	color: #121c27;

}

.call-to-action-desc {

	width: 31%;

	margin: auto;

}



.call-to-video {

	margin-bottom: 35px;

}

.call-video-link a{

    display:inline-block

}

.call-video-link a i {

    width: 90px;

    height: 90px;

    display: inline-block;

    background: #fff;

    text-align: center;

    line-height: 90px;

    color: #121c27;

    border-radius: 100%;

	position:relative;

	z-index:1;

	-webkit-transition:.3s;

	-o-transition:.3s;

	transition:.3s;

}



.call-video-link a {

	position:relative;

}

.call-video-link a::before {

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

    height: 100px;

    width: 100px;

    background: rgba(255,255,255, 0.8);

    border-radius: 50%;

    -webkit-transform: translate(-50%,-50%);

        -ms-transform: translate(-50%,-50%);

            transform: translate(-50%,-50%);

    -webkit-animation: pulse-border 1500ms ease-out infinite;

            animation: pulse-border 1500ms ease-out infinite;

}

.call-to-video i {

	font-size: 23px;

}



/* Style One */

.call-to-action.style-one .call-to-action-title h2{

	width: 48%;

}



/* Style Two */

.call-to-action.style-two{

	text-align: left;

}

.call-to-action.style-two .call-to-action-desc{

	width: 100%;

	margin: 0;

}



.call-to-action.style-two .call-to-video{

	text-align: center;

}



/*

===========

Testimonial

===========

*/



.single_testimonial {

	-webkit-transition: all .5s ease 0s;

	-o-transition: all .5s ease 0s;

	transition: all .5s ease 0s;

	position: relative;

	margin-top: 10px;

	text-align: center;

}

.testi_content {

    position: relative;

    padding: 95px 30px 45px;

    -webkit-box-shadow: 0 25px 40px 0 rgba(0,0,0,.1);

    box-shadow: 0 25px 40px 0 rgba(0,0,0,.1);

    background: #fff;

    border-radius: 5px;

    text-align: left;

    margin-bottom: 40px;

}

.testi_content:before {

    content: "\f10d";

    font-family: FontAwesome;

    font-size: 40px;

    position: absolute;

    top: 24px;

    right: 0;

    text-align: center;

    color: #121c27;

    left: 0;

}

.testi_thumb img {

	border-radius: 100%;

	width:90px;

}



.testi_title {

	margin-bottom: 4px;

}

.testi_title h2 {

    font-size: 18px;

    margin-bottom: 0px;

    text-transform: capitalize;

    letter-spacing: 0;

    font-weight: 700;

}

.testi_title h2 sup {

	font-size: 15px;

	font-weight: bold;

	margin-left: 5px;

}

.testi_title span {

	color: #121c27;

	font-weight: 500;

	font-size: 16px;

	display: block;

	padding-top: 8px;

}

.testi_text {

    font-size: 16px;

    font-weight: 400;

    width: 100%;

    margin: auto;

    text-align: center;

}

.testi_text.texti_style2 {

	color: #444444;

	font-style: italic;

	margin: auto;

	width: 100%;

}

.testimonial_list.curosel-style .owl-nav div{

	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);

}

.em_testi_degi {

	line-height: 1;

	margin-top: -4px;

}

.reviews_rating {

    margin-top: 10px;

}

.em_reviews i {

	color: #ddd;

}

.testi-star i {

	color: #ddd;

}

.testi-star i.active {

    color: #121c27;

    font-size: 19px;

    margin: 0 1px;

}

.em_testi_country_img ul li {

    display: inline-block;

	overflow:hidden;

}

.em_testi_country_img ul li img{

	display:inline-block;

}

.country-name{

	margin-left:10px;

}

.testimonial-style-two .single_testimonial {

    text-align: center;

    padding: 0 7px 40px;

    background: #fff;

    border-radius: 5px;

    box-shadow: 0 1px 9px 3px #e9eef7;

    margin: 65px 15px 7px;

}

.testimonial-style-two .single_testimonial:before {

    position: absolute;

    content: "";

    right: 0;

    bottom: 0;

    height: 175px;

    width: 175px;

    background: url(http://localhost/datatech/wp-content/uploads/2021/08/shape56.png);

    background-repeat: no-repeat;

    background-size: cover;

}

.testimonial-style-two .testi_content {

    position: relative;

    padding: 0;

    -webkit-box-shadow: 0 25px 40px 0 rgba(0,0,0,.1);

    box-shadow: none;

    background: transparent;

    border-radius: 0;

    text-align: center;

    margin-bottom: 35px;

}

.testimonial-style-two .testi_thumb {

    position: relative;

    margin-bottom: 25px;

    display: inline-block;

    margin-top: -60px;

    box-shadow: 0 1px 9px 3px #e9eef7;

    border-radius: 100%;

}

.testimonial-style-two .testi_thumb img {

    border-radius: 100%;

    width: 120px;

}

.testimonial-style-two .testi_content:before {

    display: none;

}

.testi_thumb img {

	border-radius: 100%;

	width: 90px;

}

.testimonial-style-two .testi_title h2 {

    font-size: 20px;

}

.testimonial-style-two .testi_title span {

	color: #121c27;

	font-size: 14px;

}

.testimonial-style-two .testi_text {

    width: 81%;

    margin: auto;

    font-size: 17px;

    font-weight: 500;

    font-style: italic;

}

.testi_thumb {

    position: relative;

    margin-bottom: 4px;

    display: inline-block;

}

.testimonial-style-two .testi_title {

	position: relative;

	padding-top: 0;

}

.testimonial-style-two .testi_title::before, .testimonial-style-two .testi_title::after {

	display: none;

}



/* Testimonial Style Three */

.testimonial-style-three .test_thumb {

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 20px;

}

.testimonial-style-three .test_thumb img{

    border-radius: 100%;

}

.testimonial-style-three .testi_title{

    text-align: left;

}

.testimonial-style-three .testi_content:before{

	content: '';

    bottom: -20px;

    top: auto;

    border-color: #fff transparent transparent #fff;

    display: block;

    position: absolute;

    left: 0;

    margin-left: 0;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 15px;

}

/* Testimonial Style Four */

.testimonial-style-four .single_testimonial {

    -webkit-transition: all .5s ease 0s;

    -o-transition: all .5s ease 0s;

    transition: all .5s ease 0s;

    position: relative;

    text-align: left;

    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);

    margin-bottom: 30px;

    padding: 36px;

    background: #fff;

    border-radius: 5px;

}

.testimonial-style-four .single_testimonial:before {

    position: absolute;

    left: 0;

    bottom: 0;

    content: "";

    height: 275px;

    width: 100%;

    background: url(http://localhost/datatech/wp-content/uploads/2021/08/testimonial-shape.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    border-radius: 0 0 7px 4px;

}

.testimonial-style-four .single_testimonial .testi_thumb {

    position: relative;

    display: inline-block;

    float: none;

    margin: 0;

    text-align: center;

    float: left;

    margin-right: 22px;

}

.testimonial-style-four .single_testimonial .testi_thumb::before{

    display: none;

}

.testimonial-style-four .testi_title {

    margin-bottom: 30px;

    margin-top: 20px;

}

.testimonial-style-four .single_testimonial .testi_content{

    padding-top: 0;

    padding: 15px 0 5px;

    box-shadow: none;

    background: transparent;

    border-radius: 0;

    text-align: left;

    margin-bottom: 0;

}

.testimonial-style-four .single_testimonial .testi_content .testi_text{

    font-size: 15px;

    font-weight: 400;

    font-style: normal;

    width: 100%;

    margin: auto;

    text-align: left;

}

.testimonial-style-four .testi_content:before {

    display: none;

}

.testimonial-style-four .testi-star i.active {

    color: #121c27;

    font-size: 15px;

    margin: 0 1px;

}

.curosel-style .owl-nav div {

    border-radius: 50%;

    color: #fff;

    font-size: 19px;

    height: 60px;

    line-height: 60px;

    position: absolute;

    top: 50%;

    -webkit-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    width: 60px;

    text-align: center;

    z-index: 99;

    -webkit-transform: translateY(-49%);

    -ms-transform: translateY(-49%);

    transform: translateY(-49%);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    background: #121c27;

}

.curosel-style .owl-nav .owl-prev:hover {

    background: #121B51;

    color: #fff;

}

.curosel-style .owl-nav .owl-prev {

    right: auto;

    left: -50px;

}

.curosel-style .owl-nav .owl-next {

    left: auto;

    right: -50px;

}

.curosel-style:hover .owl-nav div {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

.blog_style_one .curosel-style .owl-nav div {

    border-radius: 50%;

    color: #fff;

    font-size: 19px;

    height: 55px;

    line-height: 55px;

    position: absolute;

    top: 50%;

    -webkit-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    width: 55px;

    text-align: center;

    z-index: 99;

    -webkit-transform: translateY(-49%);

    -ms-transform: translateY(-49%);

    transform: translateY(-49%);

    opacity: 1;

}

.blog_style_one .curosel-style .owl-nav .owl-prev {

    left: auto;

    right: 85px;

    top: -112px;

    background: transparent;

    border:2px solid #ddd;

    line-height: 54px;

    color:#232323;

    -webkit-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}

.blog_style_one .curosel-style .owl-nav .owl-prev:hover{

    background: #121c27;

    color:#fff;

    border-color:#121c27;

}

.blog_style_one .curosel-style .owl-nav .owl-next {

    left: auto;

    right: 14px;

    top: -112px;

}

.case_study_carousel.style-two.curosel-style .owl-nav div {

    border-radius: 50%;

    color: #fff;

    font-size: 19px;

    height: 55px;

    line-height: 55px;

    position: absolute;

    top: 50%;

    -webkit-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    width: 55px;

    text-align: center;

    z-index: 99;

    -webkit-transform: translateY(-49%);

    -ms-transform: translateY(-49%);

    transform: translateY(-49%);

    opacity: 1;

}

.case_study_carousel.style-two.curosel-style .owl-nav .owl-prev {

    left: auto;

    right: 85px;

    top: -112px;

    background: transparent;

    border:2px solid #ddd;

    line-height: 54px;

    color:#232323;

    -webkit-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}

.case_study_carousel.style-two.curosel-style .owl-nav .owl-prev:hover{

    background: #121c27;

    color:#fff;

    border-color:#121c27;

}

.case_study_carousel.style-two.curosel-style .owl-nav .owl-next {

    left: auto;

    right: 14px;

    top: -112px;

}

/*

==========

Case Study

==========

*/



.dreamit-single-cases-study{

    position: relative;

	z-index:999;

}

.cases-study-content {

	position: absolute;

	left: 0;

	bottom: -100%;

	right: 0;

	text-align: center;

	background: #121c27;

	margin: auto;

	padding: 20px 30px 1px;

	-webkit-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

	z-index: 999;

	width: 100%;

}

.dreamit-single-cases-study:hover .cases-study-content{

	bottom: 0;

}

.case-study-thumb{

	position:relative;

	z-index:1;

}

.case-study-thumb img{

	width: 100%;

}

.case-study-thumb::before{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(255,255,255,0.75);

	content: "";

	opacity: 0;

	-webkit-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

	border-radius: 5px;

}

.dreamit-single-cases-study:hover .case-study-thumb:before{

	opacity:1;

}

.em-cases-study-title h2 {

	font-size: 20px;

	font-weight: 700;

	line-height: 1;

	margin: 0 0 5px;

}

.em-cases-study-title h2 a {

	font-size: 20px;

	font-weight: 700;

	margin: 0 0 0;

	-webkit-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

}

.case_category span {

    color: #121c27;

}



.case_default .em-cases-study-content{

    background: transparent;

    width: 100%;

    padding: 40px 27px;

    top: inherit;

    opacity: 1;

    text-align: left;

    bottom: 0;

}

.case_default .em-cases-study-title h2 a {

    font-size: 23px;

}

.case_default .dreamit-single-cases-study {

    margin-bottom: 30px;

}



.case_default .case-study-thumb {

   position:relative;

   z-index: 1;

}



.case_default .case-study-thumb:before {

   display:none;

}



.case_default .em-cases-study-title h2 {

    margin: 0 0 7px;

    color: #fff;

}

.case_default .case_category span,

.case_default .cases-study-content p,

.case_default .em-case-study-button a {

    color: #fff;

}

.case_default .cases-study-content p {

    margin: 20px 0;

}

.case_default .em-cases-study-title h2 a:hover {

    color: #fff;

}

.em-case-study-button {

	margin-top: 20px;

}







/* Case Style Two

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

.style-two .dreamit-single-cases-study {

    padding-bottom: 90px;

    margin-top: 5px;

}

.style-two .case-study-thumb {

    position: relative;

    z-index: 1;

    background: #f9fcfe;

    box-shadow: 0px 4px 20px rgb(0 0 0 / 8%);

    padding: 30px 0 30px;

}

.style-two .case-study-thumb img {

    width: 250px;

    height: 250px;

    margin: auto;

}

.style-two .case-study-thumb::before{

	display: none;

}

.style-two .cases-study-content {

    position: absolute;

    left: 0;

    right: 0;

    top: 90%;

    text-align: center;

    background: #fff;

    width: 85%;

    margin: auto;

    border-radius: 5px;

    padding: 40px 10px;

    opacity: 1;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    transition: .5s;

    transform: translateY(-70%);

    z-index: 999;

    bottom: inherit;

}.style-two .dreamit-single-cases-study:hover .cases-study-content{

    top: 85%;

    bottom:inherit;

}

/* Case Style Three */

.case-study-style3 .em-cases-study-title h2 {

    font-size: 24px;

    margin: 12px 0 0;

}

.case-study-style3 .em-cases-study-title h2 a {

color:#fff;

}

.case-study-style3 .case_category span {

    color: #fff;

}

.case-study-style3 .em-case-study-button a {

    display: inline-block;

    background: #fff;

    padding: 3px 20px;

    border-radius: 30px;

    color: #121c27;

    margin-top: 10px;

}

.case-study-style3 .cases-study-content {

    top: 76%;

    background: transparent;

    width: 100%;

    border-radius: 0;

    padding: 0;

    opacity: 1;

}

.case-study-style3 .case-study-thumb:before {

    position: absolute;

    left: 0;

    width: 100%;

    height: 100%;

    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(black));

    background: linear-gradient(to bottom,rgba(0,0,0,0),#000);

    top: 25px;

    content: "";

    opacity: 1;

    transition: .5s;

}

.case-study-style3 .datatech-single-cases-study:hover .case-study-thumb::before {

    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(37, 19, 209,.2)),to(blue));

    background-image: linear-gradient(to bottom,rgba(37, 19, 209,.4),#2513d1);

	top: 0;

}

.case-study-style3 .datatech-single-cases-study:hover .cases-study-content{

	top: 70%;

}





/* Style Four */

.case-style-four .dreamit-single-cases-study {

    margin-bottom: 30px;

    overflow: hidden;

}

.case-style-four .dreamit-single-cases-study .case-study-thumb:after {

    content: "";

    background: rgba(12,90,219,.85);

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    transform-origin: top;

	-moz-transition: all .5s ease-out 0s;

    -webkit-transition: all .5s ease-out 0s;

    -ms-transition: all .5s ease-out 0s;

    -o-transition: all .5s ease-out 0s;

    transition: all .5s ease-out 0s;

    -moz-transform: perspective(15em) rotateX(-90deg);

    -o-transform: perspective(15em) rotateX(-90deg);

    -ms-transform: perspective(15em) rotateX(-90deg);

	-webkit-transform: perspective(15em) rotateX(-90deg);

    transform: perspective(15em) rotateX(-90deg);

    z-index: 1;

    left: 0;

}

.case-style-four .dreamit-single-cases-study:hover .case-study-thumb:after {

    -moz-transform: perspective(0) rotateX(0);

    -o-transform: perspective(0) rotateX(0);

    -ms-transform: perspective(0) rotateX(0);

    -webkit-transform: perspective(0) rotateX(0);

    transform: perspective(0) rotateX(0);

}

.case-style-four .cases-study-content{

    background: 0 0;

    width: 83%;

    padding: 21px 24px;

    opacity: 1;

    text-align: center;

	background: #fff;

    top: 120%;

    margin: auto;

    border-radius: 0;

	transform: translateY(-50%);

	bottom: inherit;

}

.case-style-four .dreamit-single-cases-study:hover .cases-study-content {

    top: 80%;

	opacity: 1;

	bottom: inherit;

}



/* Case Style Five */

.case-study-style5 .em-cases-study-title h2 {

    font-size: 24px;

    margin: 12px 0 0;

}

.case-study-style5 .em-cases-study-title h2 a {

color:#fff;

}

.case-study-style5 .case_category span {

    color: #fff;

}

.case-study-style5 .em-case-study-button a {

    display: inline-block;

    background: #fff;

    padding: 3px 20px;

    border-radius: 30px;

    color: #121c27;

    margin-top: 10px;

}

.case-study-style5 .cases-study-content {

    top: 62%;

    background: transparent;

    width: 100%;

    border-radius: 0;

    padding: 0;

    opacity: 1;

}

.case-study-style5 .case-study-thumb:before {

    position: absolute;

    left: 0;

    width: 100%;

    height: 100%;

    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(black));

    background: linear-gradient(to bottom,rgba(0,0,0,0),#000);

    top: 25px;

    content: "";

    opacity: 1;

    transition: .5s;

}

.case-study-style5 .dreamit-single-cases-study:hover .case-study-thumb::before {

    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(37, 19, 209,.2)),to(blue));

    background-image: linear-gradient(to bottom,rgba(37, 19, 209,.4),#2513d1);

	top: 0;

}

.case-study-style5 .dreamit-single-cases-study:hover .cases-study-content{

	top: 55%;

}



/* Case Style Six

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

.style-six .case-study-thumb img{

    border-radius: 5px;

}

.style-six .case-study-thumb::before {

    position: absolute;

    right: 0;

    top: 0;

    width: 0;

    height: 100%;

    background: rgba(237,115,55,.85);

    content: "";

    opacity: 0;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .5s;

    left: inherit;

    border-radius: 7px;

}

.style-six .dreamit-single-cases-study:hover .case-study-thumb::before{

    width:100%;

    left:0;

}

.style-six .cases-study-content {

    position: relative;

    background: #fff;

    width: 100%;

    margin-top: 0;

    padding: 30px 10px;

    border-radius: 5px;

    text-align: left;

}

.style-six .dreamit-single-cases-study:hover .cases-study-content{

	bottom: inherit;

}

.style-six .thumb-icon {

    position: absolute;

    top: 82%;

    left: 47%;

    height: 60px;

    width: 60px;

    opacity: 0;

    line-height: 60px;

    border: 2px solid#fff;

    text-align: center;

    border-radius: 100%;

    transform: translateX(-16px);

    cursor: pointer;

    color: #fff;

    font-size: 24px;

    transition: .5s;

}

.style-six .thumb-icon:hover{

    border-color:#fff;

    background:#fff;

    color:#F4864E;

}

.style-six .dreamit-single-cases-study:hover .thumb-icon{

    top:50%;

      opacity: 1;

}

.style-six .case-icon {

    float: left;

    margin-right: 29px;

    position: relative;

    top: -19px;

}

.style-six .case-icon i {

    color: #F9A150;

    font-size: 56px;

}

.style-six .inner-content {

    overflow: hidden;

}

.style-six .cases-study-content {

    width: 100%;

    margin-top: 0;

    padding: 28px 28px 29px;

    border-radius: 5px;

    text-align: left;

}

.style-six .em-cases-study-title h2 a {

    font-size: 24px;

    font-weight: 600;

}

.style-six .em-cases-study-title h2 a:hover{

    color:#EF8651;

}





/* owl dots */

.owl-dots {

    display: flex;

    justify-content: center;

    margin: 57px 0 0 0;

}

.style-six .owl-dot {

    height: 9px;

    width: 9px;

    background: #F0B69E;

    margin: 0 10px 0 0;

    border-radius: 50%;

}

.owl-dot.active {

    background: #EA7036;

    box-shadow: 0 0 0 6px rgb(255 255 255 / 40%);

}









/*

==========

Brand

==========

*/



.itsoft-single-brand {

	margin-bottom: 15px;

	overflow: hidden;

	-webkit-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

	text-align: center;

}

.brand-thumb  img {

	filter: gray;

	-webkit-filter: grayscale(1);

	transition:.3s;

}

.itsoft-single-brand:hover .brand-thumb  img{

		filter: none;

	-webkit-filter: grayscale(0);

}



.itsoft-single-brand.style2 {

    border: 0;

    padding: 0;

	-webkit-box-shadow: none;

	box-shadow: none;	    

}

.itsoft-single-brand.style2:hover{

	margin-top: 0;

}



/*

=========

Counter

=========

*/



.single_counter {

	position: relative;

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}

.counter_icon {

	-webkit-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

	float: left;

	margin-right: 20px;

}

.counter_icon i {

	font-size: 50px;

	-webkit-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

	display: inline-block;

	color: #121c27;

}

.countr_text > h1 {

    font-size: 40px;

    display: inline-block;

    font-weight: 800;

    margin: 0;

}

.countr_text > h3 {

	font-size: 40px;

    display: inline-block;

    font-weight: 800;

    margin: 0;

}

.counter_title {

	padding: 0 0 0;

}

.counter_title h4 {

    text-transform: capitalize;

    font-size: 20px;

    margin-top: 8px;

    font-weight: 500;

    color: #121c27;

}

.single_counter.center{

	text-align: center;

}

/* Style Two */

.single_counter.style-two .counter_icon {

    margin-right: 32px;

    margin-top: 15px;

}

.single_counter.style-two .counter_icon:before {

    content: '';

    position: absolute;

    left: -28px;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    bottom: 0;

    width: 85px;

    height: 85px;

    -webkit-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    transition: all 0.6s ease;

    background-image: url(http://wp.dreamitsolution.net/datatech/wp-content/uploads/2021/01/cn-shape.png);

    transform: rotate(-70deg);

    background-repeat: no-repeat;

    background-size: cover;

}

.single_counter.style-two .counter_icon i {

    font-size: 31px;

}

.single_counter.style-two:hover .counter_icon:before {

    transform: rotate(-130deg);

}

.single_counter.style-two .counter_content {

    overflow: hidden;

}

.single_counter.style-two .countr_text > h1 {

    font-size: 42px;

    font-weight: 800;

}

.single_counter.style-two  .counter_title h4 {

    font-size: 18px;

    font-weight: 600;

}

/* Style Three */

.style-three .icon-thumb {

    float: left;

    margin-right: 25px;

    margin-top: 10px;

}

.style-three .counter_title {

    padding: 4px 0 0;

}

/* Style Four */

.style-four .countr_text {

    float: left;

    margin-right: 15px;

    margin-top: -8px;

}

.style-four .counter_title h4 {

    text-transform: capitalize;

    font-size: 18px;

    margin-top: 0;

    font-weight: 600;

    color: #232323;

    line-height: 25px;

}

/*

=========

Icon Box

=========

*/

.company-feedback{

    position: relative;

}

.company-feedback:before {

    position: absolute;

    content: "";

    height: 350px;

    width: 350px;

    right: 110px;

    top: 100px;

    background: url(http://localhost/datatech/wp-content/uploads/2021/08/shape001.png);

    background-repeat: no-repeat;

    background-size: contain;

    position: absolute;

    z-index: -1;

    -webkit-animation-name: rotateme;

    animation-name: rotateme;

    -webkit-animation-duration: 20s;

    animation-duration: 20s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

}

.icon-box{

	display: flex;

	padding-bottom: 5px;

}



.icon-box .icon-box-icon{

	padding-right: 25px;

}



.icon-box .icon-box-content h2{

	color: #232323;

	font-size: 20px;

	font-weight: 700;

	margin: 0 0 10px 0;

}



.icon-box .icon-box-content .description p{

	margin: 0;

}

.icon-box-icon .icon i {

    font-size: 40px;

    color: #121c27;

    display: inline-block;

    text-align: center;

}

/* Style Two */

.icon-box.style-two{

	display: block;

}



/* Style Three */

.icon-box.style-three{

	align-items: center;

	padding: 0;

	transition: 0.5s;

}

.icon-box.style-three .icon-box-content h2 {

    margin: 0 0 5px;

    font-size: 22px;

    color: #121c27;

    font-weight: 600;

}

.icon-box.style-three .description p {

    margin: 0;

    font-size: 22px;

    color: #232323;

    font-weight: 600;

}

.icon-box.style-three .icon-box-icon {

    padding-right: 25px;

}

.icon-box.style-three .icon i {

    font-size: 35px;

    color: #121c27;

    display: inline-block;

    text-align: center;

    background: #fff;

    height: 85px;

    width: 85px;

    line-height: 80px;

    border-radius: 50px 50px 0;

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

    border: 8px solid #F1F6FC;

    transition:.5s;

}

.icon-box.style-three:hover .icon i {

    color: #fff;

    background: #121c27;

    border: 8px solid #F1F6FC;

}



/* Style Four */

.icon-box.style-four{

    position: relative;

    border-right: 3px solid #ff3b00;

    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);

    padding: 38px 10px 38px 65px;

    border-radius: 10px;

    background: #fff;

    z-index: 1;

}

.icon-box.style-four .icon-box-icon{

    position: absolute;

    left: -75px;

    padding: 40px;

    top: 50%;

    transform: translateY(-50%);

}

.icon-box.style-four .icon-box-icon .icon{

    position: relative;

}

.icon-box.style-four .icon i {

    font-size: 35px;

    color: #121c27;

    display: inline-block;

    text-align: center;

    background: #fff;

    height: 85px;

    width: 85px;

    line-height: 80px;

    border-radius: 50px 50px 50px 0px;

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

    transition: .5s;

}

.icon-box.style-four:hover .icon i{

    background: #121c27;

    color:#fff;

}

/* Style Five */

.icon-box.style-five{

    position: relative;

    border-left: 3px solid #ff3b00;

    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);

    padding: 38px 65px 38px 10px;

    border-radius: 10px;

    text-align: right;

    background: #fff;

    z-index: 1; 

}

.icon-box.style-five .icon-box-icon {

    position: absolute;

    right: -75px;

    padding: 40px;

    top: 50%;

    transform: translateY(-50%);

}

.icon-box.style-five .icon-box-icon .icon{

    position: relative;

}

.icon-box.style-five .icon i {

    font-size: 35px;

    color: #121c27;

    display: inline-block;

    text-align: center;

    background: #fff;

    height: 85px;

    width: 85px;

    line-height: 80px;

    border-radius: 50px 50px 0;

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

    transition: .5s;

}

.icon-box.style-five:hover .icon i{

    background: #121c27;

    color:#fff;

}

 /* Icon Box Style Six */

 .icon-box.style-six {

    display: block;

}

.icon-box.style-six .title h2 {

    font-size: 22px;

    position: relative;

    padding-bottom: 30px;

}

.icon-box.style-six .title h2:before {

    position: absolute;

    content: "";

    top: 35px;

    height: 2px;

    width: 50px;

    left: 0;

    background: #ddd;

}

.icon-box.style-six .icon-box-icon {

    padding-right: 16px;

}

.icon-box.style-six .icon {

    border: 1px dashed #121c27;

    border-radius: 50%;

    padding: 5px;

}



.icon-box.style-six .icon-box-icon .icon i {

    font-size: 30px;

    color: #fff;

    display: inline-block;

    text-align: center;

    height: 55px;

    width: 55px;

    line-height: 55px;

    background: #121c27;

    border-radius: 50%;

    transition:.5s;

}

.icon-box.style-six .icon-box-icon .icon i:hover{

    background: #173969;

}

.style-seven.icon-box .icon-box-content h2 {

    color: #232323;

    font-size: 20px;

    font-weight: 700;

    margin: 19px 0 0;

}

.style-seven .icon-box-icon .icon i {

    font-size: 30px;

    color: #fff;

    display: inline-block;

    text-align: center;

    height: 60px;

    width: 60px;

    line-height: 51px;

    background: #121c27;

    border-radius: 50%;

    border: 6px solid #F7FAFF;

    box-shadow: 2px 10px 50px 0px rgb(0 0 0 / 15%);

}

/* two icon box */

.icon-box .icon-box-icon {

    padding-right: 20px;

    margin-top: 11px;

}

/* .icon-box:hover .icon-box-icon .icon i {

    box-shadow: 0 0 30px rgb(240 112 36 / 44%);

    background: linear-gradient(to right, #F17326 44%, #FBA23E 90%);

} */



.two .icon-box-icon .icon i {

    font-size: 30px;

    color: #fff;

    display: inline-block;

    text-align: center;

    height: 50px;

    width: 50px;

    line-height: 50px;

    background: #0C3982;

    border-radius: 100%;

    box-shadow: 0 0 30px rgb(12 57 130 / 48%);

}

.two .icon-box .icon-box-content h2 {

    color: #232323;

    font-size: 20px;

    font-weight: 600;

    margin: 0 0 8px 0;

}





.mission .icon-box.style-two {

    display: block;

    background-color: #fff;

    border: 1px solid #e5e7e9;

    padding: 35px 10px 35px;

    border-radius: 3px;

}



.mission .icon-box.style-two .icon-box-icon {

    padding-right: 0px;

}



.mission .icon-box.style-two .icon-box-content h2 {

    color: #272727;

    font-size: 23px;

    font-weight: 600;

    margin: 25px 0 10px 0;

    font-family: rajdhani;

}



.mission .icon-box.style-two .icon-box-content .description p {

    margin: 0;

    font-size: 16px;

    font-weight: 600;

    font-family: nunito;

    color: #686868;

}











/*

==============

Video Box

==============

*/



.single-video {

	position: relative;

	text-align: center;

}



.single-video h3 {

	color: #fff;

	font-size: 18px;

	font-weight: 500;

	margin-bottom: 0;

	padding-top: 26px;

	text-transform: capitalize;

	display: inline-block;

	margin-left: 25px;

}

.video-icon a {

	text-align: center;

	display: inline-block;

	position:relative;

	z-index:99;

}

.single-video.style-one .video-icon a,

.single-video.style-two .video-icon a{

    background: #fff;

    height: 75px;

    width: 75px;

    top: 50%;

    left: 0;

    right: 0;

    margin: auto;

    text-align: center;

    border-radius: 50%;

    line-height: 75px;

    color: #121c27;

    font-size: 26px;

    position: relative;

    -webkit-animation: ripple-red 1s linear infinite;

    animation: ripple-red 1s linear infinite;

    -webkit-transition: .5s

}



/* .video-icon a::before {

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

    height: 99px;

    width: 99px;

    background: rgba(12, 90, 219,1);

    z-index: -1;

    border-radius: 50%;

    -webkit-transform: translate(-50%,-50%);

        -ms-transform: translate(-50%,-50%);

            transform: translate(-50%,-50%);

    -webkit-animation: pulse-border 1500ms ease-out infinite;

            animation: pulse-border 1500ms ease-out infinite;

}

@keyframes pulse-border {

  0% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

	opacity: 1;

	}

  100% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

	opacity: 0;

	}

} */



.v-overlay .video-icon a i {

	border: 0px solid #fff;

	font-size: 30px;

}

/* Style One */

.single-video.style-one .video-icon,

.single-video.style-three .video-icon {

	left: 50%;

	position: absolute;

	top: 50%;

	-webkit-transform: translateX(-50%) translateY(-50%);

	-ms-transform: translateX(-50%) translateY(-50%);

	    transform: translateX(-50%) translateY(-50%);

}



@-webkit-keyframes ripple-red {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);

        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3)

    }

    100% {

        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);

        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(2241, 42, 2, 0)

    }

}



/* Style Three */

.single-video .layer-1 img, .single-video .layer-2 img, .single-video .layer-3 img, .single-video .layer-4 img {

    -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;

    animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;

    -webkit-animation-duration: 2.5s;

    animation-duration: 2.5s;

}

@keyframes alltuchtopdown{

	0%{

		-webkit-transform:rotateX(0deg) translateY(0px);

		-ms-transform:rotateX(0deg) translateY(0px);

		transform:rotateX(0deg) translateY(0px)

	}

	50%{

		-webkit-transform:rotateX(0deg) translateY(-20px);

		-ms-transform:rotateX(0deg) translateY(-20px);

		transform:rotateX(0deg) translateY(-20px)

	}

	100%{

		-webkit-transform:rotateX(0deg) translateY(0px);

		-ms-transform:rotateX(0deg) translateY(0px);

		transform:rotateX(0deg) translateY(0px)

	}

}



.single-video.style-three .video-icon a {

    -webkit-animation: none;

    animation: none;

    -webkit-transition: none;

}



.single-video.style-three .video-icon a::before {

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

    height: 99px;

    width: 99px;

    background: rgba(12, 90, 219,1);

    z-index: -1;

    border-radius: 50%;

    -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    -webkit-animation: pulse-border 1500ms ease-out infinite;

    animation: pulse-border 1500ms ease-out infinite;

}

@keyframes pulse-border {

  0% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

	opacity: 1;

	}

  100% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

	opacity: 0;

	}

}

.single-video.style-three .video-icon a i{

    background: #fff;

    height: 90px;

    width: 90px;

	line-height: 90px;

    top: 50%;

    left: 0;

    right: 0;

    margin: auto;

    text-align: center;

    border-radius: 50%;

    color: #121c27;

    font-size: 26px;

    position: relative;

}





/* Shape Bg Css */



.shape-bg01{

    z-index: -1;

}

.shape-bg02{

    z-index: -1;

}

.new-button a {

    color: #121c27;

}

.new-button a i {

    color: #232323;

}

.new-button a span {

    color: #232323;

}

.new-button a i {

    color: #232323;

    margin-right: 6px;

}

/*

==============

Nivo Slider

==============

*/



.main-slider-area {

	display: block;

	position: relative;

}

.nivo-caption {

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

	height: 100%;

	opacity: 1;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	overflow: visible !important;

}



.em_slider_inner {

	margin: auto;

	position: absolute;

	top: 50%;

	left: 0px;

	right: 0;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	    transform: translateY(-50%);

}

.nivoSlider {

 overflow: visible; 

}

.em-slider-title {

    font-size: 33px;

    color: #fff;

    font-weight: 400;

}

.em-slider-sub-title {

    font-size: 120px;

    text-transform: capitalize;

    color: #fff;

    font-weight: 800;

    display: block;

    margin: 0;

	line-height: 1.3;

}



.em-slider-descript {

	color: #fff;

}



.em-slider-descript {

    width: 48%;

    text-align: left;

    color: #fff;

    margin: 5px 0 30px;

    font-size: 33px;

}



.text-left .em-slider-descript {

	margin-left: 0;

	margin-right: auto;

}



.text-center .em-slider-descript {

	margin: 0 auto 31px;

}



.text-right .em-slider-descript {

	margin-right: 0;

	margin-left: auto;

}

.em-button-button-area a {

    -moz-user-select: none;

    background: #121c27;

    border: 1px solid transparent;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    font-size: 16px;

    margin-bottom: 0;

    padding: 15px 41px;

    text-align: center;

    text-transform: uppercase;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    border-radius: 4px;

    border: 1px solid transparent;

    font-weight: 400;

    margin-top: 17px;

}

.em-button-button-area a:hover {

	background-color: #fff;

	border-color: #fff;

	color:#121c27;

}

.em-slider-button .withput-active {

    background: transparent;

    color: #fff;

    border-color: rgba(255,255,255,0.8);

    margin-left: 7px;

}

.em-slider-button .withput-active:hover{

	background:#fff; 

	border-color:#fff; 

	color:#121c27;

}

.em-button-button-area a i {

	margin-left: 10px;

	display: inline-block;

}

.text-left a.em-active-button {

	margin-left: 0;

}



.em-slider-half-width {

	width: 50%;

}

.text-center .em-button-button-area a {

	margin: 0 15px;

}

.em-slider-left {

	padding-right: 30px;

}



.em-slider-right {

	padding-left: 30px;

}



.em-slider-full-width {

	width: 85%;

}



.em-slider-half-width .em-slider-descript {

	width: 100%;

}





/* directionNav */



.em-nivo-slider-wrapper .nivo-directionNav {}



.em-nivo-slider-wrapper .nivo-directionNav a {

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    height: 78px;

    width: 50px;

    line-height: 74px;

    border: 0;

    text-align: center;

    display: block;

    color: #121c27;

    font-size: 28px;

    left: 0;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    visibility: hidden;

    background: #fff;

}



.em-nivo-slider-wrapper .nivo-directionNav .nivo-prevNav {}



.em-nivo-slider-wrapper .nivo-directionNav .nivo-nextNav {

	left: auto;

	right: 0;

}



.em-nivo-slider-wrapper .nivo-directionNav a:hover {

	background: #121c27;

	border-color: #121c27;

	color: #fff;

}



.em-nivo-slider-wrapper:hover .nivo-directionNav a {

	opacity: 1;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	visibility: visible;

	left: 50px;

}



.em-nivo-slider-wrapper:hover .nivo-directionNav .nivo-nextNav {

	left: auto;

	right: 50px;

}





/* controlNav */



.em-nivo-slider-wrapper .nivo-controlNav {

	top: 50%;

	padding: 0;

	position: absolute;

	width: 100%;

	z-index: 9;

	left: 38px;

	-webkit-transform: translateY(-50%);

	    -ms-transform: translateY(-50%);

	        transform: translateY(-50%);

}



.em-nivo-slider-wrapper .nivo-controlNav {}



.em-nivo-slider-wrapper .nivo-controlNav a {

	background: #fff none repeat scroll 0 0;

	border-radius: 50%;

	cursor: pointer;

	display: block;

	font-size: 9px;

	height: 17px;

	margin: 8px 0;

	width: 17px;

	color: #121c27;

	line-height: 17px;

}



.em-nivo-slider-wrapper .nivo-controlNav a:hover,

.em-nivo-slider-wrapper .nivo-controlNav a.active {

	background: #fff none repeat scroll 0 0;

	opacity: 1;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

.single_slide_img {

	position: absolute;

	top: -180px;

	text-align: right;

	left: 59%;

}







/*

==============

Pricing Table

==============

*/



.single_pricing {

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    padding: 31px 40px 50px;

    position: relative;

    z-index: 1;

    overflow: hidden;

    text-align: center;

    border: 1px solid #e6e6e6;

    border-radius: 8px;

    background: #fff;

}



.pricing_head {

	padding: 0 0 0px;

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}



.pricing_icon {

	text-align: center;

}

.pricing_img {

	text-align: center;

}



.pricing_title h3 {

	font-size: 30px;

	color: #121c27;

	text-transform: capitalize;

	padding-bottom: 25px;

}



.price_item_inner_center {

	-webkit-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

}

.price_item {

	-webkit-transition: all 0.5s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	margin-bottom: 17px;

	margin-top: 15px;

}

.price_item span {

	display: inline-block;

	-webkit-transition: all 0.3s ease 0s;

	-webkit-transition: all 0.5s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	font-size: 55px;

	font-weight: 700;

	text-align: center;

	color: #121c27;

}



.curencyp {

	font-size: 29px !important;

	font-weight: 500;

	position: relative;

	top: -15px;

}

.bootmp {

	font-size: 19px !important;

	font-weight: 500 !important;

}

.pricing_btn span {

	border: 1px solid #ddd;

	display: inline-block;

	padding: 0px 23px;

	border-radius: 30px;

	font-size: 15px;

}



.featur{

	border:1px solid #e6e6e6;

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	border-radius:7px;

}

.featur ul {

	padding: 31px 0 44px;

}

.featur ul li {

	display: block;

	font-size: 17px;

	padding: 8px 0;

	text-transform: none;

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	text-transform: capitalize;

}



.featur ul li b {

	font-weight: 600;

}

.featur ul li:last-child {

	padding-bottom: 0;

}



.order_now {

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	margin-top: 36px;

}

.order_now a {

    display: inline-block;

    font-size: 18px;

    font-weight: 600;

    padding: 12px 35px;

    position: relative;

    text-transform: capitalize;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    color: #616161;

    border: 1px solid #e6e6e6;

    border-radius: 3px;

}

.single_pricing:hover .order_now a,

.single_pricing.active .order_now a {

	background: #121c27;

	color: #fff;

}

.single_pricing .order_now a,

.single_pricing .price_item_inner,

.single_pricing .pricing_title>h3 {

	-webkit-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

}

.single_pricing:hover,

.single_pricing.active,

.single_pricing.active .featur,

.single_pricing:hover .featur {

	border-color: #121c27;

}







/* Pricing Style Two*/

.style-two.single_pricing {

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    position: relative;

    z-index: 1;

    overflow: inherit;

    text-align: center;

    box-shadow: 0px 4px 20px rgb(0 0 0 / 8%);

    margin-bottom: 30px;

    padding: 0;

    position: relative;

    border: inherit;

    text-align: center;

}

.style-two .pricing_top_bar {

    position: relative;

    overflow: hidden;

    padding: 10px 0 50px;

}

.style-two .pricing_top_bar:before {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    content: "";

    background: url(../images/pricing-bg3.png);

    background-repeat: no-repeat;

    background-position: bottom center;

    background-size: cover;

    z-index: -1;

}



.active .pricing_top_bar:before {

    background: url(../images/pricing-bg1.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}

.pricing-3 .pricing_top_bar:before {

    background: url(../images/pricing-bg2.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}

.style-two .pricing_head {

	padding: 0 0 0px;

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}

.style-two .pricing_icon {

	text-align: center;

}

.style-two .pricing_title {

    text-align: left;

}

.style-two .pricing_title h3 {

    font-size: 16px;

    text-transform: capitalize;

    padding-bottom: 0;

    color: #fff;

    font-weight: 600;

    position: relative;

    text-align: left;

    background: linear-gradient(to right, #f07024 0%, #fca13e 100%);

    display: inline-block;

    padding: 12px 32px;

    border-radius: 0 30px 30px 0;

}

.style-two .pricing_subtitle h4 {

	font-size: 18px;

	color: #656565;

	font-weight: 400;

	margin: 0;

}

.style-two .pricing_img {

    position: relative;

    margin-top: -20px;

}

.style-two.active .pricing_img {}

.style-two .pricing_body {

    padding: 5px 45px 28px;

}

.style-two .price_item_inner_center {

	-webkit-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

}

.style-two .price_item {

    -webkit-transition: all 0.5s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    margin-bottom: 19px;

    margin-top: 40px;

}

.style-two .price_item span {

    -webkit-transition: all 0.3s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    font-size: 42px;

    font-weight: 700;

    text-align: center;

    color: #232323;

    margin: 0;

    padding: 0;

    line-height: 32px;

}

.style-two .curencyp {

     font-weight: 700 !important;

    position: relative;

    top: 0;

    color: #121c27 !important;

    display: inline-block;

    font-size: 24px !important;

}

.style-two span.monthp {

    display: block;

    

}

.style-two .bootmp {

    font-size: 16px !important;

    font-weight: 500 !important;

}

.style-two .pricing_btn span {

	border: 1px solid #ddd;

	display: inline-block;

	padding: 0px 23px;

	border-radius: 30px;

	font-size: 15px;

}

.style-two .featur {

    border: inherit;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    border-radius: 0;

    text-align: left;

    padding: 0;

    border-top: 1px solid #dddd;

    padding-top: 20px;

}

.style-two .featur ul {

	padding:0;

}

.style-two .featur ul li {

    display: block;

    font-size: 16px;

    padding: 7px 0;

    text-transform: none;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    text-transform: capitalize;

    font-weight: 600;

}

.featur ul li i {

    float: right;

    color: #121c27;

}

.style-two .featur ul li b {

	font-weight: 600;

}

.style-two .featur ul li:last-child {

	padding-bottom: 0;

}



.style-two .order_now {

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	margin-top: 34px;

}

.style-two .order_now a {

    display: inline-block;

    font-size: 15px;

    font-weight: 400;

    padding: 13px 37px;

    position: absolute;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    color: #121c27;

    border: 1px solid #121c27;

    border-radius: 30px;

    left: 30%;

    bottom: -22px;

    z-index: 1;

    background: #fff;

}

.style-two.single_pricing:hover .order_now a {

	background: #121c27;

	color: #fff;

}



.gradient .pricing_top_bar {

	position: relative;

	background: linear-gradient(to bottom, #1F2A6C, #40497c, #ac616c, #c45969, #e94d65) !important;

	padding-top: 25px;

}

.gradient .order_now a {

	color: #e94d65;

	border: 1px solid #e94d65;

}

.gradient .single_pricing:hover .order_now a {

	background: linear-gradient(to right, #38406e, #565b76, #ac616c, #c45969, #e94d65) !important;

}

.style-two.active .pricing_title h3 {

    color: #121c27;

    background: #fff;



}

/* Pricing Style Three */

.single_pricing.style-three {

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	padding: 35px 40px 50px;

	position: relative;

	z-index: 1;

	overflow: hidden;

	text-align: center;

	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

	border: 0;

	border-radius: 0;

}

.single_pricing.style-three .pricing_title h3 {

	font-size: 22px;

	padding-bottom: 0;

	color: #232323;

}

.single_pricing.style-three .price_item {

	margin-bottom: 0;



}



.single_pricing.style-three .price_item span {

	color: #232323;

}

.single_pricing.style-three .curencyp {

	top: -25px;

}

.style-three .featur {

	border: 0;

}

.style-three .featur ul {

	padding: 11px 0 6px;

}

.single_pricing.style-three.active {

	background: #121c27;

	padding: 58px 40px 69px;

	margin-top: -18px;

}

.single_pricing.style-three.active .pricing_title h3 {

	color: #fff;

}

.single_pricing.style-three.active .price_item span {

	color: #fff;

}

.single_pricing.style-three.active .featur ul li {

	color: #fff;

}

.single_pricing.style-three:hover .order_now a, .single_pricing.style-three.active .order_now a {

	background: #121c27;

}







/*

==========

Post Tab

==========

*/



.nav-pills {

line-height: 45px;

margin: 0;

padding: 0;

text-align: center;

margin-bottom: 80px !important;

}

.nav-pills li{

	float: left;

	color: #fff;

	border: 0;

	margin: 0;

	width: 23%;

	background: #121c27;

	margin-right: 15px;

}

.nav-pills li a{

	padding: 0 30px;

	text-decoration: none;

	outline: 0;

	display: block;

	line-height: 25px;

	color: #fff;

	font-size: 19px;

	font-weight: 600;

	margin: 0;

	padding: 20px 20px 19px;

	border-radius:0;

}

.nav-pills li.active a,

.nav-pills li.active a:focus,

.nav-pills li.active a:hover {

	color: #121c27 !important;

	background: #fff !important;

}

.nav>li>a:focus,

.nav>li>a:hover {

text-decoration: none;

background-color: transparent !important;

}

.nav-pills li i {

	font-size: 30px;

	display: block;

	padding-bottom: 8px;

}

/* Tab Content */



.tab_pan_content {

padding-left: 35px;

padding-top: 11px;

}

.post_tab_thumb {

    -webkit-box-shadow: 13px 10px 14px 3px rgba(12,90,219,.1);

    box-shadow: 13px 10px 14px 3px rgba(12,90,219,.1);

    border-radius: 10px;

}

.post_tab_thumb img {

	width: 100%;

	border-radius: 10px;

}

.tab_pan_content h2 {

padding-bottom: 17px;

font-size: 24px;

margin-top: 0;

}

.tab_pan_content .tab_desc {

margin-bottom: 17px;

}

.tab_pan_content ul {

	list-style: none;

	margin: 26px 0 20px;

}

.tab_pan_content ul li {

	margin-bottom: 12px;

	font-weight: 600;

	font-family: 'Muli', sans-serif;

	font-size: 16px;

	margin-left: 20px;

}

.tab_pan_content ul li i {

	color: #121c27;

	margin-right: 7px;

}

.tab_pan_content a {

	display: inline-block;

	font-size: 17px;

	color: #fff;

	background: #121c27;

	border-radius: 6px;

	padding: 16px 40px;

	margin-top: 20px;

	-webkit-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

	margin-right: 15px;

}

a.active-tab-btn {

background: #00247e;

}

.tab_pan_content a:hover {

background: #00247e;

}

a.active-tab-btn:hover {

background: #121c27;

}





@media (min-width: 768px){

.em_tab_inner .col-md-6 {

float: left ;

}}



/* Tab Style Two */

.tab_post_style2 .nav-pills {

border-bottom: 0 !important;

margin-bottom: 27px !important;

}

.tab_post_style2 .nav-pills>li.active>a:before {

display: none;

}

.tab_post_style2 .nav-pills li i {

font-size: 39px;

margin-bottom: 0;

color: #FF3C00;

width: 90px;

height: 90px;

line-height: 90px;

-webkit-box-shadow: 0 0 22px rgba(0, 0, 0, 0.15);

box-shadow: 0 0 22px rgba(0, 0, 0, 0.15);

border-radius: 100%;

margin-bottom: 10px;

-webkit-transition: .3s;

-o-transition: .3s;

transition: .3s;

}

.tab_post_style2 .nav-pills>li i:hover,

.tab_post_style2 .nav-pills>li.active i {

background: #FF3C00;

color: #fff;

}









/*

==========

Blog Post

==========

*/

.blog_style_one .datatech-single-blog_adn {

    border: 0;

}

.blog_style_one .em-blog-content-area_adn {

    overflow: hidden;

    padding: 25px 20px 25px;

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

    background: #fff;

    margin: 15px 20px;

    position: relative;

    margin-top: -25px;

    border-radius: 5px;

}

.datatech-single-blog_adn {

    margin-bottom: 30px;

    overflow: hidden;

    text-align: left;

    -webkit-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

    background: #fff;

    border: 1px solid #ebebeb;

}

.dark-version .datatech-single-blog_adn {

	background: #0B0E3C;

	border: 1px solid rgba(255,255,255,0.1);

}

.datatech-single-blog_adn:hover {

  -webkit-box-shadow: 0 5px 30px rgba(0,0,0,0.2);

          box-shadow: 0 5px 30px rgba(255,255,255,0.2) !important;

}

/* BLOG THUMB CSS */



.blog_adn_thumb_inner {

	position: relative;

}

.datatech-blog-thumb_adn {

	overflow: hidden;

	position: relative;

}

.datatech-blog-thumb_adn a {

	position: relative;

}



.datatech-blog-thumb_adn a {

	display: block;

}

.datatech-blog-thumb_adn img {



}





/* BLOG TITLE AND CONTENT CSS */

.em-blog-content-area_adn {

    overflow: hidden;

    padding: 25px 20px 25px;

}

.blog-page-title_adn h2 {

    font-size: 21px;

    margin: 10px 0 7px;

    line-height: 1.2;

}

.blog-page-title_adn a {

    margin-bottom: 0;

    text-transform: none;

    -webkit-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    color: #232323;

    font-weight: 800;

}

.blog-page-title_adn a:hover {

	color: #121c27;

}

.blog-content_adn h2 a {

	font-size: 15px;

	font-weight: 700;

	text-transform: uppercase;

}

.blog-content_adn h2 a:hover {

	color: #121c27;

}

.blog-content_adn p {

    margin: 16px 0 15px;

}

.blog-page-title_adn2 {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	text-align: center;

	z-index: 9999;

}

.blog-page-title_adn2 h2 {

	margin: 0px;

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

	padding: 15px;

	color: #fff;

	-webkit-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

}

.blog-page-title_adn2 h2 a {

	color: #fff;

}

/* BLOG POST META LEFT CSS */

.datatech-blog-meta_adn {

	border-top: 1px solid #121c27;

	margin-top: 18px;

	padding-top: 11px;

}

.datatech-blog-meta-left_adn a,

.datatech-blog-meta-left_adn span {

	color: #595555;

	font-size: 15px;

	margin-right: 16px;

	text-transform: capitalize;

	-webkit-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

	display: inline-block;

	text-decoration: none;

	position: relative;

}

.datatech-blog-meta-left_adn a::before {

	position: absolute;

	content: "";

	right: -11px;

	width: 1px;

	height: 18px;

	background: #595555;

	top: 5px;

}

.datatech-blog-meta-left_adn i {

	margin-right: 0px;

	color: #333;

}



.blog_nospace_adn.col-xs-12 {

	padding: 0px;

}

.blog_nospace_adn .datatech-single-blog {

	margin-bottom: 0px;

}

.btn-link {

    font-weight: 500;

    color: #616161;

    font-size: 16px;

    font-family: Muli;

}

.btn-link:hover {

	text-decoration:none;

    color: #121c27;

}

.btn-link i{

margin-left:5px;

}

.datatech-blog-meta-top{

	position:absolute; 

	left:30px; 

	top:30px;

}

.datatech-blog-meta-top li{

	display:inline-block;

}

.datatech-blog-meta-top li a {

    display: inline-block;

    background: #121c27;

    padding: 0 16px;

    line-height: 19px;

    font-size: 10px;

    text-transform: uppercase;

    font-weight: 700;

    color: #fff;

    border-radius: 5px;

}



.learn_btn{

    border: 2px solid #121c27;

    display: inline-block;

    padding: 8px 21px;

    border-radius: 30px;

    font-weight: 700;

    margin-top: 10px;

    transition: .4s;

    color: #121c27;

}

.learn_btn:hover {

    color: #fff;

    background: #121c27;

}

.learn_btn i{

    margin-left: 10px;

}





/*

==========

Portfolio

==========

*/



.portfolio_nav {

    padding: 0px 0 15px;

    text-align: center;

}



.portfolio_nav ul {

	margin-bottom: 30px;

	text-align:center;

}



.portfolio_nav ul li {

	display: inline;

}

.portfolio_nav ul li {

    border: medium none;

    font-size: 16px;

    line-height: 1;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    cursor: pointer;

    text-transform: capitalize;

    padding: 9px 15px;

    font-weight: 500;

    letter-spacing: 0;

    position: relative;

    margin: 0 3px;

    margin-bottom: 7px;

    display: inline-block;

    border-radius: 5px;

}



.portfolio_nav ul li:hover,

.portfolio_nav ul li.current_menu_item {

	color: #fff;

	background:#121c27;

}



.portfolio_nav ul li:first-child {

	border-left: 0;

}



.prot_wrap {

	overflow: hidden;

}





/* single gallery css */

.single_protfolio {

	position: relative;

	margin-bottom: 30px;

	overflow: hidden;

}

.prot_thumb {

    position: relative;

}

.prot_thumb::before {

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

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

    transition:.5s;

    opacity: 0;

}

.single_protfolio:hover .prot_thumb::before{

    opacity: 1;

}

.prot_thumb img {

	display: block;

	-webkit-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

	width: 100%;

}

.prot_content {

    position: absolute;

    text-align: center;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    top: 90px;

    left: 38%;

    opacity: 0;

    background: transparent;

    margin: auto;

    text-align: left;

    padding: 0;

    border-radius: 5px;

}

.single_protfolio:hover .prot_content {

	opacity:1;

    top:100px;

}

.multi_gallery.prot_content {

	height: 90%;

	width: 80%;

	right: 10%;

	top: 5%;

	bottom: 5%;

	left: 10%;

}



.porttitle_inner {

    padding: 20px 20px 22px;

    border-radius: 5px;

    text-align: center;

    box-shadow: 0 0 30px 0 rgba(32,43,76,.1);

    margin: -39px 22px 28px;

    position: relative;

    background: #fff;

    transition: .5s;

}

.porttitle_inner p {

    margin-bottom: 6px;

    color:#121c27;

}

.porttitle_inner h3 {

    margin: 8px 0 0px;

    text-transform: capitalize;

    color: #fff;

    font-size: 20px;

    font-weight: 600;

}

.porttitle_inner h3 a {

    font-size: 20px;

    font-weight: 700;

    text-transform: capitalize;

    color: #232323;

}



.porttitle_inner p span {

	display: inline-block;

	padding-top: 0px;

}

.porttitle_inner span {

	position: relative;

	margin: 0 2px;

}

.prot_content span:before {

	bottom: 0;

	content: ",";

	position: absolute;

	right: -5px;

}



.porttitle_inner span:last-child:before {

	content: "";

}



.nospace.col-xs-12 {

	padding: 0px;

}

.nospace .single_protfolio {

	margin-bottom: 0px;

}

/* load button css */

.gallery_load_button a {

	border: 1px solid #ddd;

	color: #444;

	padding: 7px 15px;

	display: inline-block;

	font-size: 17px;

	margin-top: 0px;

}

.gallery_load_button a:hover {

	border-color: #333;

	background: #333;

	color: #fff;

}

.prot_wrap.nospace .gallery_load_button a {

	margin-top: 30px;

}

/* portfolio icon css */

.picon {

    margin-bottom: 25px;

}

.picon a {

    background: #fff none repeat scroll 0 0;

    border-radius: 50%;

    color: #121c27;

    display: inline-block;

    font-size: 18px;

    height: 40px;

    line-height: 40px;

    margin: 0 3px 0;

    width: 40px;

    text-align: center;

}

.picon a:hover {

	background: #00247E;

	color: #fff;

}



/*

==================

Tab

==================

*/



.tab .nav-tabs li{

	text-align: center;

    background: transparent;

	margin-right: 6px;

}



.tab .nav-tabs li.active {

    background: transparent;

}



.tab .nav-tabs li.active a{

	color: #121c27;

}



.tab .nav-tabs li a {

    color: #232323;

    text-decoration: none;

    display: block;

    padding: 10px 1px;

    font-weight: 700;

    margin-right: 53px;

}



.tab .nav-tabs {

    border-bottom: 2px solid #EEEEEE;

}

.tab .tab-content {

    background: #fff;

    padding: 15px 0px 20px;

}

.tab .tab-content h2 {

    font-size: 36px;

    font-weight: 700;

}

.tab .tab-content h2 span {

   color:#F16822;

}

.tab-content p {

    font-size: 16px;

    margin: 15px 0 0;

    text-align: justify;

}





.tab .tab-content .button a{

	color: #fff;

}



/* Style Two */

.tab.style-two .nav-tabs li{

    background: transparent;

}

.tab.style-two .nav-tabs li.active {

    background: #121c27;

}

.tab.style-two .nav-tabs li.active a{

    color: #fff;

}

.tab.style-two .tab-content{

    background: transparent;

}

/* .tab.style-two .tab-content p{

    color: rgba(255, 255, 255, 0.81)

}

 */



/*

==================

Effective Slider

==================

*/





.effective-area {

    min-height: 950px;

    padding: 0;

    position: relative;

}



.effective-area.overlay-white::after,

.effective-area .overlay-dark::after {

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

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	right: 0;

	top: 0;

	width: 100%;

	z-index: -1;

}



.overlay-white:after {

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

}



.effective-content {

	left: 0;

	margin: 0 auto;

	position: absolute;

	right: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	    transform: translateY(-50%);

	z-index: 1;

}



.effective-content h1 {

	font-size: 17px;

	font-weight: 500;

	margin-bottom: 30px;

	color: #fff;

	/* letter-spacing: 1px; */

}



.effective-content h2 {

	color: #fff;

	font-size: 65px;

	text-transform: uppercase;

	margin: 0;

	padding: 25px 0 0;

}



.effective-content>h5 {

	color: #fff;

	font-size: 26px;

	font-weight: 600;

	text-transform: uppercase;

}



.effective-content p {

    font-size: 18px;

    margin: 13px auto 32px;

    width: 53%;

    color: #fff;

}



.effective-area .btn {

	margin-top: 30px;

}



.scroll-next {

	bottom: 10px;

	left: 0;

	position: absolute;

	right: 0;

	z-index: 1;

}



.scroll-next>a {

	border-radius: 20px;

	display: inline-block;

	height: 30px;

	width: 30px;

	position: relative;

}



.scroll-next i {

	color: #fff;

	font-size: 40px;

	left: 0;

	position: absolute;

	right: 0;

	top: -106px;

}



.effective_icon_inner {

	margin-top: 26px;

}



.effective_icon_inner a {

	display: inline-block;

	font-size: 19px;

	color: #fff;

	margin: 0px 10px;

}



.effective_slider_btn a {

    padding: 14px 36px;

    background: #121c27;

    color: #fff;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    font-weight: 600;

    text-transform: uppercase;

    border-radius: 4px;

    display: inline-block;

    margin: 0 9px;

}



.effective_slider_btn a:hover {

	background: #fff;

	color: #121c27;

}



/* Circle Progress */

.circle-progress h2{

    text-align: center;

    font-size: 18px;

}



.progress {

  width: 100px;

  height: 100px;

  line-height: 150px;

  background: none;

  margin: 0 auto;

  box-shadow: none;

  position: relative;

}

.progress:after {

  content: "";

  width: 100%;

  height: 100%;

  border-radius: 50%;

  border: 10px solid #eee;

  position: absolute;

  top: 0;

  left: 0;

}

.progress > span {

  width: 50%;

  height: 100%;

  overflow: hidden;

  position: absolute;

  top: 0;

  z-index: 1;

}

.progress .progress-left {

  left: 0;

}

.progress .progress-bar {

  width: 100%;

  height: 100%;

  background: none;

  border-width: 10px;

  border-style: solid;

  position: absolute;

  top: 0;

  border-color: #121c27;

}

.progress .progress-left .progress-bar {

  left: 100%;

  border-top-right-radius: 75px;

  border-bottom-right-radius: 75px;

  border-left: 0;

  -webkit-transform-origin: center left;

  transform-origin: center left;

}

.progress .progress-right {

  right: 0;

}

.progress .progress-right .progress-bar {

  left: -100%;

  border-top-left-radius: 75px;

  border-bottom-left-radius: 75px;

  border-right: 0;

  -webkit-transform-origin: center right;

  transform-origin: center right;

}

.progress .progress-value {

  display: flex;

  border-radius: 50%;

  font-size: 20px;

  text-align: center;

  line-height: 20px;

  align-items: center;

  justify-content: center;

  height: 100%;

  width: 100%;

  font-weight: 700;

  color: #121c27;

}



.progress .progress-value span {

  font-size: 18px;

  text-transform: uppercase;

}



/* This for loop creates the 	necessary css animation names 

Due to the split circle of progress-left and progress right, we must use the animations on each side. 

*/

.progress[data-percentage="10"] .progress-right .progress-bar {

  animation: loading-1 1.5s linear forwards;

}

.progress[data-percentage="10"] .progress-left .progress-bar {

  animation: 0;

}



.progress[data-percentage="20"] .progress-right .progress-bar {

  animation: loading-2 1.5s linear forwards;

}

.progress[data-percentage="20"] .progress-left .progress-bar {

  animation: 0;

}



.progress[data-percentage="30"] .progress-right .progress-bar {

  animation: loading-3 1.5s linear forwards;

}

.progress[data-percentage="30"] .progress-left .progress-bar {

  animation: 0;

}



.progress[data-percentage="40"] .progress-right .progress-bar {

  animation: loading-4 1.5s linear forwards;

}

.progress[data-percentage="40"] .progress-left .progress-bar {

  animation: 0;

}



.progress[data-percentage="50"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="50"] .progress-left .progress-bar {

  animation: 0;

}



.progress[data-percentage="60"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="60"] .progress-left .progress-bar {

  animation: loading-1 1.5s linear forwards 1.5s;

}



.progress[data-percentage="70"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="70"] .progress-left .progress-bar {

  animation: loading-2 1.5s linear forwards 1.5s;

}



.progress[data-percentage="80"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="80"] .progress-left .progress-bar {

  animation: loading-3 1.5s linear forwards 1.5s;

}



.progress[data-percentage="90"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="90"] .progress-left .progress-bar {

  animation: loading-4 1.5s linear forwards 1.5s;

}



.progress[data-percentage="100"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="100"] .progress-left .progress-bar {

  animation: loading-5 1.5s linear forwards 1.5s;

}



@keyframes loading-1 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(36);

    transform: rotate(36deg);

  }

}

@keyframes loading-2 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(72);

    transform: rotate(72deg);

  }

}

@keyframes loading-3 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(108);

    transform: rotate(108deg);

  }

}

@keyframes loading-4 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(144);

    transform: rotate(144deg);

  }

}

@keyframes loading-5 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(180);

    transform: rotate(180deg);

  }

}



/* bounce-animate */

.bounce-animate {

  animation-name: float-bob;

  animation-duration: 2s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -moz-animation-name: float-bob;

  -moz-animation-duration: 2s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob;

  -ms-animation-duration: 2s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob;

  -o-animation-duration: 2s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear; }

.bounce-animate2 {

  animation-name: float-bob2;

  animation-duration: 3s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -moz-animation-name: float-bob2;

  -moz-animation-duration: 3s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob2;

  -ms-animation-duration: 3s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob2;

  -o-animation-duration: 3s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear; }

.bounce-animate3 {

  animation-name: float-bob3;

  animation-duration: 4s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -moz-animation-name: float-bob3;

  -moz-animation-duration: 4s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob3;

  -ms-animation-duration: 4s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob3;

  -o-animation-duration: 4s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear; }

.bounce-animate4 {

  animation-name: float-bob4;

  animation-duration: 5s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -moz-animation-name: float-bob4;

  -moz-animation-duration: 5s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob4;

  -ms-animation-duration: 5s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob4;

  -o-animation-duration: 5s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear; }

 .bounce-animate5 {

  animation-name: float-bob5;

  animation-duration: 6s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -moz-animation-name: float-bob5;

  -moz-animation-duration: 6s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob5;

  -ms-animation-duration: 6s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob5;

  -o-animation-duration: 6s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear; }

@-webkit-keyframes float-bob {

  0% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px); }

  50% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px); }

  100% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px); } }

@-webkit-keyframes float-bob2 {

  0% {

    -webkit-transform: translateY(-60px);

    transform: translateY(-60px); }

  50% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px); }

  100% {

    -webkit-transform: translateY(-60px);

    transform: translateY(-60px); } }

@-webkit-keyframes float-bob3 {

  0% {

    -webkit-transform: translateY(-40px);

    transform: translateY(-40px); }

  50% {

    -webkit-transform: translateY(-25px);

    transform: translateY(-25px); }

  100% {

    -webkit-transform: translateY(-40px);

    transform: translateY(-40px); } }

@-webkit-keyframes float-bob4 {

  0% {

    -webkit-transform: translateY(-70px);

    transform: translateY(-70px); }

  50% {

    -webkit-transform: translateY(-35px);

    transform: translateY(-35px); }

  100% {

    -webkit-transform: translateY(-70px);

    transform: translateY(-70px); } }

@-webkit-keyframes float-bob5 {

  0% {

    -webkit-transform: translateY(-75px);

    transform: translateY(-75px); }

  50% {

    -webkit-transform: translateY(-35px);

    transform: translateY(-35px); }

  100% {

    -webkit-transform: translateY(-75px);

    transform: translateY(-75px); } }

@-webkit-keyframes movebounce {

  0% {

    -webkit-transform: translateY(0px);

            transform: translateY(0px);

  }

  50% {

    -webkit-transform: translateY(20px);

            transform: translateY(20px);

  }

  100% {

    -webkit-transform: translateY(0px);

            transform: translateY(0px);

  }

}



@keyframes movebounce {

  0% {

    -webkit-transform: translateY(0px);

            transform: translateY(0px);

  }

  50% {

    -webkit-transform: translateY(20px);

            transform: translateY(20px);

  }

  100% {

    -webkit-transform: translateY(0px);

            transform: translateY(0px);

  }

}



@-webkit-keyframes moveleftbounce {

  0% {

    -webkit-transform: translateX(0px);

            transform: translateX(0px);

  }

  50% {

    -webkit-transform: translateX(20px);

            transform: translateX(20px);

  }

  100% {

    -webkit-transform: translateX(0px);

            transform: translateX(0px);

  }

}



@keyframes moveleftbounce {

  0% {

    -webkit-transform: translateX(0px);

            transform: translateX(0px);

  }

  50% {

    -webkit-transform: translateX(20px);

            transform: translateX(20px);

  }

  100% {

    -webkit-transform: translateX(0px);

            transform: translateX(0px);

  }

}





@keyframes service_hexagon {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@-moz-keyframes service_hexagon {

    0% {

        -moz-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    100% {

        -moz-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@-o-keyframes service_hexagon {

    0% {

        -o-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    100% {

        -o-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes service_hexagon {

    0% {

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    100% {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}

/* Service Details */

.menu-service-menu-container ul {

    list-style: none;

    padding: 0;

}

.menu-service-menu-container ul li {

     list-style: none;

    margin-bottom: 2px;

}



.menu-service-menu-container ul li a {

	position: relative;

	display: block;

	padding: 14px 15px 14px 18px;

	background-color: #F3F6F9;

	font-weight: 600;

	font-size: 17px;

	-webkit-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

	color: #232323;

	position:relative;

}

.menu-service-menu-container ul .current_page_item a {

	background-color: #121c27;

	color: #fff;

}



.menu-service-menu-container ul li a::after {

	content: '\f105';

	position: absolute;

	right: 16px;

	top: 12px;

	font-size: 17px;

	font-family: 'FontAwesome';

}



.menu-service-menu-container ul li a:hover{

	color:#fff;

	background:#121c27;

}





/* Hero Section */

.hero-single-slide{

    min-height: 887px;

    position: relative;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    overflow: hidden;    

}

.hero-content-left h1 {

    font-size: 50px;

    margin-bottom: 0;

    margin-top: 0;

    font-weight: 800;

    line-height: 1.1;

}

.hero-content-left h2 {

    font-size: 50px;

    font-weight: 800;

    margin-bottom: 20px;

    margin-top: 0;

    line-height: 1.2;

}

.hero-content-left h3 {

    font-size: 25px;

    font-weight: 600;

    margin-bottom: 10px;

}

.hero-content-left p {

    padding-right: 70px;

    margin-bottom: 35px;

}



.banner_shape {

	position: relative;

}

.banner_shape_inner1 {

	position: absolute;

	top: 156px;

	left: 24%;

}

.banner_shape_inner2 {

	position: absolute;

	top: 220px;

	left: 56%;

}

.banner_shape_inner3 {

	position: absolute;

	top: 162px;

	left: 92%;

}

.banner_shape_inner4 {

	position: absolute;

	top: 371px;

	left: 190px;

}

.banner_shape_inner5 {

	position: absolute;

	right: -140px;

	top: 342px;

}

.slider-shape2-inner1 {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: auto;

    z-index: -1;

}

/* Appoinment Form */



.appointment-form{

    background: #fff;

    padding: 32px 50px 9px;

    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%);

    border-radius: 7px;

    text-align: center;

}

.appointment-form h2{

    font-size: 25px;

}

.em-service.style_4 {

    margin: 0 5px !important;

    border: 1px solid #eee;

    border-radius: 5px;

    border-bottom: 3px solid #121c27;

}

.em-service.style_4  .em_service_content {

    overflow: hidden;

    padding: 20px 25px 30px;

}

.em-service.style_4 .em-service-icon i {

    width: 80px;

    height: 80px;

    line-height: 80px;

    background: #121c27;

    color: #fff;

    text-align: center;

    font-size: 40px;

    border-radius: 4px;

    display: block;

}

.em-service.style_4 .em-service-title h2 {

    font-size: 22px;

}

.em-service.style_4 .service-btn > a {

    color: #121c27;

    font-size: 13px;

    font-weight: 700;

    text-transform: uppercase;

}

.em-service.style_4 .em-service-icon {

    position: relative;

    margin-top: -43px;

    margin-left: 25px;

}



.service_cursousel_sliderr  .slick-dots {

    bottom: -35px !important;

    position: relative;

    text-align:center;

}



.service_cursousel_sliderr .slick-dots li button {

    background-color: #b1cdfb;

}

.slick-dots .slick-active button {

    background-color: #121c27 !important;

}







    

    

.circles {

    overflow: hidden;

    width: 100%;

    position: absolute;

    height: 100%;

    right: 0;

    left: 0;

    margin: auto;

    text-align: center;

}

.point {

    border-radius: 50%;

    z-index: 999;

    position: absolute;

}

.animated-point-1 {

    background-color: red;

    height: 12px;

    width: 12px;

    position: relative;

    -webkit-animation-name: p1;

    -webkit-animation-duration: 80s;

    -webkit-animation-iteration-count: infinite;

    animation-name: p1;

    animation-duration: 80s;

    animation-iteration-count: infinite;

}



.animated-point-2 {

    background-color: green;

    height: 15px;

    width: 15px;

    position: relative;

    -webkit-animation-name: p2;

    -webkit-animation-duration: 90s;

    -webkit-animation-iteration-count: infinite;

    animation-name: p2;

    animation-duration: 90s;

    animation-iteration-count: infinite

}



.animated-point-3 {

    background-color: orange;

    height: 8px;

    width: 8px;

    position: relative;

    -webkit-animation-name: p3;

    -webkit-animation-duration: 80s;

    -webkit-animation-iteration-count: infinite;

    animation-name: p3;

    animation-duration: 80s;

    animation-iteration-count: infinite

}



.animated-point-4 {

    background-color: pink;

    height: 10px;

    width: 10px;

    position: relative;

    -webkit-animation-name: p4;

    -webkit-animation-duration: 80s;

    -webkit-animation-iteration-count: infinite;

    animation-name: p4;

    animation-duration: 80s;

    animation-iteration-count: infinite

}



.animated-point-5 {

    background-color: #ffc64c;

    height: 12px;

    width: 12px;

    position: relative;

    -webkit-animation-name: p5;

    -webkit-animation-duration: 50s;

    -webkit-animation-iteration-count: infinite;

    animation-name: p5;

    animation-duration: 50s;

    animation-iteration-count: infinite

}



.animated-point-6 {

    background-color: #ffc64c;

    height: 10px;

    width: 10px;

    position: relative;

    -webkit-animation-name: p6;

    -webkit-animation-duration: 70s;

    -webkit-animation-iteration-count: infinite;

    animation-name: p6;

    animation-duration: 70s;

    animation-iteration-count: infinite

}



.animated-point-7 {

    background-color: orange;

    height: 14px;

    width: 14px;

    position: relative;

    -webkit-animation-name: p7;

    -webkit-animation-duration: 70s;

    -webkit-animation-iteration-count: infinite;

    animation-name: p7;

    animation-duration: 70s;

    animation-iteration-count: infinite

}



.animated-point-8 {

    background-color: purple;

    height: 8px;

    width: 8px;

    position: relative;

    -webkit-animation-name: p8;

    -webkit-animation-duration: 50s;

    -webkit-animation-iteration-count: infinite;

    animation-name: p8;

    animation-duration: 50s;

    animation-iteration-count: infinite

}



.animated-point-9 {

    background-color: purple;

    height: 12px;

    width: 12px;

    position: relative;

    -webkit-animation-name: p9;

    -webkit-animation-duration: 100s;

    -webkit-animation-iteration-count: infinite;

    animation-name: p9;

    animation-duration: 100s;

    animation-iteration-count: infinite

}



/*animation shape home-1*/

@-webkit-keyframes p1 {

    0% {

        left: 0px;

        top: 0px

    }

    50% {

        left: 0;

        top: 800px

    }

    100% {

        left: 0px;

        top: 0px

    }

}



@keyframes p1 {

    0% {

        left: 800px;

        top: 0px

    }

    50% {

        left: 0px;

        top: 800px

    }

    100% {

        left: 800px;

        top: 0px

    }

}



@-webkit-keyframes p2 {

    0% {

        left: 0;

        top: 100px

    }

    50% {

        left: 0;

        top: 800px

    }

    100% {

        left: 0;

        top: 100px

    }

}



@keyframes p2 {

    0% {

        left: 0;

        top: 100px

    }

    50% {

        left: 0px;

        top: 800px

    }

    100% {

        left: 0;

        top: 100px

    }

}



@-webkit-keyframes p3 {

    0% {

        left: 300px;

        top: 900px

    }

    50% {

        left: 500px;

        top: 0px

    }

    100% {

        left: 300px;

        top: 900px

    }

}



@keyframes p3 {

    0% {

        left: 300px;

        top: 900px

    }

    50% {

        left: 500px;

        top: 0px

    }

    100% {

        left: 300px;

        top: 900px

    }

}



@-webkit-keyframes p4 {

    0% {

        left: 1000px;

        top: 500px

    }

    50% {

        left: 00px;

        top: 500px

    }

    100% {

        left: 1000px;

        top: 500px

    }

}



@keyframes p4 {

    0% {

        left: 1000px;

        top: 500px

    }

    50% {

        left: 0px;

        top: 500px

    }

    100% {

        left: 1000px;

        top: 500px

    }

}



@-webkit-keyframes p5 {

    0% {

        left: 500px;

        top: 1000px

    }

    50% {

        left: 50%;

        top: 0px

    }

    100% {

        left: 500px;

        top: 1000px

    }

}



@keyframes p5 {

    0% {

        left: 500px;

        top: 1000px

    }

    50% {

        left: 50%;

        top: 0px

    }

    100% {

        left: 500px;

        top: 1000px

    }

}



@-webkit-keyframes p6 {

    0% {

        left: 500px;

        top: 200px

    }

    50% {

        left: 50%;

        top: 70%

    }

    100% {

        left: 500px;

        top: 200px

    }

}



@keyframes p6 {

    0% {

        left: 500px;

        top: 200px

    }

    50% {

        left: 50%;

        top: 70%

    }

    100% {

        left: 500px;

        top: 200px

    }

}



@-webkit-keyframes p7 {

    0% {

        left: 50px;

        top: 10%

    }

    50% {

        left: 50%;

        top: 10%

    }

    100% {

        left: 50px;

        top: 10%

    }

}



@keyframes p7 {

    0% {

        left: 50px;

        top: 10%

    }

    50% {

        left: 50%;

        top: 10%

    }

    100% {

        left: 50px;

        top: 10%

    }

}



@-webkit-keyframes p8 {

    0% {

        left: 0;

        top: 20%

    }

    50% {

        left: 50%;

        top: 20%

    }

    100% {

        left: 0;

        top: 20%

    }

}



@keyframes p8 {

    0% {

        left: 0;

        top: 20%

    }

    50% {

        left: 50%;

        top: 20%

    }

    100% {

        left: 0;

        top: 20%

    }

}



@-webkit-keyframes p9 {

    0% {

        left: 1000px;

        top: 100px

    }

    50% {

        left: 500px;

        top: 950px

    }

    100% {

        left: 1000px;

        top: 100px

    }

}



@keyframes p9 {

    0% {

        left: 1000px;

        top: 100px

    }

    50% {

        left: 500px;

        top: 950px

    }

    100% {

        left: 1000px;

        top: 100px

    }

}







/*

==================

Roadmap

==================

*/



.education-timline {

    text-align: center!important;

    position: relative;

    padding: 0px;

    display: block;

    overflow: hidden;

}



.education-timline::before {

    position: absolute;

    top: 0;

    left: calc(50% - 1px);

    bottom: 0;

    width: 2px;

    background-color: var(--primary-color);

    border-radius: 4rem;

    content: ' ';

}



.single-education {

    position: relative;

    float: left;

    width: 100%;

}



.single-education:not(:last-child) {

    margin-bottom: 65px;

}



.education_points::after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    content: ' ';

    background-color: var(--primary-color);

    z-index: 0;

    -webkit-animation: video-icon-animation 1.4s 0.7s linear infinite;

            animation: video-icon-animation 1.4s 0.7s linear infinite;

}

.education_points {

    position: absolute;

    top: 0;

    left: calc(50% - 15px);

    width: 30px;

    height: 30px;

    border-radius: 50%;

    border: 5px solid #fff;

    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);

            box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);

}

.education_text {

    float: right;

    text-align: left;

    padding-top: 4px;

    padding: 0 20px 0;

    position: relative;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.education_text h3 {

    font-size: 22px;

    text-transform: capitalize;

    /* font-weight: 500;  */

    margin: 0;

    margin-bottom: 5px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    color: var(--title-color);

    margin-top: 0;

}

.education_text span {

    font-size: 15px;

    color: #666;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.education_text p {

    margin-top: 19px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.education-date {

    text-align: right;

    display: inline-block;

    padding-right: 0px;

}

.education-date span {

    background: var(--primary-color);

    display: inline-block;

    padding: 4px 28px;

    border-radius: 30px;

    font-size: 16px;

    color: #fff;

}



.education-date {

    font-size: 19px;

    font-weight: 500;

}



.education-date,

.education_text {

    width: 46%;

}



.education-timline .single-education:nth-child(even) .education_text {

    float: left;

    text-align: right;

}



.education-timline .single-education:nth-child(even) .education-date {

    text-align: left;

    padding-left: 50px;

    padding-right: 0;

}

.education-timline .single-education:nth-child(odd) .education-date {

    text-align: right;

    padding-right: 50px;

    padding-left: 0;

}