img.main_sticky {
    display: none !important;
}

.sticky img.main_sticky {
    display: inherit !important;
}

.menu a.logo {
    display: inline-block;
    padding: 25px 0 0;
    float: left;
    position: relative;
    z-index: 1;
}



/*============================
 techno	Main Menu Area Css
==============================*/
.techno_nav_manu {
    background: #fff;
    transition: .5s;
    margin-bottom: 0;
    z-index: 999;
    position: relative;
}

.techno_nav_manu.transparent_menu {
    background: transparent;
    margin-bottom: -103px;
    position: relative;
}

.transparent_menu .menu > ul > li a {
    color: #fff;
}

.transparent_menu.up .menu > ul > li a {
    color: #232323;
}

/*style two*/
.style-two.techno_nav_manu {
    background: transparent;
    transition: 0.5s;
    margin-bottom: -87px;
    z-index: 999;
    position: relative;
}

.style-two .techno_menu > ul > li > a {
    color: #fff;
    font-size: 16px;
}


.style-two .donate-btn-header {
    display: inline-block;
    margin-left: 30px;
}

.style-two a.dtbtn {
    -moz-user-select: none;
    background: #fff;
    color: #232323;
    font-size: 16px;
}

/*upper*/
.upper.style-two .donate-btn-header {
    display: inline-block;
    margin-left: 25px;
}

.upper.style-two .donate-btn-header a.seo-button {
    background: #fff;
    color: #0C5ADB;
}

.upper.style-two .donate-btn-header a.seo-button:hover{
    color: #fff;
}

/*style three*/
.style-three .techno_menu > ul > li > a {
    color: #616161;
    font-size: 16px;
    font-weight: 400;
}

/*style four*/
.style-four.techno_nav_manu {
    background: #1137C8;
    height: 97px;
    z-index: 1;
}

.style-four .techno_menu > ul > li > a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

/* techno Menu Css*/
.techno_menu {
    text-align: right;
}

.techno_menu ul {
    text-align: right;
    list-style: none;
    display: inline-block;
}

.techno_menu>ul>li {
 display: inline-block;
 position: relative;
}

.techno_menu > ul > li > a {
    display: block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: relative;
    color: #232323;
    font-weight: 600;
    text-transform: capitalize;
    margin: 30px 10px;
    font-size: 17px;
}

.white .techno_menu > ul > li > a {
    color: #fff;
}

.techno_menu ul li:last-child a {
 margin-right: 0px;
}

.techno_menu>ul>li.current>a {
 color: #00247E;
}

.white .techno_menu>ul>li.current>a {
 color: #fff;
}

/* sub menu style */
.techno_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #fff;
    margin: 0;
    z-index: 1;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    border-top: 2px solid #0c5adb;
}

.techno_menu ul li:hover>.sub-menu {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 visibility: visible;
 top: 100%;
 z-index: 9;
}

.techno_menu ul .sub-menu li {
 position: relative;
}

.techno_menu ul .sub-menu li a {
    display: block;
    padding: 12px 20px;
    margin: 0;
    line-height: 1.3;
    letter-spacing: normal;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    visibility: inherit !important;
    color: #333 !important;
}

.techno_menu ul .sub-menu li:hover>a,
.techno_menu ul .sub-menu .sub-menu li:hover>a,
.techno_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.techno_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
 background:#0c5adb;
 color: #fff !important;
}

.techno_menu ul .sub-menu li a span{
    background: #0C5ADB;
    font-size: 12px;
    color: #fff;
    padding: 3px 5px 2px;
    border-radius: 5px;
}

.techno_menu ul .sub-menu li:hover>a span{
    background: #fff;
    color: #0C5ADB;
}



/* sub menu 2 */
.techno_menu ul .sub-menu .sub-menu {
 left: 100%;
 top: 130%;
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 visibility: hidden;
}

.techno_menu ul .sub-menu li:hover>.sub-menu {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 visibility: visible;
 top: 0%;
}


/* sub menu 3 */
.techno_menu ul .sub-menu .sub-menu li {
 position: relative;
}

.techno_menu ul .sub-menu .sub-menu .sub-menu {
 right: 100%;
 left: auto;
 top: 130%;
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 visibility: hidden;
}

.techno_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 visibility: visible;
 top: 0%;
}


/* sub menu 4 */
.techno_menu ul .sub-menu .sub-menu .sub-menu li {
 position: relative;
}

.techno_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {
}

.techno_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 visibility: visible;
 top: 0%;
}


.donate-btn-header {
    display: inline-block;
    margin-left: 16px;
}

a.dtbtn {
    -moz-user-select: none;
    background: #0c5adb;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    margin-bottom: 0;
    padding: 10px 30px;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.5s ease 0s;
    vertical-align: middle;
    border-radius: 5px;
    border: 2px solid #0c5adb;
    font-weight: 600;
}

a.dtbtn:hover {
    border: 2px solid #00247E;
    background: #00247E;
    color: #fff;
}

