:root { --primary-color: #f47b13; --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: #f47b13; }

.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: #f47b13; background: #fff; }
.dreamit-slick-slider .style-seven .hero-text-wrap .button-two { color: #fff; background: #f47b13; }
.dreamit-slick-slider .style-seven .hero-text-wrap .btn:hover { color: #fff; background: #f47b13; }
.dreamit-slick-slider .style-seven .hero-text-wrap .button-two:hover { color: #f47b13; background: #fff; }
.dreamit-slick-slider .hero-text-wrap .btn { font-size: 18px; color: #fff; background: #f47b13; 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: #f47b13; }
.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(../../../../../../../../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(../../../../../../../../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: #f47b13; }
.style-eight .hero-text h4:before { position: absolute; content: ""; top: -10px; height: 2px; width: 100%; background: #f47b13; }
.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: 42px; margin-bottom: 0px; text-transform: capitalize; margin-top: 0; line-height: 1.2; font-weight: 800; }

.section-title h5 { color: #f47b13; 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: #f47b13; -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: #f47b13; }
/* 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(../../../../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("../../../../../../../../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: #f47b13; }

.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; display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    height: 100% !important;
    min-height: 365px !important;
    justify-content: space-between !important;}
.style-two.feature-box:before { position: absolute; content: ""; background: #f47b13; 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: #f47b13; 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-icon img { max-width: 55px; }
.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: #f47b13; 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: #f47b13; }
.feature-box.style-five:hover { background: #f47b13; 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: #f47b13; 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: #f47b13; }
.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: #f47b13; }
.feature-box.style-six:hover { background: #f47b13; transform: translateY(-10px); }
.feature-box.style-six .feature-box-icon i { font-size: 48px; color: #f47b13; 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: #f47b13; }
.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: #f47b13; 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: #f47b13; }
    .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: #f47b13; border: 2px solid #f47b13; font-size: 16px; color: #fff; font-weight: 500; padding: 10px 35px; border-radius: 30px; transition: .5s; }
.dreamit-button a:hover { background: transparent; color: #f47b13; }
.style2 .dreamit-button a { position: relative; padding: 14px 44px; z-index: 1; border: 0; }
.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 { color: #fff; }
.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: #f47b13; 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: #f47b13; border: 2px solid #f47b13; 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: #f47b13; }
.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: #f47b13; 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: #f47b13; }
.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: #f47b13; }
.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: #f47b13; }
.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(../../../../../../../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: #f47b13; 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: #f47b13; 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: #f47b13; }


.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: #f47b13; 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: #f47b13; 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: #f47b13; }
.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 30px 45px; transition: .5s; border-radius: 5px; min-height: 350px !important; display: flex !important; flex-direction: column !important; justify-content: space-evenly !important;}
.service-box.service-style-four .service-box-icon { position: relative; display: inline-block; font-size: 60px; width: 130px; height: 130px; line-height: 115px; text-align: center; border-radius: 50%; z-index: 1; transition: all 500ms ease; background: #fff; box-shadow: 0 20px 50px 5px #e9eef7; color: #f47b13; margin-top: -63px; }
.service-box.service-style-four:hover .service-box-icon { background: #f47b13; }
.service-box.service-style-four:hover .service-box-icon i { color: #fff; }
.service-box-icon img {transition: filter 0.3s ease;}
.service-box.service-style-four:hover .service-box-icon img {filter: brightness(0) invert(1);}

.service-box.service-style-four .service-box-icon i { color: #f47b13; font-size: 55px; }
.service-box.service-style-four .service-box-icon img { max-width:75px; }
.service-box.service-style-four .service-box-title { margin-top: 53px; }
.service-box.service-style-four .service-box-content h2 { font-size: 22px; }
.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: #f47b13; text-decoration: underline; font-weight: 600; font-size: 16px; }

@media (max-width: 768px) {
    .service-box.service-style-four { text-align: center; padding: 0 10px 45px; align-items: center;}
    .service-box.service-style-four .service-box-icon { margin-top: 70px; }

    [data-id="1f057bb"] h5 { font-size: 28px; }
}

.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: #f47b13; }
.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: #f47b13; }
.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: #f47b13; }
.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: #f47b13; 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: #f47b13; 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: #f47b13; }
.service-style-five .service-btn > a { color: #232323; font-size: 13px; font-weight: 500; }
.service-style-five .service-btn > a:hover { color: #f47b13; }

.style-five .service-btn > a { color: #f47b13; 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(../../../../../../../../localhost/datatech/wp-content/uploads/2021/08/service-sp.html); 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: #f47b13; 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: #f47b13; 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: #f47b13; }

/* 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 #f47b13; }
.service-box.service-style-eight .service-box-icon i { width: 95px; height: 95px; line-height: 95px; background: #f47b13; 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: #f47b13; display: inline-block; border: 2px solid #f47b13; }
.service-box.service-style-eight:hover .service-btn a i { background: #f47b13; color: #fff; }
.service-box.service-style-eight .service-btn a i { margin-left: 0; font-size: 21px; width: 50px; height: 50px; color: #f47b13; 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(../../../../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: #f47b13; 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(../../../../../../../../localhost/datatech/wp-content/uploads/2021/08/shape.html); z-index: -1; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: .s; }
.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 #f47b13; 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: #f47b13; }
.service-box.service-style-ten:hover .service-box-icon { background: #fff; }
.service-box.service-style-ten:hover .service-box-icon i { color: #f47b13; }
.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: #f47b13; }
.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: #f47b13; 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: #f47b13; }

.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: #f47b13; }

.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: #f47b13; 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: #f47b13; }

.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: #f47b13; 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: #f47b13; 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: #f47b13; -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: #f47b13; 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: #f47b13; 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(#f47b13), color-stop(40%, #f47b13), color-stop(40%, transparent), to(transparent)); background-image: -o-linear-gradient(left, #f47b13, #f47b13 40%, transparent 40%, transparent 100%); background-image: linear-gradient(90deg, #f47b13, #f47b13 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: #f47b13; 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: #f47b13; 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: #f47b13; 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.html); 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: #f47b13; 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(#f47b13), color-stop(40%, #f47b13), color-stop(40%, transparent), to(transparent)); background-image: -o-linear-gradient(left, #f47b13, #f47b13 40%, transparent 40%, transparent 100%); background-image: linear-gradient(90deg, #f47b13, #f47b13 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: #f47b13; color: #fff; border-color: #f47b13; }
.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 #f47b13; 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: #f47b13; 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: #f47b13; 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: #f47b13; }
.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: #f47b13; 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: #f47b13; 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: #f47b13; 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: #f47b13; 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(../../../../../../../../localhost/datatech/wp-content/uploads/2021/08/shape56.html); 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: #f47b13; 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(../../../../../../../../localhost/datatech/wp-content/uploads/2021/08/testimonial-shape.html); 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: #f47b13; 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: #f47b13; }
.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: #f47b13; color: #fff; border-color: #f47b13; }
.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: #f47b13; color: #fff; border-color: #f47b13; }
.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: #f47b13; 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: #f47b13; }

.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: #f47b13; 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: #f47b13; 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: #f47b13; }
.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: #f47b13; }
.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(../../../../../../../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(../../../../../../../../localhost/datatech/wp-content/uploads/2021/08/shape001.html); 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: #f47b13; 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: #f47b13; 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: #f47b13; 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: #f47b13; 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: #f47b13; 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: #f47b13; 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: #f47b13; 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: #f47b13; 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 #f47b13; 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: #f47b13; 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: #f47b13; 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; }








/*
==============
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: #f47b13; 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: #f47b13; font-size: 26px; position: relative; }


/* Shape Bg Css */

.shape-bg01 { z-index: -1; }
.shape-bg02 { z-index: -1; }
.new-button a { color: #f47b13; }
.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: #f47b13; 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: #f47b13; }
.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: #f47b13; }
.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: #f47b13; 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: #f47b13; border-color: #f47b13; 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: #f47b13; 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: #f47b13; 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: #f47b13; }

.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: #f47b13; 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: #f47b13; }



/* 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: #f47b13 !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: #f47b13; }
.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: #f47b13; border: 1px solid #f47b13; border-radius: 30px; left: 30%; bottom: -22px; z-index: 1; background: #fff; }
.style-two.single_pricing:hover .order_now a { background: #f47b13; 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: #f47b13; 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: #f47b13; 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: #f47b13; }



/*
==========
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: #f47b13; 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: #f47b13 !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: #f47b13; margin-right: 7px; }
.tab_pan_content a { display: inline-block; font-size: 17px; color: #fff; background: #f47b13; 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: #f47b13; }


@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: #f47b13; }
.blog-content_adn h2 a { font-size: 15px; font-weight: 700; text-transform: uppercase; }
.blog-content_adn h2 a:hover { color: #f47b13; }
.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 #f47b13; 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: #f47b13; }
.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: #f47b13; 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 #f47b13; display: inline-block; padding: 8px 21px; border-radius: 30px; font-weight: 700; margin-top: 10px; transition: .4s; color: #f47b13; }
.learn_btn:hover { color: #fff; background: #f47b13; }
.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: #f47b13; }

.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: #f47b13; }
.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: #f47b13; 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: #f47b13; }

.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: #f47b13; }
.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: #f47b13; 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: #f47b13; }

/* 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: #f47b13; }
.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: #f47b13; }

.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); }
}


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: #f47b13; 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: #f47b13; }


/* 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 #f47b13; }
.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: #f47b13; 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: #f47b13; 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: #f47b13 !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; }