a.dtbtn.up:hover {
    border: 2px solid #00247E;
    background: linear-gradient(to left, #2475FC, #1129B9 100%);
    color: #fff;
}

.techno_menu li a:hover:before{
	width:101%;
}

.techno_nav_manu.sticky .logo_img {
    display: none;
}

.main_sticky {
    display: none;
}

.techno_nav_manu.sticky .main_sticky {
    display: inherit;
}

.techno_nav_manu.sticky .techno_menu li a {
    color: #fff;
}

.techno_nav_manu.sticky a.dtbtn {
    color: #0c5adb;
	background:#fff;
	border: 2px solid #fff;
}

.techno_nav_manu.sticky a.dtbtn:hover {
    color: #0c5adb;
}

.mobile-menu.mean-container {
	overflow: hidden;
}

.slider3 {
    background-image: url(assets/images/slider/slider-3.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 900px;
}

/*hero thumb End*/

.slider_text_inner {
    display: inline-block;
}

.slider_text_inner h1  {
    font-size: 39px;
    text-transform: none;
    font-weight: 800;
    color: #fff;
    margin: 0;
    margin: 0;
    line-height: 1.1;
}

.slider_text_inner h1 span{
	color: #0c5adb;
}

.slider_text_inner h5  {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 24px;
    letter-spacing: 1px;
}


.slider_text_inner p {
    width: 70%;
    font-size: 16px;
    padding: 29px 0 22px;
    color: #fff;
}

.slider_text_desc p {
    color: #fff;
    width: 62%;
    font-size: 18px;
    text-align: justify;
}

.text_center .slider_text_desc p {
    margin: auto;
}

/*slider style two*/
.slider15 .single_slider {
    position: relative;
    z-index: 1;
    top: 184px;
}

.slider15 .slider_text_inner {
    display: inline-block;
}

.slider15 .slider_text_inner h1 {
    font-size: 53px;
    text-transform: none;
    font-weight: 800;
    color: #fff;
    margin: 0;
    line-height: 1.3;
    padding: 0 0 0 22px;
    border-left: 5px solid #37BBFF;
}

.slider15 .slider_text_inner h5 {
    font-size: 20px;
    text-transform: none;
    color: #fff;
    font-weight: 600;
    margin: 0 0 24px 44px;
    letter-spacing: 0;
    position: relative;
    z-index: 1;
}

.slider15 .slider_text_inner h5:before {
    position: absolute;
    content: "";
    z-index: 1;
    top: 0;
    left: -42px;
    background: url(assets/images/shape/tick-icon.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

.slider15 .slider_text_inner p {
    width: 100%;
    font-size: 18px;
    padding: 22px 0 0;
    color: #fff;
}

.slider15 .button a {
    background: #33BAFF;
    padding: 15px 35px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 44;
    border-radius: 5px;
    color: #fff;
    margin-top: 4px;
}

/*slider 16*/

.slider16 .slider_text_inner h5 {
    font-size: 18px;
    text-transform: uppercase;
    color: #0C59DB;
    font-weight: 700;
    margin: 0 0 18px 50px;
    letter-spacing: 0;
    position: relative;
    z-index: 1;
}

.slider16 .slider_text_inner h5:before {
    position: absolute;
    content: "";
    left: -48px;
    top: 10px;
    width: 38px;
    height: 1px;
    background: #0C59DB;
}

.slider16 .slider_text_inner h1 {
    font-size: 60px;
    font-weight: 700;
    text-transform: none;
    margin: 0;
    line-height: 65px;
    color: #232323;
}

.slider16 .slider_text_inner p {
    width: 100%;
    font-size: 17px;
    padding: 15px 0 20px;
    color: #616161;
}

/*slider17*/

.slider17 .slider_text_inner h5 {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    margin: 0 0 24px;
    letter-spacing: 0;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.slider17 .slider_text_inner h5:before {
    position: absolute;
    content: "";
    z-index: -1;
    top: -2px;
    right: -10px;
    width: 30px;
    height: 27px;
    background: #6989CA;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 65% 100%);
    transition: .5s;
}

.slider17 .slider_text_inner h1 {
    font-size: 58px;
    text-transform: none;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.2;
}

.slider17 .slider_text_inner p {
    width: 100%;
    padding: 15px 0 10px;
}

.slider17 .button a {
    background: #fff;
    padding: 13px 42px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 44;
    border-radius: 5px;
    color: #0c5adb;
}

.slider17 .upper.button a {
    background: inherit;
    padding: 12px 42px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 44;
    border-radius: 5px;
    color: #fff;
    margin-right: 15px;
    border: 1px solid #ffffff;
}

.slider17 .slider_button span {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 13px 19px 0;
}

/*slider17 all hover*/
.slider17 .slider_text_inner h5:hover:before {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    width: 110%;
}

/* Particles Js Slider */
.effective_slider .slider_text > h1 {
	margin-bottom: 13px;
}

/*Srart slider18*/

.slider18 .slider_text_inner h5 {
    font-size: 20px;
    text-transform: inherit;
    color: #fff;
    font-weight: 600;
    margin: 0 0 24px;
    letter-spacing: 0;
    padding: 0 0 0 36px;
    position: relative;
    z-index: 1;
}

.slider18 .slider_text_inner h5:before {
    position: absolute;
    content: "";
    top: 6px;
    left: 11px;
    width: 15px;
    height: 15px;
    background: #33BAFF;
    border-radius: 15px;
}

.slider18 .slider_text_inner h5:after {
    position: absolute;
    content: "";
    top: -2px;
    left: -1px;
    width: 20px;
    height: 20px;
    background: rgba(255,108,11,0.7019607843137254);
    border-radius: 15px;
}

.slider18 .slider_text_inner h1 {
    font-size: 56px;
    text-transform: none;
    font-weight: 800;
    color: #fff;
    margin: 0;
    line-height: 1.2;
}

.slider18 .slider_text_inner p {
    width: 100%;
    font-size: 18px;
    padding: 23px 0 7px;
    color: #fff;
}

/*hero button*/
.slider18 .slider_button {
    display: inline-block !important;
    padding-right: 30px;
}

.slider18 .button a {
    background: #33BAFF;
    padding: 14px 30px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 44;
    border-radius: 5px;
    color: #fff;
}

.slider18 .button a i {
    margin-left: 5px;
    position: relative;
    top: 2px;
    font-size: 18px;
}

/*end slider area*/

/* Color Black */
.color_black .slider_text_inner h1 {
    color: #232323;
}

.color_black .slider_text_desc p {
    color: #616161;
}

.color_black .slider_text_inner h5 {
    color: #0c5adb;
}

/* Button Css */
.button a {
    background: #0c5adb;
    padding: 16px 32px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
    color: #fff;
}

.button.color_two a {
    background: #00247E;
}

.button.color_two a:before {
    background: #0c5adb;
}

.button.two a {
    padding: 14px 35px;
}

.button.three a {
    background: #fff;
    padding: 14px 35px;
    color: #0c5adb;
}

.button.style-four a {
    background: transparent;
    padding: 10px 30px;
    border-radius: 30px;
    color: #0c5adb;
    border: 2px solid #0c5adb;
}

.button.style-four a:before {
    background: #0c5adb;
}

.button .active {
    background: #00247E;
    margin-left: 25px;
}

.button .active:before {
    background: #0c5adb;
}

.button a i {
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.button a:before {
    position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #00247E;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1;
}

.button a:hover {
    color: #fff;
}

.button a:hover:before {
    width: 180%;
}

.slider12 .button a i {
    font-size: 14px;
}

.slider12 .button a {
    font-size: 17px;
}

.slider12 .button .active {
    background: transparent;
    border: 1px solid #fff;
}

.slider12 .button .active:hover{
	border-color:#0c5adb;
}

.slider13 .slider_text_inner h5, .slider14 .slider_text_inner h5 {
    font-size: 20px;
    color: #0C5ADB;
    margin: 0 0 16px;
}

.slider13 .slider_text_inner h1,
.slider14 .slider_text_inner h1{
    font-size: 60px;
    color: #232323;
}


.slider13 .slider_text_inner p, 
.slider14 .slider_text_inner p {
    width: 67%;
    font-size: 18px;
    padding: 23px 0 11px;
    color: #616161;
    margin: 0;
}

.slider13 .button a,
.slider14 .button a{
    padding: 13px 32px;
    font-size: 18px;
}

.text-left .em-slider-descript {
	margin-left: 0;
	margin-right: auto;
}


.text-center .em-slider-descript {
	margin: 11px auto 28px;
}

.text-right .em-slider-descript {
	margin-right: 0;
	margin-left: auto;
}

.text-center {
	text-align: center;
}

/* slider button */
.em-slider-button.wow.bounceInUp.em-button-button-area.animated {
	padding-top: 19px;
}


.em-nivo-slider-wrapper .nivo-controlNav a:hover,
.em-nivo-slider-wrapper .nivo-controlNav a.active {
	background: #FFA700 none repeat scroll 0 0;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.form-group .btn {
    background: #0C5ADB;
    border: 0;
    display: inline-block;
    text-align: center;
    border-radius: 7px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #fff;
	width:100%;
	height: 54px;
}

.dark.top_feature .techno_flipbox .techno_flipbox_font {
    background: #181b2d;
}

.dark.top_feature .techno_flipbox .flipbox_title h3 {
    color: #fff;
}

.dark .about_icon .icon {
    color: #fff;
}

.dark .singel-about-content h5 {
    color: #fff;
}

.dark .singel-about-content p {
    color: #fff;
}

.dark .cntr_bg_up {
    position: relative;
    margin-bottom: -100px;
}

/*====================================================
--<	Techno Landing area Css -->
======================================================*/
.landing .slider_text_desc p {
    margin: auto;
}

.landing .button {
    margin: auto;
}

/*====================================================
--<	Techno Section Title Css -->
======================================================*/
.section_sub_title h6 {
    letter-spacing: 5px;
    color: #0c5adb;
    font-size: 16px;
}

.section_title.text_center {
	text-align:center;
}

.section_main_title h1,
.section_main_title h2 {
    font-weight: 800;
	margin:0;
}

.text_left .section_main_title h1 {
    margin: 0;
    letter-spacing: -1px;
}

.section_main_title h1 span{
	color:#0c5adb;
}

.section_content_text p {
    font-size: 18px;
}

.text_center .section_content_text p {
    width: 75%;
    margin: auto;
    font-size: 19px;
}

.section_content_text.bold p {
    font-size: 22px;
    font-weight: 600;
}

.section_title.white .section_main_title h1,
.section_title.white .section_main_title h2 {
    color: #fff;
}

.section_title.white .section_sub_title h6 {
    color: #fff;
}

.section_title.white .section_content_text p {
    color: #fff;
}

/*style two*/
.section_sub_title h6 {
    letter-spacing: 0;
    color: #0c5adb;
    font-size: 16px;
}

/*odoo section content*/
.about_area.odoo .section_content_text {
    margin: 36px 0 26px;
}

.about_area.odoo .text_left .section_main_title h1 {
    font-size: 39px;
}

/*style two*/
.about_area .upper.section_content_text {
    margin: 19px 0 26px;
}

.about_area .upper.section_content_text p {
    font-size: 16px;
    padding: 0 0 0 20px;
    border-left: 2px solid #0C5ADB;
    width: 100%;
}

.upper.section_content_text p {
    font-size: 16px;
    padding: 0 0 0 20px;
    width: 62%;
}

.upper1.section_content_text p {
    font-size: 16px;
    padding: 18px 0 0px;
    width: 100%;
}

.upper.section_main_title h1 {
    font-size: 38px !important;
    letter-spacing: 0;
}

/*section title h5*/
.section_sub_title h5 {
    letter-spacing: 0;
    color: #0c5adb;
    font-size: 16px;
    position: relative;
    z-index: 1;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0 0 18px 20px;
}

.section_sub_title h5:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: -12px;
    filter: drop-shadow(0px 5px 15px rgba(152,179,223,0.2));
    background-color: #ffffff;
    width: 145px;
    height: 42px;
    border-radius: 4px;
}

.upper.section_sub_title h5:before {
    right: 0;
    margin: auto;
    left: 15px;
    top: -12px;
}

.feature-area .section_sub_title h5:before {
    width: 174px;
}

.service-area .section_sub_title h5:before {
    width: 174px;
}

.why-choose-us .section_sub_title h5:before {
    width: 161px;
}

.testimonial-area .section_sub_title h5 {;
    color: #fff;
}

.testimonial-area .section_sub_title h5:before {
    filter: drop-shadow(0px 5px 15px rgba(152,179,223,0.2));
    background-color: rgba(255,255,255,0.14901960784313725);
    width: 173px;
}

.blog-area .section_sub_title h5:before {
    width: 123px;
    height: 42px;
}

/*section title style two*/
.section_main_title1 h1 {
    font-size: 32px;
    color: #232323;
    line-height: 45px;
}

.section_sub_title1 h4 {
    letter-spacing: 0;
    color: #0c5adb;
    font-size: 18px;
    font-weight: 700;
}

/*style upper*/
.upper.section_sub_title1 h6 {
    letter-spacing: 0;
    color: #0c5adb;
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 0 40px;
    position: relative;
    z-index: 1;
}

.upper.section_sub_title1 h6:before {
    position: absolute;
    content: "";
    left: -1px;
    top: 11px;
    width: 32px;
    height: 1px;
    background: #0C59DB;
}

/*style three*/
.section_main_title1 h2 {
    font-size: 42px;
    color: #232323;
    line-height: 50px;
}

.section_sub_title1 h5 {
    font-size: 18px;
    color: #0c5adb;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 0 3px 0px;
    transition: .5s;
}


.section_sub_title1 h5:before {
    position: absolute;
    content: "";
    z-index: -1;
    right: -10px;
    top: -2px;
    background: #CEDEF8;
    width: 30px;
    height: 26px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 65% 100%);
    transition: .5s;
}

/*section title three hover*/
.section_sub_title1 h5:hover {
    padding-left: 14px;
}

.section_sub_title1 h5:hover:before {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    width: 103%;
}

/*section title slider18*/

.style-two .section_sub_title h5 {
    letter-spacing: 0;
    color: #0c5adb;
    font-size: 18px;
    position: relative;
    z-index: 1;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0 0 16px 24px;
}

.style-two .section_sub_title h5:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 7px;
    top: 8px ;
    right: inherit ;
    width: 9px;
    height: 9px;
    border-radius: 9px;
    background: #0c5adb;
}

.style-two .section_sub_title h5:after {
    position: absolute;
    content: "";
    left: 1px;
    top: 3px;
    right: inherit;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: rgba(35,181,255,0.7019607843137254);
}

.style-two .section_main_title h1 {
    font-weight: 800;
    margin: 0;
    font-size: 38px;
    line-height: 1.3;
}

.style-two .section_content_text p {
    font-size: 16px;
    padding: 16px 0 0;
}

/*section title before center*/
.style-two.up .section_sub_title h5:before {
    left: -104px;
    right: 0;
    margin: auto;
}

.style-two.up .section_sub_title h5:after {
    left: -114px;
    right: 0;
    margin: auto;
}

.section_sub_title span {
    position: relative;
    z-index: 1;
}

.style-two.up .section_sub_title span:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 71px;
    top: 8px;
    right: inherit;
    width: 9px;
    height: 9px;
    border-radius: 9px;
    background: #0c5adb;
}

.style-two.up .section_sub_title span:after {
    position: absolute;
    content: "";
    left: 74px;
    top: 3px;
    right: inherit;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: rgba(35,181,255,0.7019607843137254);
}

/*End section title*/

.em_bar {
	background: #9B50DB none repeat scroll 0 0;
	height: 2px;
	margin: 0 auto 5px;
	width: 62px;
	
}

.text_left .em_bar {
    margin: 0;
}

.em_bar_bg {
	height: 5px;
    width: 90px;
    background: #cbbded;
    margin: 20px auto;
    position: relative;
    border-radius: 30px;
}

.em_bar_bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #0C5ADB;
    -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;
}
@-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);
    }
}
.row.contact-shape {
    position: relative;
    z-index: 1;
}

/*about-area style five upper*/

.about_area.style-five.upper .section_content_text p {
    font-size: 16px;
    padding: 16px 0 0;
    margin-bottom: 5px;
}

/*====================================================
--<	Techno brand Area Css -->
======================================================*/

.row.brand-bg3 {
    border-radius: 5px;
    filter: drop-shadow(0px 10px 20px rgba(12,90,219,0.07));
    background-color: #ffffff;
    padding: 86px 27px 84px;
    position: relative;
    z-index: 1;
    top: -103px;
}

/*====================================================
--< Techno Counter Area Css -->
======================================================*/
.counter-area {
    background: url(assets/images/counter-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 70px 0 45px;
}

.row.counter-shap {
    position: relative;
    z-index: 1;
}

/*counter title*/
.counter-title h1 {
    font-size: 48px;
    color: #ffffff;
    font-weight: 800;
    display: inline-block;
}

.counter-title h6 {
    color: #fff;
    font-weight: 600;
}

.counter-title span {
    font-size: 48px;
    color: #fff;
    font-weight: 800;
    display: inline-block;
}

/*countner shape images*/
.counter-shape-thumb {
    position: absolute;
    left: -178px;
    top: -108px;
    animation: moveLeftBounce 3s linear infinite;
}

.counter-shape-thumb1 {
    position: absolute;
    right: -77px;
    bottom: -69px;
}


/*====================================================
--< Techno Flipbox Top Feature Area Css -->
======================================================*/
.nagative_margin {
    position: relative;
    margin-top: -100px;
}

.top_feature .techno_flipbox .techno_flipbox_font {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.10);
    border: 0;
}

.top_feature .techno_flipbox .techno_flipbox_back {
    background: #0c5adb;
	box-shadow:0 5px 20px rgba(0,0,0,0.10);
	border-radius:8px;
}

.top_feature .techno_flipbox .techno_flipbox_inner {
    padding: 0 30px;
}

.top_feature .techno_flipbox .techno_flipbox_back::before {
    display:none;
}

.top_feature .icon {
    color: #0c5adb;
    font-size: 45px;
    display: inline-block;
    line-height: 46px;
}

.top_feature .techno_flipbox .flipbox_title h3 {
    font-size: 20px;
    color: #232323;
    font-weight: 700;
	font-family: Muli;
}

/*feature shape*/
.row.feature-shape {
    position: relative;
    z-index: 1;
}

.flipbox-icon .icon {
    font-size: 35px;
    color: #fff;
}


.flipbox_area.odoo .techno_flipbox_font .icon {
    color: #fff;
    font-size: 40px;
    background: transparent;
}

.flipbox_area.odoo .techno_flipbox .flipbox_title h3 {
    margin: 0;
}

.flipbox_area.odoo .techno_flipbox .techno_flipbox_back::before {
    background: #0C5ADBEB;
}

.flipbox_area.odoo .techno_flipbox .techno_flipbox_back .flipbox_button a:hover {
    color: #fff;
    border-color: #1f1c51;
    background: #1f1c51;
}

.flipbox_area.odoo .techno_flipbox_back .flipbox_desc p {
    color: #fff;
    margin: 0 0 5px;
}

.flipbox_area.odoo .section_title.white .section_main_title h1, .section_title.white .section_main_title h2 {
    font-size: 39px;
}


/* Top Feature Style Two */

.top_feature.two .techno_flipbox .techno_flipbox_font, .top_feature.two .techno_flipbox .techno_flipbox_back {
    min-height: 223px;
}

.top_feature.two .techno_flipbox .techno_flipbox_back {
    background: #fff;
}

.top_feature.two .techno_flipbox .techno_flipbox_inner {
    padding: 0 24px;
}

.top_feature.two .icon {
    color: #fff;
    font-size: 40px;
    line-height: 90px;
    height: 90px;
    width: 90px;
    background: #0c5adb;
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51% !important;
}

.top_feature.two .techno_flipbox .flipbox_title h3 {
    padding-bottom: 0;
	font-size:21px;
}

.top_feature.two .techno_flipbox .techno_flipbox_back .flipbox_title h3 {
    color: #232323;
	font-size:21px;
}

.top_feature.two .techno_flipbox_back .flipbox_desc p {
    color: #616161;
}

.feature_style_thre_icon .icon {
    color: #fff;
    font-size: 50px;
}

.feature_style_four.active{
	background: #0C5ADB;
}

.feature_style_four.active .feature_style_four_title h4, 
.feature_style_four.active .feature_style_four_text p, 
.feature_style_four.active .feature_style_four_button a {
    color:#fff;
}

.single_feature_six_content.white {
    overflow: hidden;
}

.single_feature_six_seven_icon .icon {
    font-size: 55px;
    color: #0c5adb;
	transition:.5s;
}

.single_feature_seven:hover .single_feature_six_seven_icon .icon,
.single_feature_seven:hover .single_feature_seven_content h4,
.single_feature_seven:hover .single_feature_seven_content p{
	color:#fff;
}

.feature_style_eight_icon .icon {
    display: inline-block;
}

.anim-icon .icon-1{
  position: absolute;
  left: -25px;
  top: 60px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-animation: zoom-fade-two 5s infinite linear;
  animation: zoom-fade-two 5s infinite linear;
  background:rgba(99, 119, 238, 0.8);
}

.anim-icon .icon-2{
  position: absolute;
  left: 10px;
  top: -20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-animation: zoom-fade-two 4s infinite linear;
  animation: zoom-fade-two 4s infinite linear;
  background:rgba(99, 119, 238, 0.8);
}

.anim-icon .icon-3{
  position: absolute;
  top: 15px;
  right: 0px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-animation: zoom-fade-two 3s infinite linear;
  animation: zoom-fade-two 3s infinite linear;
  background:rgba(99, 119, 238, 0.8);
}

/*====================================================
--<	Techno Flipbox Area Css -->
======================================================*/
.techno_flipbox_font {
    border: 1px solid #0c5adb;
    border-radius: 8px;
}

.flipbox .section_main_title h1 {
    color: #fff;
}

.flipbox .section_sub_title h6 {
    color: #fff;
}

.flipbox .section_title{
	margin-bottom:30px;
}

.techno_flipbox {
	perspective: 1000px;
	position: relative;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-webkit-transform-style: preserve-3d;
	z-index: 1;
}

.techno_flipbox .techno_flipbox_font,
.techno_flipbox .techno_flipbox_back {
	min-height: 250px;
	height: auto;
	box-shadow: 0px 1px 51.3px 5.7px rgba(137,143,156,.15);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: rotateX(0);
	-webkit-transform: rotateX(0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: transform .7s ease, -webkit-transform .7s ease;
	position: relative;
}

.techno_flipbox .techno_flipbox_back::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,transparent -80%,#00247e);
}

.icon {
    font-size: 45px;
    line-height: 45px;
}

.techno_flipbox .techno_flipbox_inner {
	text-align: center;
	padding: 0 25px;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	perspective: inherit;
	-webkit-perspective: inherit;
	outline: transparent solid 1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
	transform: translateY(-50%) translateZ(60px) scale(0.94);
	z-index: 2;
}

.techno_flipbox_icon {
	font-size: 45px;
	text-align: center;
	display: inline-block;
	color: #fff;
	overflow: hidden;
}

.techno_flipbox_font .flipbox_desc p {
    color: #fff;
}

.techno_flipbox .flipbox_title h3 {
    font-size: 22px;
    padding-bottom: 13px;
    text-transform: capitalize;
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    color: #fff;
}

.techno_flipbox .techno_flipbox_back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-radius: 2px;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.techno_flipbox .techno_flipbox_back .flipbox_button a {
    text-transform: capitalize;
    margin-top: 22px;
    background: #fff;
    color: #0c5adb;
    display: inline-block;
    padding: 4px 25px;
    border-radius: 5px;
    border: 2px solid #fff;
    transition: .5s;
}

.techno_flipbox_back .flipbox_desc p{
    color: #fff;
}

.techno_flipbox .techno_flipbox_back .flipbox_button a i {
	display: none;
}

.techno_flipbox .techno_flipbox_back .flipbox_title h3 {
	padding-bottom: 16px;
	padding-top: 0;
	color: #fff;
	margin-bottom: 0;
}

.techno_flipbox .techno_flipbox_font .flipbox_desc,
.techno_flipbox .techno_flipbox_back .flipbox_desc {
	color: #fff;
}



.flipbox_area.top_feature.upper .techno_flipbox_font .icon {
    font-size: 45px;
    color: #0c5adb;
    background: transparent;
}




/* Flipbox Hover Css */
.techno_flipbox:hover .techno_flipbox_font {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.techno_flipbox:hover .techno_flipbox_back {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.techno_flipbox .techno_flipbox_back .flipbox_button a:hover {
	color: #fff;
	border-color: #0c5adb;
	background: #0c5adb;
}


.pages .techno_flipbox .techno_flipbox_font .flipbox_title h3 {
    color: #444;
}

.pages .techno_flipbox_font .flipbox_desc p {
    color: #666;
}

.about_icon .icon {
    font-size: 40px;
    color: #0c5adb;
}

.singel-about-content {
    overflow: hidden;
}

.singel-about-content.boder {
    border-left: 1px solid #ddd;
}

.singel-about-content h5 {
    font-weight: 700;
    margin: 0;
}

.home11 .about_icon .icon {
    font-size: 20px;
    margin-top: -8px;
}

/* Data Science About */
.data_science_about_icon .icon {
    height: 90px;
    width: 90px;
    line-height: 90px;
    font-size: 40px;
    color: #0c5adb;
    position: relative;
    text-align: center;
    box-shadow: 0 20px 50px 5px #e9eef7;
    border-radius: 50%;
    z-index: 1;
    background: #fff;
}

.data_science_about_icon .icon:before {
    position: absolute;
    content: '';
    background: rgba(12,90,219,0.10);
    width: 100%;
    height: 100%;
    left: -8px;
    top: -5px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: -10px 10px 20px 0px rgba(0, 0, 0, 0.2);
    transition: .5s;
}

.singel_about_left_inner:hover .data_science_about_icon .icon:before{
	background: rgba(12,90,219,0.90);
}

.singel_about_left_inner:hover .data_science_about_icon .icon{
	color:#fff;
}

.style_two .singel-about-content h5 {
    font-weight: 800;
    margin-top: 10px;
    font-size: 22px;
}

.style_two .about_icon .icon {
    color: #FFFFFF;
    background: #0C5ADB;
    border-radius: 4px 4px 4px 4px;
    height: 75px;
    width: 75px;
    font-size: 45px;
    line-height: 75px;
    text-align: center;
}

.subscribe-area .form_box input {
    width: 100%;
    height: 54px;
    padding-left: 15px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #232323;
    transition: .5s;
}

.subscribe-area .quote_btn button {
    background: #33B9FF;
    color: #fff;
    font-weight: 600;
    border: 0;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 35px;
    border-radius: 7px;
    transition: .3s;
}


.style-two.call-do-action .section_content_text p {
    font-size: 16px;
    padding: 16px 0 0;
    color: #232323;
}


/*====================================================
--<	Techno Shape Images Css -->
======================================================*/


.single_slider_shape {
    position: relative;
}

.single_slider_shape_image {
    position: absolute;
    right: -275px;
    top: -608px;
    z-index: 1;
}

.single_slider_shape_image img {
    width: 90%;
    height: 90%;
}

/*====================================================
--<	Techno Service Area Css -->
======================================================*/
.service_style_one {
    background: #fff;
	border-radius:10px;
}

.service_style_one_icon i {
    width: 75px;
    height: 75px;
    line-height: 75px;
    background: #e8ecfc;
    border-radius: 100%;
    color: #0C5ADB;
    display: inline-block;
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    text-align: center;
	font-size:35px;
}

.service_style_one_title h4 {
    font-weight: 700;
    color: #0C5ADB;
	position:relative;
}

.service_style_one_title h4:before {
    position: absolute;
    content: "";
    left: 0;
    top: 37px;
    height: 1px;
    width: 100px;
    background: #d1d1d1;
    margin: auto;
    right: 0;
}

.service_style_one_button a {
    color: #616161;
    border: 1px solid #e8ecfc;
    padding: 5px 23px;
	border-radius: 30px;
	display: inline-block;
    font-size: 16px;
}

.service_style_one_button a i {
    margin-left: 7px;
}

.service_style_one:hover .service_style_one_button a {
    background-color: #0C5ADB;
    color: #fff;
    border-color: #0C5ADB;
}

.service_style_one:hover .service_style_one_icon i {
    background-color: #0C5ADB;
    color: #fff;
}

.service_style_eight_icon .icon i {
    color: #fff;
}


.services_style_nine_icon .icon {
    height: 100px;
    width: 100px;
    line-height: 100px;
    font-size: 50px;
    color: #0c5adb;
    position: relative;
    text-align: center;
    box-shadow: 0 20px 50px 5px #e9eef7;
    border-radius: 50%;
    z-index: 1;
    background: #fff;
	transition:.5s;
}

.services_style_nine_icon .icon:before {
    position: absolute;
    content: '';
    background: rgba(12,90,219,0.10);
    width: 100%;
    height: 100%;
    left: -8px;
    top: -5px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: -10px 10px 20px 0px rgba(0, 0, 0, 0.2);
    transition: .5s;
}

.service_style_nine:hover .services_style_nine_icon .icon{
	color:#fff;
}

.service_style_nine:hover .services_style_nine_icon .icon:before{
	background: rgba(12,90,219,0.80);
}

.single_service_style_ten:hover .service_style_ten_icon .icon {
	background: rgba(12,90,219,0.90);
	color:#fff;
}

.service_style_ten_icon .icon {
    background: rgba(12,90,219,0.10);
    display: inline-block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 35px;
    color: #0c5adb;
    border-radius: 5px;
	transition:.5s;
}

.service_style_eleven_icon .icon {
    background: rgba(12,90,219,0.10);
    height: 58px;
    width: 58px;
    line-height: 58px;
    font-size: 28px;
    text-align: center;
    border-radius: 50%;
    color: #0c5adb;
	transition:.5s;
}

.single_service_style_eleven:hover .service_style_eleven_icon .icon{
	transform:rotate(360deg);
}

.single_service_style_eleven:hover .service_style_eleven_icon .icon{
	background:#fff;
}

.service_style_12_icon .icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    background: #0C5ADB;
    color: #fff;
    text-align: center;
    font-size: 40px;
    border-radius: 4px;
    display: block;
}

.owl-dot.active {
    background: #0C5ADB;
    width: 40px;
}

/*service active box*/
.active.em-service-single-box1 {
    background-color: #0C5ADB;
}

.active .em-service-title1 h2 {
    color: #fff;
}

.active .em-service-text1 p {
    color: #fff;
}

/*section title */
.team_area.style-four .style-two.up .section_sub_title span:before {
    left: 84px;
    top: 8px;
}

.team_area.style-four .style-two.up .section_sub_title span:after {
    left: 86px;
    top: 2px;
}

.team_area.style-four .style-two.up .section_sub_title h5:before {
    left: -128px;
    right: 0;
}

.team_area.style-four .style-two.up .section_sub_title h5:after {
    left: -137px;
    right: 0;
}

.owl-nav3 .owl-dot.active {
    background: #0C5ADB;
    width: 218px;
    height: 6px;
}

/* Style Three */
.three .case_study_style_two_content {
    top: 75%;
}

.three .case_study_style_two:hover .case_study_style_two_content{
	top: 60%;
}

.three .case_study_style_two_title h4 {
    font-size: 20px;
}


/* Single Portfolio */
.single_portfolio {
    overflow: hidden;
    margin-bottom: 30px;
	position:relative;
	transition:.5s;
}

.single_portfolio_thumb {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	transition:.5s;
}

.single_portfolio_content {
    position: absolute;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    right: 20px;
    bottom: 20px;
    left: 20px;
    opacity: 0;
    background: #0c5adb;
    margin: auto;
    text-align: left;
    padding: 30px 20px 30px;
    border-radius: 5px;
}

.single_portfolio_icon {
    text-align: center;
    padding-bottom: 10px;
}

.single_portfolio_content_inner {
    text-align: center;
}

.single_portfolio_content_inner h2 {
    font-size: 22px;
    margin: 0;
}

.single_portfolio_content_inner h2 a {
    display: inline-block;
    overflow: hidden;
    font-weight: 600;
    color: #fff;
}

.single_portfolio_icon i {
    background: #fff;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    border-radius: 5px;
    color: #135ef3;
	transition:.5s;
}

.single_portfolio_thumb img {
    width: 100%;
}

.single_portfolio_content_inner span {
    color: #fff;
}

/* Portfolio Hover */
.single_portfolio:hover .single_portfolio_thumb {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.single_portfolio:hover .single_portfolio_content{
	opacity: 1;
	bottom:35px;
}

.single_portfolio_icon i:hover{
	background: #fff;
	color:#135ef3;
}

/* Portfolio Style Two */
.style_two .single_portfolio_thumb {
    position: relative;
    z-index: 1;
}

.style_two .single_portfolio_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;
}

.style_two .single_portfolio_content_inner h2 a {
    font-weight: 700;
    color: #232323;
}

.style_two .single_portfolio_content_inner span {
    color: #135ef3;
}

.style_two .single_portfolio_icon i {
    background: #135ef3;
    color: #fff;
}

.style_two .single_portfolio_content {
    z-index: 1;
	background:#fff;
}

.style_two .single_portfolio:hover .single_portfolio_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);
}

/* Portfolio Style Three */

.style_three .single_portfolio_thumb {
    position: relative;
}

.style_three .single_portfolio_thumb::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 0%;
    width: 100%;
    background: rgba(12,90,219,0.75);
	transition:.5s;
}

.style_three .single_portfolio_content {
    right: 0;
    left: 0;
    opacity: 0;
    background: transparent;
    text-align: left;
    padding: 0;
}

.style_three .single_portfolio:hover .single_portfolio_thumb::before{
	height: 100%;
}

/*fortfolio style four*/
.portfolio_area.style-four {
    overflow: hidden;
}

/*portfolio box*/
.style-four .single_portfolio {
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    transition: .5s;
    border-radius: 10px;
    filter: drop-shadow(0 0 20px rgba(170,192,228,0.3));
    background-color: #ffffff;
    padding: 20px 20px 22px;
}

/*portfolio content*/
.style-four .single_portfolio_content_inner {
    text-align: left;
    padding: 20px 0 0;
}

/*portfolio icon*/
.style-four .single_portfolio_icon {
    text-align: center;
    padding-bottom: 10px;
    position: absolute;
    top: 0%;
    left: 33%;
    right: 50%;
    transform: translate(50%, -50%);
    z-index: 1;
    opacity: 0;
    transition: .5s;
}

.style-four .single_portfolio_icon a i {
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    color: #132FBF;
}

/*portfolio title*/
.style-four .single_portfolio_content_inner h2 a {
    display: inline-block;
    overflow: hidden;
    font-weight: 700;
    color: #232323;
    line-height: 30px;
    padding: 7px 0 0px;
}

/* portfolio hover */

.style-four .single_portfolio:hover .single_portfolio_content_inner h2 a {
    color: #0c5adb;
    text-decoration: underline;
}

.style-four .single_portfolio:hover .single_portfolio_thumb1:before {
    height: 100%;
    top: 0;
}

.style-four .single_portfolio:hover .single_portfolio_icon {
    opacity: 1;
    top: 39%;
}

.single_it_work_content_list.three::before {
	display:none;
}

.how_it_work.odoo .section_main_title h1, .section_main_title h2 {
    font-size: 39px;
}

/* How It Work Style Tow */
.it_work_style_two .techno_flipbox .techno_flipbox_font, .it_work_style_two .techno_flipbox .techno_flipbox_back {
    min-height: 410px;
}

.it_work_style_two .it_work_style_two .techno_flipbox .techno_flipbox_inner {
    top: 50%;
}

.techno_flipbox_font .icon {
    color: #fff;
    font-size: 30px;
    line-height: 80px;
    height: 80px;
    width: 80px;
    background: #0c5adb;
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51% !important;
	display:inline-block;
}

.single_pricing {
    padding: 51px 40px 60px;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    transition: .5s;
}

.single_pricing.active {
    border: 1px solid #0c5adb;
}

.pricing_title h3 {
    font-size: 30px;
    color: #0c5adb;
    font-weight: 700;
}

.pricing_body {
    border: 1px solid #e6e6e6;
	border-radius: 8px;
	transition:.5s;
}

.single_pricing.active .pricing_body {
    border: 1px solid #0c5adb;
}

.pricing_body .featur ul li {
    margin-bottom: 13px;
    display: block;
}

.curencyp {
    font-size: 25px;
    font-weight: 500;
    position: relative;
    top: -15px;
	color: #0c5adb;
}

.pricing_tk h2 {
    display: inline-block;
    font-size: 35px;
    font-weight: 700;
    color: #0c5adb;
}

.pricing_tk h2 span {
    font-size: 19px ;
    font-weight: 500 ;
}

.order_now a {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 16px 42px;
    color: #616161;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
	transition:.5s;
	background:transparent;
}

.order_now a {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 16px 42px;
    color: #616161;
    border: 1px solid #0c5adb;
    border-radius: 5px;
    transition: .5s;
    background: transparent;
}

.cntr_bg_up{
	background: #ffffff;
    border-radius: 15px;
    box-shadow: 11px 11px 38px rgba(0,0,0,0.2);
}

.countr_text h1 {
    font-size: 40px;
    font-weight: 800;
}

.counter_desc h5 {
    margin-top: 6px;
	color:#0c5adb;
}

.nav-tabs .nav-item.active .nav-link {
    border: 1px solid #fff !important;
    background: #fff;
    color: #0c5adb;
}

.tab_content_title h4 {
    font-weight: 700;
}

.tab_content_sub_text ul {
    display: block;
}

.tab_content_sub_text ul li {
    list-style: none;
    margin-bottom: 5px;
}

/*====================================================
--<	Techno Choose Us Area Css -->
======================================================*/
.choose_us .techno_flipbox .techno_flipbox_font, .choose_us .techno_flipbox .techno_flipbox_back {
    min-height: 410px;
}

.choose_us .techno_flipbox .techno_flipbox_font{
	position:relative;
	border:0 !important;
}

.choose_us .techno_flipbox .techno_flipbox_font::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,black 0%,rgba(255,255,255,0) 100%) !important;
}

.choose_us .techno_flipbox .techno_flipbox_inner {
    top: 72%;
}

.choose_us .techno_flipbox .techno_flipbox_back .techno_flipbox_inner {
    top: 50%;
}

.form_box input {
    width: 100%;
    height: 50px;
    padding-left: 15px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
	transition:.5s;
}


.form_box textarea {
    width: 100%;
    background: transparent;
    padding-left: 15px;
    padding-top: 20px;
    height: 250px;
    border: 1px solid #fff;
    border-radius: 5px;
	color: #fff;
	transition:.5s;
}

.quote_btn button {
    background: #fff;
    border: 0;
    display: inline-block;
    text-align: center;
    padding: 14px 39px;
    border-radius: 7px;
    transition: .3s;
}

.footer-middle {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background: #111a3a;
}

.widget-title {
    color: #fff;
    font-size: 22px;
}

.company-info-desc p {
    color: #fff;
}

.footer-bottom {
	border-top: 1px solid rgba(255,255,255,.23);
}

.footer-bottom-content-copy p {
    color: #fff;
}

.footer-bottom-right-text {
	text-align: right;
}

.footer-bottom-right-text a {
	color: #fff;
	display: inline-block;
}


.faq-thumb {
    position: relative;
    left: -106px;
}

.faq-thumb img {
    width: 100%;
}


/*accordion*/
ul.accordion {
    height: 510px;
}

.accordion li {
    position: relative;
    list-style: none;
    padding: 2px 0px 15px;
}

.accordion li h5 {
    width: 100%;
    display: block;
    cursor: pointer;
    font-weight: 700;
    font-size: 20px;
    color: #232323;
}

.accordion li p {
    display: none;
    font-size: 16px;
    color: #828fa0;
    padding-top: 20px;
    margin: 0;
}

.accordion h5:before {
    width: 2px;
    height: 12px;
    background: #232323;
    position: absolute;
    right: 12px;
    content: " ";
    top: 12px;
    transform: rotate(0deg);
    transition: all 0.2s ease-in-out;
}

.accordion h5:after {
    width: 12px;
    height: 2px;
    background: #232323;
    position: absolute;
    right: 7px;
    content: " ";
    top: 17px;
    transition: all 0.2s ease-in-out;
}

.accordion h5.active:after {
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: #1E54E7 !important;
}

.accordion h5.active:before{
  display: none;
}

.accordion h5.active {
    color: #1E54E7 !important;
}

.white-color #spinnerbtn {
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}


.white-color #spinnerbtn:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px;
	background: none;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: -1;
	border-radius: 115px;
	border: 15px solid #fff;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.white-color .data_science_video_inner a i {
    color: #fff;
}

.logo_text {
    position: absolute;
    left: 84px;
    top: 30px;
    color: white;
    font-size: 22px;
    font-weight: 600;
    font-family: 'Muli', sans-serif;
}

.logo_img img, .main_sticky img {
    position: absolute;
    top: 15px;
}

div.modal { top:1px; overflow: auto; max-width: unset;}

/*div.modal a.close-modal { top: 1px; right: 1px;}
*/
.modal-wide { max-width: 850px; }

.modal-wide div.modal-body { padding-left: 30px; }


ul.accordion li p a { font-size: 16px; color: #1E54E7; display: inline; }


#overlaySpinner{
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.6);
}

.h1 {
    font-size: 42px;
}

.countr_text .h1 {
    font-size: 40px;
    font-weight: 800;
}

.section_main_title .h1 {
    font-weight: 800;
    margin: 0;
}

.h2 {
    display: inline-block;
    font-size: 35px;
    font-weight: 700;
    color: #0c5adb;
}

.pricing_tk span.h2 span {
    font-size: 19px;
    font-weight: 500;
}

.show>.btn-secondary.dropdown-toggle {
    background-color: #2a93bb;
    border-color: #81c5df;
    margin-left: 15px;
}

.counter_desc p {
    margin-top: 6px;
    color: #0c5adb;
    font-size: 20px;
    font-weight: 700;
}

.countr_text p {
    color: #000000;
    margin-top: 11px;
}

/*Free non Free Product selection*/
.container.free-product .nonfree { display: none; }