/*
Theme Name:   aprodence_theme

 Theme URI:    http://example.com/twenty-fifteen-child/

 Description:  Twenty Nineteen Child Theme

 Author:       Sukla Manna

 Author URI:   http://example.com

 Template:     twentynineteen

 Version:      1.0.0

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

 Text Domain:  twenty-nineteen-child

*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {
    margin: 0;
    padding: 0;
}

body {
    color: #000;
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px;
}

a {
    color: #000;
    transition: 0.5s;
    outline-style: none;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    color: #36BCBC;
    outline: none;
    text-decoration: none;
}

p {
    padding: 0;
    margin: 0;
    color: #7D7D7D;
    font-weight: 400 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 30px;
}
/* .owl-carousel .owl-item img {
    width: auto !important;
} */

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: none;
}


section {
    display: block;
    float: left;
    width: 100%;
}
.header
{
    display: block;
    float: left;
    width: 100%;
    position: relative;
}
.top_header {
    padding: 5px 0;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    transition: all .5s ;
	transition-timing-function:ease-out;
}

.sticky {
    position: fixed;
    z-index: 999;
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    transition: all .5s ;
	transition-timing-function:ease-out;
}
.sticky .mega-menu-link {
    color: #000 !important;
}
.subpage_header .mega-menu-link {
    color: #000 !important;
}

.top_header .inner {
    float: left;
    width: 100%;
    justify-content: space-between;
}

.top_header .inner .navbar-brand {
    width: 170px;
}

.top_header .inner .navbar-brand img {
    width: 100%;
    filter: brightness(5000%);
    transition: all .5s ;
	transition-timing-function:ease-out;

}
.sticky .inner .navbar-brand img 
{
    width: 100%;
    filter: brightness(100%) !important;
    transition: all .5s ;
	transition-timing-function:ease-out;
}
.top_header .inner .navbar-nav {
    font-size: 16px;
    align-items: center;
}

.top_header .nav-link {
    display: block;
    padding: 10px 18px !important;
}

.top_header .active {
    color: #36BCBC !important;
}

.top_header .navbar {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}
.top_header .navbar .left
{
    max-width: 180px;
}
.top_header .navbar .right
{
    display: flex;  
    align-items: center; 
}

.navbar-expand-lg .navbar-collapse {
    justify-content: flex-end;
}
.navbar-light .navbar-nav .nav-link {
    color: #fff;
}
.subpage_header .navbar-nav .nav-link
{
    color: #000;
}
.subpage_header .navbar-brand img 
{
    filter: brightness(100%) !important;
}



.header_slider_section {
    position: relative;
    z-index: 1;
}

.header_slider_section h5 span {
    
    background: #45EEF0;
    background: linear-gradient(to right, #45EEF0 0%, #FCFF9F 100%);
    -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.home_banner_section {
    background: #3C3C4A;
    z-index: 1;
    position: relative;
}

.home_banner_section img {
    display: block;
    float: left;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
    text-align: center;
    opacity: .6;
    position: relative;
    z-index: 1;
}

.carousel-caption {
    position: absolute;
    bottom: inherit;
    color: #fff;
    text-align: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1300px;
    padding: 0 15px;
    z-index: 3;
}

.carousel-caption h5 {
    font-size: 45px;
    color: #fff;
    letter-spacing: normal;
    text-transform: capitalize;
}

.home_banner_section .carousel-item::after {
    position: absolute;
    content: '';
    z-index: 1;
    left: 0;
    width: 40%;
    bottom: 0;
    top: 0;
    background: url(./images/slider_banner_graphic.svg) top left no-repeat;
    background-size: 100%;
}

.carousel-caption p {
    font-size: 18px;
    color: #fff;
}


.homepage_slider
{
    position: relative;
    float: left;
    width: 100%;
}

.homepage_slider #videoBg { position: relative; width: 100%; float: left; height: 100vh; overflow: hidden; background: #000;}
.homepage_slider #videoBg > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .5; }
@media (min-aspect-ratio: 16/9) { #videoBg > video { height: 300%; top: -100%; }}
@media (max-aspect-ratio: 16/9) { #videoBg > video { width: 300%; left: -100%; }}
@supports (object-fit: cover) {#videoBg > video { top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }}

.homepage_slider .flexCon 
{ 
    width: 100%; 
    left: 0; 
    top:45%;
    transform: translateY(-50%);
    position: absolute; 
    z-index: 2; 
    align-items: center; 
}
.homepage_slider .videoMessage { z-index:1; position:relative; }
.homepage_slider h5
{
    color: #fff;
    font-size: 50px;
    font-weight: 900;
}
.homepage_slider h5 span
{
    background: #45EEF0;
    background: linear-gradient(to right, #45EEF0 0%, #FCFF9F 100%);
    -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.homepage_slider p
{
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
}
/* .but_style1 
{
    display: inline-block;
    vertical-align: top;
    background: #000000;
    text-align: center;
    padding: 12px 35px;
    color: #fff;
    margin-top: 35px;
    font-size: 18px;
}
.but_style1 span
{
    background: #47F3F5;
background: linear-gradient(to right, #47F3F5 0%, #298E8F 97%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.but_style1:hover
{
    background: #fff;
    color: #fff;
} */

.but_style1 {
    display: inline-block;
    vertical-align: top;
    width: auto;
    background: #fff !important;
    font-size: 16px;
    padding: 10px 30px;
    color: #010101 !important;
    font-weight: 500;
    position: relative;
    transition: all .5s;
    transition-timing-function: ease-out;
    border: none;
    box-shadow: none;
    border: 1px solid #fff;
}

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

.but_style1::after {
    position: absolute;
    z-index: 0;
    content: '';
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    transition: all .4s;
    transition-timing-function: ease-out;
}

/* .button2:hover {
    color: #fff !important;
    background: #000 !important;
} */
.but_style1:hover {
    color: #fff !important;
    background: #000 !important;
}

.but_style1:hover::after {
    width: 100%;
}






.home_about_section {
    display: block;
    float: left;
    width: 100%;
    padding: 0 0 70px 0;
    position: relative;
    z-index: 2;
}
.home_about_section_inside
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.home_about_img_section {
    display: block;
    float: left;
    width: 100%;
    position: relative;
}

.home_about_img_section img {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: center;
}

.home_about_img_section::after {
    position: absolute;
    z-index: 1;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background: #272727;
    -ms-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);

}

.home_about_text_section {
    display: block;
    float: left;
    width: 100%;
    padding-left: 50px;
}

.home_about_text_section h2 {
    font-size: 26px;
    font-weight: 700;
}
.home_about_text_section h2 strong
{
    background: #47F3F5;
background: linear-gradient(to right, #47F3F5 0%, #298E8F 97%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.home_about_text_section h4 {
    font-size: 25px;
    font-weight: 700;
}


.home_about_text_section h3 {
    font-size: 24px;
    margin: 15px 0;
}

.home_about_text_section p {
    margin-top: 15px;
}

.home_about_section_inside .home_about_img_section::after {
    transition: all .5s;
    transition-timing-function: ease-out;
}

.home_about_section_inside:hover .home_about_img_section::after {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.about_bg
{
    background: url(./images/line.png) , url(./images/about_dot_bg.png);
    background-repeat: no-repeat;
    background-position: left bottom, top right;
    box-shadow: -19px 0px 20px -20px rgba(0,0,0,0.45),
    0px 59px 100px -87px rgba(71,243,245,1) inset;
}


.secrives_section {
    padding: 20px 0 60px 0;
}

.secrives_section .heading {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 15px;
}

.secrives_section .heading h2 {
    font-size: 20px;
    font-weight: 500;
    color: #7D7D7D;
    text-transform: uppercase;
}

.secrives_section .heading h3 {
    font-size: 40px;
    font-weight: 900;
    margin: 5px 0 15px 0;
}

.service_slider {
    display: block;
    float: left;
    width: 100%;
    margin-top: 25px;
}
.service_box1
{
    display: block;
    float: left;
    width: 100%;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.19);
    padding: 30px;
    transition: all .5s ;
	transition-timing-function:ease-out;
}
.service_box1 img
{
    width: 50px !important;
    height: 50px !important;
    object-fit: contain;
    filter: brightness(0%);

}
.service_box1 h2
{
    font-size: 22px;
    margin-top: 20px;
    font-weight: 500;
    min-height: 60px;
    transition: all .5s ;
	transition-timing-function:ease-out;
}
.service_box1 p
{
    color: #3C3C4A;
    transition: all .5s ;
	transition-timing-function:ease-out;
}
.service_text
{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    min-height: 85px;
}
.service_box1 .bottom_section
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #00000067;
}
.service_box1 .bottom_section p {
    font-size: 15px;
}
.service_box1 .bottom_section .service_link {
    color: #000;
}
.service_box1 .bottom_section .service_link i {
    transition: all .5s;
    transition-timing-function: ease-out;
    transform: rotate(45deg);
}
.service_slider .my-carousel-item
{
    padding: 10px 0 20px 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.service_box1:hover
{
    background: #000;
}
.service_box1:hover h2
{
    background: #47F3F5;
    background: linear-gradient(to right, #47F3F5 0%, #298E8F 97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    

}
.service_box1:hover p
{
    color: #fff;
}
.service_box1 .bottom_section
{
    border-top: 1px solid #565656;
}
.service_box1:hover .bottom_section a
{
    color: #47F3F5;
}
.service_box1 .bottom_section .service_link:hover i
{
    transform: rotate(0deg);
}
.service_box1:hover img
{
    filter: brightness(100%);
}
.work_section
{
    padding: 10px 0;
}
.work_section .top_pannel {
    display: flex;
    float: left;
    width: 100%;
    justify-content: space-between;
}
.work_section .top_pannel .left p
{
    font-size: 20px;
    font-weight: 500 !important;
}
.work_section .top_pannel .left h2
{
    font-size: 40px;
    font-weight: 900;
}
.work_slider
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 30px;
    position: relative;
}
.work_slider_box1
{
    display: flex;
    float: left;
    width: 100%;
    align-items: center;
}
.work_slider_box1 .left_img_area
{
    display: flex;
    float: left;
    width: 55%;
    height: 420px;
    background: #000;
    padding: 25px;
    align-items: center;
    justify-content: center;
}
.work_slider_box1 .left_img_area img
{
    max-width: 100%;
    max-height: 350px;
}
.work_slider_box1 .right_text_area
{
    display: block;
    float: right;
    width: 45%;
}
.work_slider_box1 .right_text_area .inside
{
    float: left;
    width: calc(100% + 41px);
    margin-left: -50px;
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.19);
    padding: 40px;
}
.work_slider_box1 .right_text_area .inside h2
{
    display: inline-block;
    vertical-align: top;
    font-size: 17px;
    border-bottom: 3px solid #000;
    padding-bottom: 6px;
}
.work_slider_box1 .right_text_area .inside h3
{
    font-size: 28px;
    margin-top: 15px;
}
.work_slider_box1 .right_text_area .inside p
{
    color: #000;
    margin-top: 10px;
}
.work_slider .owl-dots
{
    text-align: center;
    margin-top: 20px;
}
.work_slider .owl-dot {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #e7e7e7 !important;
    margin: 0 2px;
}
.work_slider .owl-dots .active {
    background: #000 !important;
    border: 1px solid #000 !important;
}

.work_slider .owl-nav {
    position: absolute;
    float: left;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
}
.work_slider .owl-prev {
    vertical-align: top;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #1D1A27 !important;
    color: #fff !important;
    border-radius: 100px !important;
    font-weight: 700 !important;
    float: left;
    margin-left: -45px;
}

.work_slider .owl-next {
    vertical-align: top;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #1D1A27 !important;
    color: #fff !important;
    border-radius: 100px !important;
    font-weight: 700 !important;
    float: right;
    margin-right: -38px;
}



.button_section {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}



.expertise_section {
    background: #fff url(./images/line.png) left center no-repeat;
    padding: 60px 0;
    box-shadow: 4px -24px 30px -27px rgba(71,243,245,1) inset,
    -25px 0px 20px -20px rgba(0,0,0,0.45);
}

.expertise_section .heading {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}
.expertise_section .heading h2 {
    font-size: 20px;
    font-weight: 500;
    color: #7D7D7D;
    text-transform: uppercase;
}

.expertise_section .heading h3 {
    font-size: 40px;
    font-weight: 900;
    margin: 5px 0 15px 0;
}

.expertise_slider {
    display: block;
    float: left;
    width: 100%;
    margin-top: 25px;
}

.expertise_slider .owl-nav {
    text-align: center;
}

.expertise_slider .owl-prev {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    font-size: 18px;
    text-align: center;
    background: #dfdfdf !important;
    color: #000 !important;
    border-radius: 100% !important;
    margin: 0 5px;
    font-weight: 700 !important;
    transition: all .5s;
    transition-timing-function: ease-out;
    transform: rotate(-45deg) !important;
}

.expertise_slider .owl-prev:hover {
    background: #000 !important;
    color: #fff !important;
    transform: rotate(0deg) !important;
}
.expertise_slider .owl-prev:hover span {
    background: #47F3F5;
    background: linear-gradient(to right, #47F3F5 0%, #298E8F 97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
}

.expertise_slider .owl-next {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    font-size: 18px;
    height: 50px;
    text-align: center;
    background: #dfdfdf !important;
    color: #000 !important;
    border-radius: 100% !important;
    margin: 0 5px;
    font-weight: 700 !important;
    transition: all .5s;
    transition-timing-function: ease-out;
    transform: rotate(45deg) !important;
}

.expertise_slider .owl-next:hover {
    background: #000 !important;
    color: #fff !important;
    transform: rotate(0deg) !important;
}
.expertise_slider .owl-next:hover span {
    background: #47F3F5;
    background: linear-gradient(to right, #47F3F5 0%, #298E8F 97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
}
.expertise_slider .owl-item
{
    padding: 0 10px 30px 10px;
}
.expertise_slider .owl-carousel .owl-stage{display: flex;}
.expertise_slider .my-carousel-item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
    background: #fff;
    filter: drop-shadow(0px 4px 7px rgba(0, 0, 0, 0.19));
    padding: 12px;
    border-radius: 10px;
    transition: all .5s ;
	transition-timing-function:ease-out;
    position: relative;
    padding-bottom: 35px;
}
.expertise_slider .my-carousel-item:hover {
    background: #000;
}


.expertise_box1 
{
    display: block;
    float: left;
    width: 100%;
}

.expertise_box1 .img_area {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.expertise_box1 .img_area img {
    display: block;
    float: left;
    width: 100% !important;
    height: 180px;
    border-radius: 10px;
    object-fit: cover;
    object-position: center;
    transition: all .5s;
    transition-timing-function: ease-out;
}

.expertise_box1 .text_area {
    display: block;
    float: left;
    width: 100%;
    margin-top: 15px;
}

.expertise_box1 .text_area h2 {
    font-size: 18px;
}
.expertise_slider .my-carousel-item:hover .expertise_box1 .text_area h2
{
    background: #47F3F5;
background: linear-gradient(to right, #47F3F5 0%, #298E8F 97%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}

.expertise_box1 .text_area p {
    margin-top: 8px;
}

.expertise_box1:hover .img_area img {
    transform: scale(1.05);

}
.expertise_slider .my-carousel-item:hover .expertise_box1 .text_area p
{
    color: #fff;

}
.work_upwork
{
    float: right;
    position: absolute;
    right: 15px;
    bottom: 10px;
}
.work_upwork .image
{
    position: relative;
}
.work_upwork .image img
{
    position: relative;
}

  
  .work_upwork .first{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: -1 !important;
    transition: z-index .5s ease,transform .6s ease !important;
  }
  
  .my-carousel-item:hover .expertise_box1 .first{
    z-index: 2 !important;
  }  



.testimonial_section {
    background: url(./images/testimonial_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 60px 0 120px 0;
    position: relative;
    z-index: 1;
}

.testimonial_section_left_text {
    display: block;
    float: left;
    width: 100%;
}

.testimonial_section_left_text p {
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
}

.testimonial_section_left_text h2 {
    font-size: 38px;
    font-weight: 900;
    color: #fff;
    margin-top: 5px;
    background: #47F3F5;
background: linear-gradient(to right, #47F3F5 0%, #298E8F 97%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}

.testimonial_section_slider {
    display: block;
    float: left;
    width: 100%;
}

.testimonial_box1 {
    display: block;
    float: left;
    width: 100%;
}

.testimonial_box1 .img_area {
    display: block;
    float: left;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    position: relative;
}

.testimonial_box1 .img_area>img {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
    z-index: 1;
}

.testimonial_box1 .icon {
    position: absolute;
    z-index: 2;
    right: -15px;
    top: 0px;
    width: 44px !important;
}

.testimonial_box1 .text_area {
    display: block;
    float: left;
    width: 100%;
    margin-top: 20px;
    color: #fff;
}

.testimonial_box1 .text_area p {
    font-size: 16px;
    color: #fff;
}

.testimonial_box1 .text_area h2 {
    font-size: 22px;
    color: #fff;
    margin-top: 25px;
    background: #47F3F5;
background: linear-gradient(to right, #47F3F5 0%, #298E8F 97%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 900;
}

.testimonial_box1 .text_area h3 {
    font-size: 16px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 100;
}

.testimonial_section_slider .owl-dots {
    margin-top: 15px;
    text-align: right;
}

.testimonial_section_slider .owl-dot {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #fff !important;
    margin: 0 2px;
}

.testimonial_section_slider .owl-dots .active {
    background: #7f7f7f !important;
}



.follow_section {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
    margin-bottom: 70px;
}

.follow_box {
    display: flex;
    float: left;
    width: 100%;
    margin-top: -100px;
    background: #000;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.19);
}

.follow_box .left {
    float: left;
    width: 40%;
    background: #fff;
    padding: 50px 70px;
}
.follow_box .left .top_section
{
    display: block;
    float: left;
    width: 100%;
}

.follow_box .left .top_section h2 {
    font-size: 30px;
    font-weight: 700;
}

.follow_box .left .top_section p {
    margin-top: 8px;
}

.follow_box .left .top_section img {
    margin-right: 5px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
}
.follow_box .left .bottom_section
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 30px;
}
.follow_box .left .bottom_section h2
{
    font-size: 25px;
    font-weight: 700;
}
.follow_box .left .bottom_section p
{
    color: #000;
    margin-top: 5px;
    font-size: 20px;
}

.follow_box .left .bottom_section h3
{
    color: #000;
    margin-top: 20px;
    font-size: 24px;
}
.follow_box .left .bottom_section h3 img
{
    margin-right: 5px;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;   
}



.follow_box .right {
    display: block;
    float: left;
    width: 60%;
    padding: 15px 30px;
}

.follow_box .right h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 500;
}
.follow_box .right h2 span
{
    color: #7D7D7D;
}

.follow_box .right p {
    font-size: 18px;
    color: #fff;
}

.follow_box .right h3 {
    margin-top: 10px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 25px;
}

.follow_box .right h3 img {
    margin-right: 5px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
    vertical-align: middle;
}

.news_article_section {
    padding: 60px 0;
    background: url(./images/news_article_bg.png) bottom left no-repeat;
}


.news_article_section .heading {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}

.news_article_section .heading h2 {
    font-size: 25px;
    font-weight: 500;
    color: #000;
}

.news_article_section .heading h3 {
    font-size: 32px;
    font-weight: 500;
}

.blog_slider {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    margin-top: 30px;
}
.blog_slider .owl-nav {
    text-align: center;
}

.blog_slider .owl-prev {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    font-size: 18px;
    text-align: center;
    background: #dfdfdf !important;
    color: #000 !important;
    border-radius: 100% !important;
    margin: 0 5px;
    font-weight: 700 !important;
    transition: all .5s;
    transition-timing-function: ease-out;
    transform: rotate(-45deg) !important;
}

.blog_slider .owl-prev:hover {
    background: #000 !important;
    color: #fff !important;
    transform: rotate(0deg) !important;
}

.blog_slider .owl-next {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    font-size: 18px;
    height: 50px;
    text-align: center;
    background: #dfdfdf !important;
    color: #000 !important;
    border-radius: 100% !important;
    margin: 0 5px;
    font-weight: 700 !important;
    transition: all .5s;
    transition-timing-function: ease-out;
    transform: rotate(45deg) !important;
}

.blog_slider .owl-next:hover {
    background: #000 !important;
    color: #fff !important;
    transform: rotate(0deg) !important;
}





.blog_slider .owl-item {
    padding-bottom: 20px;
}

.blog_box1 {
    display: block;
    float: left;
    width: 100%;
    box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.09);
}

.blog_box1 .img_area {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.blog_box1 .img_area img {
    float: left;
    width: 100% !important;
    height: 280px;
    position: relative;
    z-index: 1;
    object-fit: cover;
    object-position: center;
    transition: all .5s;
    transition-timing-function: ease-out;
}

.blog_box1 .text_area {
    display: block;
    float: left;
    width: 100%;
    padding: 15px 20px;
    background: #fff;
}

.blog_box1 .text_area h2 {
    font-size: 18px;
    min-height: 45px;
}

.blog_box1 .text_area p {
    font-size: 15px;
    margin-top: 10px;
}

.blog_box1 .text_area p a {
    color: #000;
}

.blog_box1 .text_area p a i {
    transition: all .5s;
    transition-timing-function: ease-out;
    transform: rotate(45deg);
}

.blog_box1 .text_area p a:hover i {
    transform: rotate(0);
}

.blog_box1 .date {
    display: block;
    float: left;
    width: 190px;
    height: 44px;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: -57px;
    z-index: 2;
    top: 42%;
    transform: translateY(-50%);
    color: #fff;
    text-align: center;
    line-height: 44px;
    transform: rotate(90deg);
    clip-path: polygon(5% 0, 95% 0, 100% 100%, 0% 100%);
}

.blog_box1:hover .img_area img {
    transform: scale(1.1);
}

.client_logo_section {
    background: #f6f7f9;
    padding: 12px 0;
}

.client_logo_box1 {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}

.client_logo_box1>img {
    display: inline-block !important;
    height: 70px;
    object-fit: contain;
    object-position: center;
    position: relative;
    z-index: 1;
}

footer {
    display: block;
    float: left;
    width: 100%;
    background: #000 url(./images/footer_bg.png) center left no-repeat;
}

footer .top_pannel {
    display: flex;
    float: left;
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #4D4D4D;
    justify-content: space-between;
    align-items: center;
}

.footer_top_left h2 {
    font-size: 32px;
    color: #fff;
}

.footer_top_left h2 span {
    color: #7D7D7D;
}

.footer_top_left p {
    color: #fff;
}

.footer_top_right {
    display: flex;
    align-items: center;
}

.footer_top_right img {
    width: 50px;
}

.button1 {
    display: inline-block;
    vertical-align: top;
    width: auto;
    background: #fff;
    font-size: 16px;
    padding: 10px 30px;
    color: #000 !important;
    font-weight: 500;
    position: relative;
    transition: all .5s;
    transition-timing-function: ease-out;
    border: none;
    box-shadow: none;
    border: 1px solid #fff;
    white-space: pre;
}


.button1::after {
    position: absolute;
    z-index: 0;
    content: '';
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    transition: all .4s;
    transition-timing-function: ease-out;
}

.button1:hover span {
    color: #fff !important;
    z-index: 2;
    position: relative;
}
.button1:hover::after {
    width: 100%;
}


.sticky .button1 {
    display: inline-block;
    vertical-align: top;
    width: auto;
    background: #000;
    font-size: 16px;
    padding: 10px 30px;
    color: #fff !important;
    font-weight: 500;
    position: relative;
    transition: all .5s;
    transition-timing-function: ease-out;
    border: none;
    box-shadow: none;
    border: 1px solid transparent;
    white-space: pre;
}


.sticky .button1::after {
    position: absolute;
    z-index: 0;
    content: '';
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #000;
    transition: all .4s;
    transition-timing-function: ease-out;
}

.sticky .button1:hover span {
    color: #000 !important;
    z-index: 2;
    position: relative;
}
.sticky .button1:hover::after {
    width: 100%;
}


.subpage_header .button1 {
    display: inline-block;
    vertical-align: top;
    width: auto;
    background: #000;
    font-size: 16px;
    padding: 10px 30px;
    color: #fff !important;
    font-weight: 500;
    position: relative;
    transition: all .5s;
    transition-timing-function: ease-out;
    border: none;
    box-shadow: none;
    white-space: pre;
}


.subpage_header .button1::after {
    position: absolute;
    z-index: 0;
    content: '';
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #000;
    transition: all .4s;
    transition-timing-function: ease-out;
}

.subpage_header .button1:hover span {
    color: #000 !important;
    z-index: 2;
    position: relative;
}
.subpage_header .button1:hover::after {
    width: 100%;
}


.button3 {
    display: inline-block;
    vertical-align: top;
    width: auto;
    background: #000;
    font-size: 16px;
    padding: 10px 30px;
    color: #fff !important;
    font-weight: 500;
    position: relative;
    transition: all .5s;
    transition-timing-function: ease-out;
    border: none;
    box-shadow: none;
    border: 1px solid #000;
    white-space: pre;
}


.button3::after {
    position: absolute;
    z-index: 0;
    content: '';
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #ffff;
    transition: all .4s;
    transition-timing-function: ease-out;
}

.button3:hover span {
    color: #000 !important;
    z-index: 2;
    position: relative;
}
.button3:hover::after {
    width: 100%;
}


.button2 {
    display: inline-block;
    vertical-align: top;
    width: auto;
    background: #fff !important;
    font-size: 16px;
    padding: 10px 30px;
    color: #010101 !important;
    font-weight: 500;
    position: relative;
    transition: all .5s;
    transition-timing-function: ease-out;
    border: none;
    box-shadow: none;
    border: 1px solid #000;
}

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

.button2::after {
    position: absolute;
    z-index: 0;
    content: '';
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    transition: all .4s;
    transition-timing-function: ease-out;
}

/* .button2:hover {
    color: #fff !important;
    background: #000 !important;
} */
.button2:hover {
    color: #fff !important;
    background: #000 !important;
}

.button2:hover::after {
    width: 100%;
}

.footer_middle {
    display: block;
    float: left;
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #4D4D4D;
}

.footer_box1 {
    display: block;
    float: left;
    width: 100%;
    margin: 15px 0;
    color: #fff;
}

.footer_box1 h2 {
    font-size: 25px;
    margin-bottom: 10px;
}

.footer_box1 ul {
    padding: 0;
    list-style-type: none;
}

.footer_box1 ul li {
    margin-bottom: 10px;
    color: #fff;
}

.footer_box1 ul li a {
    color: #fff;
}

.footer_box1 ul li a:hover {
    color: #36BCBC;
}

.footer_box1 p {
    color: #fff;
}

.footer_box1 h3 {
    margin-top: 15px;
    font-size: 16px;
}

.footer_box1 h3 img {
    width: 30px;
}

.footer_box1 p img {
    width: 30px;
    margin: 15px 2px 0 0;
}

.footer_bottom {
    display: block;
    float: left;
    width: 100%;
    padding: 20px 0;
}

.footer_bottom p {
    color: #fff;
}

.subpage_body
{
    padding: 120px 0 60px 0;
    background: #fff url(./images/line.png) left center no-repeat;
}
.blog_large_box1
{
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.blog_large_box1 .img_area
{
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
}
.blog_large_box1 .img_area img
{
    float: left;
    width: 100%;
    height: 380px;
    object-fit: cover;
    transition: all .5s ;
	transition-timing-function:ease-out;
}
.blog_large_box1:hover .img_area img
{
	transform: scale(1.05);	
}
.blog_large_box1 .top_pannel
{
    display: flex;
    float: left;
    width: 100%;
    margin-top: 15px;
    justify-content: space-between;
    align-items: center;
}
.blog_large_box1 .top_pannel .left
{
    font-size: 18px;
}
.blog_large_box1 .top_pannel .right img
{
    width: 34px;
    height: 34px;
    margin-left: 3px;
}
.blog_large_box1 .text_pannel
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 20px;
}
.blog_large_box1 .text_pannel h2
{
    font-size: 28px;
}
.blog_large_box1 .text_pannel p
{
    margin-top: 20px;
}




.blog_large_box2
{
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.blog_large_box2 .img_area
{
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
}
.blog_large_box2 .img_area img
{
    float: left;
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: all .5s ;
	transition-timing-function:ease-out;
}
.blog_large_box2:hover .img_area img
{
	transform: scale(1.05);	
}
.blog_large_box2 .top_pannel
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 15px;
    justify-content: space-between;
    align-items: center;
}
.blog_large_box2 .top_pannel .left
{
    font-size: 18px;
    margin-top: 5px;
}
.blog_large_box2 .top_pannel .right img
{
    width: 34px;
    height: 34px;
    margin-right: 3px;
}
.blog_large_box2 .text_pannel
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 12px;
}
.blog_large_box2 .text_pannel h2
{
    font-size: 20px;
}
.blog_large_box2 .text_pannel p
{
    margin-top: 12px;
    min-height: 80px;
}
.blog_search_section
{
    display: flex;
    float: left;
    width: 100%;
}
.blog_search_section form
{
    width: 100%;
    display: flex;
    align-items: center;
}
.search_input
{
    display: block;
    float: left;
    width: 100%;
    height: 48px;
    border: 1px solid #D6D6D6 !important;
    font-family: 'Roboto', sans-serif !important;
}
.search_input:focus
{
    outline-style: none;
}
.search_submit
{
    display: block;  
    float: left;
    width: 56px;
    height: 48px;
    border: none;
    background: #000 url(./images/search.svg) center center no-repeat !important;
    border-radius: 0 !important;
}
.search_submit:hover
{
    background: #3C3C4A url(./images/search.svg) center center no-repeat !important;
}
.category_section
{
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.19);
    display: block;
    float: left;
    width: 100%;
    padding: 22px;
    margin-top: 25px;
}
.category_section h2
{
    font-size: 20px;
}
.category_section ul
{
    list-style-type: none;
    padding: 0;
    margin-top: 18px;
}
.category_section ul li
{
    list-style-type: none;
}
.category_section ul li a
{
    color: #6c6c6c;
    padding: 15px 0;
    border-top: 1px solid #D6D6D6;
    width: 100%;
    float: left;
    position: relative;
}
.category_section ul li a:hover
{
    color: #000;
}
.category_section ul li a:after
{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'FontAwesome';
    content: '\f054';
}

.recent_news_section
{
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.19);
    display: block;
    float: left;
    width: 100%;
    padding: 22px;
    margin-top: 25px;
}
.recent_news_section h2
{
    font-size: 20px;
    border-bottom: 1px solid #D6D6D6;
    padding-bottom: 15px;
}
.blog_right_recent_news_box1 {
    display: flex;
    float: left;
    width: 100%;
    padding: 18px 0;
    border-bottom: 1px solid #E7E7E7;
}
.blog_right_recent_news_box1 .img_area {
    display: block;
    float: left;
    width: 80px;
    height: 70px;
    flex: 80px 0 0;
}
.blog_right_recent_news_box1 .img_area img {
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blog_right_recent_news_box1 .text_area {
    display: block;
    float: left;
    width: 100%;
    padding-left: 15px;
}
.blog_right_recent_news_box1 .text_area h5 {
    font-size: 15px;
}
.blog_right_recent_news_box1 .text_area p {
    color: #8A8A8A;
    font-size: 15px;
    margin-top: 5px;
}
.about_section1
{
    padding: 60px 0;
    background: #000 url(./images/line.png) left center no-repeat;
}
.about_section1_left_area
{
    display: block;
    float: left;
    width: 100%;
}
.about_section1_left_area img
{
    float: left;
    width: 100%;
}
.about_section1_right_area
{
    display: block;
    float: left;
    width: 100%;
    color: #fff;
}
.about_section1_right_area h2
{
    font-size: 25px;
    font-weight: 100;
}
.about_section1_right_area h3
{
    font-size: 40px;
    margin-top: 10px;
}
.about_section1_right_area p
{
    color: #EFEFEF;
    margin-top: 10px;
}
.about_ceo_section
{
    display: flex;
    float: left;
    width: 100%;
    margin-top: 25px;
}
.about_ceo_img
{
    width: 80px;
    height: 80px;
    flex: 80px 0 0;
    margin-right: 15px;
    border-radius: 100%;
}
.about_ceo_section .text_area
{

}

.team_section {
    background-size: cover;
    padding: 60px 0;
    background-attachment: fixed;
}
.team_boxes
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 20px;
}
.team_box1
{
    display: block;
    float: left;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    margin: 15px 0;
    position: relative;
}
.team_box1 .img_area
{
    display: block;
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.team_box1 .img_area img
{
    float: left;
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
	transition: all .5s ;
	transition-timing-function:ease-out;
}
.team_box1:hover .img_area img
{
	transform: scale(1.1)
}
.team_box1 .text_area
{
    display: block;
    float: left;
    width: 100%;
    position: absolute;
    z-index: 2;
    bottom: -100%;
    left: 0;
    transition: all .5s ;
	transition-timing-function:ease-out;
}
.team_box1 .text_area h3
{
    display: inline-block;
    vertical-align: top;
    background: #fff;
    padding: 10px 30px;
    border-radius: 0 10px 0 0;
    color: #000;
    font-size: 22px;
}
.team_box1 .text_area h2
{
    display: inline-block;
    vertical-align: top;
    background: #000;
    padding: 10px 30px;
    border-radius: 0 10px 10px 0;
    color: #fff;
    font-size: 25px;
}
.team_box1:hover .text_area
{
    bottom: 40px;
}
.team_bottom_section
{
    display: flex;
    float: left;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.team_bottom_section img
{
    width: 70px;
    height: 70px;
    border-radius: 100%;
    border: 3px solid #fff;
    display: inline-block;
    vertical-align: top;
    margin: 0 -12px;
}
.team_bottom_section a
{
    margin-left: 25px;
    color: #000;
    font-size: 20px;
}
.team_bottom_section a i
{
    transition: all .5s ;
	transition-timing-function:ease-out;
}
.team_bottom_section a:hover i
{
    margin-left: 10px;
}

.team_section .heading {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}
.team_section .heading h2 {
    font-size: 25px;
    font-weight: 500;
    color: #000;
}
.team_section .heading h3 {
    font-size: 32px;
    font-weight: 500;
}
.professional_section
{
    padding: 60px 0;
    background: #f1f1f1;
}
.professional_section h2
{
    color: #000;
    font-size: 35px;
}
.professional_section p
{
    color: #000;
    font-size: 16px;
    margin-top: 20px;
}
.mission_vision_section
{
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 50px 0;
}
.mission_vision_boxes
{
    display: flex;
    float: left;
    width: 100%;
}
.mission_box
{
    display: block;
    float: left;
    width: 50%;
    margin-top: 15px;
    padding-right: 20px;
    border-right: 1px solid #000000;
}
.mission_box i
{
    color: #000;
    font-size: 30px;
}
.mission_box h2
{
    font-size: 25px;
    margin: 10px 0;
}

.vission_box
{
    display: block;
    float: left;
    width: 50%;
    margin-top: 15px;
    padding-left: 20px;
}
.vission_box i
{
    color: #000;
    font-size: 30px;
}
.vission_box h2
{
    font-size: 25px;
    margin: 10px 0;
}
.mission_vision_section .bottom_section
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 50px;    
}
.mission_vision_section .bottom_section a
{
    color: #000;
    font-size: 22px;
}
.mission_vision_section .bottom_section a i
{
    color: #000;
    font-size: 45px; 
    margin-top: -8px; 
    display: inline-block;
    vertical-align: top; 
    transition: all .5s ;
	transition-timing-function:ease-out;
}
.mission_vision_section .bottom_section a:hover
{
    color: #000;
}
.mission_vision_section .bottom_section a:hover i
{
    color: #000;
}

.mission_vision_section .right
{
    display: block;
    float: left;
    width: 100%;
    position: relative;
    margin-top: -220px;
}
.mission_vision_section .right .img_area
{
    display: block;
    float: right;
    width: 80%;
    position: relative;
    z-index: 1;
}
.mission_vision_section .right .img_area img
{
    width: 100%;
    position: relative;
    z-index: 1;
}
.experience_section
{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    height: 200px;
    background: #000;
    text-align: center;
    z-index: 2;
    border-radius: 100%;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.experience_section h2
{
    font-size: 40px;
    font-weight: bold;
}
.experience_section p
{
    color: #fff;
    width: 100%;
}
.our_process_top_seaction
{
    display: block;
    float: left;
    width: 100%;
    padding: 60px 0;
}
.our_process_top_text_area
{
    display: block;
    float: left;
    width: 100%;
}
.our_process_top_text_area h3
{
    font-size: 18px;
}
.our_process_top_text_area h2
{
    font-size: 30px;
}

.our_process_top_left_area
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 50px;
    position: sticky;
    top: 82px;
}
.our_process_top_left_area ul
{
    list-style-type: none;
    padding: 0;
}
.our_process_top_left_area ul li a
{
    float: left;
    width: 100%;
    padding: 18px 0 18px 60px;
    font-size: 22px;
    font-weight: bold;
    color: #7D7D7D;
    border-bottom: 1px solid #D9D9D9;
    position: relative;
}
.our_process_top_left_area ul li a::after
{
    position: absolute;
    left: 10px;
    top: 50%;
    width: 40px;
    height: 40px;
    background: transparent;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D9D9D9;
    font-family: 'FontAwesome';
    content: '\f061';
    font-size: 20px;
    transform:translateY(-50%) rotate(45deg);
    transition: all .5s ;
	transition-timing-function:ease-out;
}
.our_process_top_left_area ul li a:hover
{
    color: #000;
    background: #D9D9D9;
}
.our_process_top_left_area ul li a:hover::after
{
    transform:translateY(-50%) rotate(0deg);
    background: #000;
    color: #fff;
}
.our_process_active a
{
    color: #000 !important;
    background: #D9D9D9 !important;   
}
.our_process_active a::after
{
    transform:translateY(-50%) rotate(0deg) !important; 
    background: #000 !important;
    color: #fff !important;
}
.our_process_top_right_area
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 50px;
}
.our_process_black_pannel
{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: #000;
    padding: 30px;
    color: #fff;
}
.our_process_black_pannel h2
{
    font-size: 20px;
}
.our_process_black_pannel h3
{
    font-size: 40px;
    margin-top: 10px;
}
.our_process_text_pannel
{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 20px;
}
.our_process_text_pannel h2
{
    font-size: 22px;
    margin-top: 15px;
}
.our_process_text_pannel p
{
    font-size: 16px;
    margin-top: 15px;
}
.our_process_text_pannel img
{
    width: 100%;
    margin-top: 20px;
    max-width: 600px;
}
.process_list
{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    padding: 0;
    list-style-type: none;
}
.process_list li
{
    display: inline-block;
    vertical-align: top;
    width: 49%;
    font-size: 16px;
    margin-top: 15px;
    position: relative;
    padding-left: 40px;
}
.process_list li::after
{
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    background: #000;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D9D9D9;
    font-family: 'FontAwesome';
    content: '\f00c';
    font-size: 15px;
    transform:translateY(-50%);
    transition: all .5s ;
	transition-timing-function:ease-out;   
}
.process_communication_section
{
    padding: 20px 0 60px 0;
}
.process_communication_section .top_text {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 20px;
}
.process_communication_section .top_text h2 {
    font-size: 28px;
    font-weight: 500;
    color: #000;
}
.process_communication_section .top_text p {
    color: #000;
    margin-top: 10px;
}

.process_communication_slider_section
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 20px;
}
.process_communication_box1
{
    display: block;
    float: left;
    width: 100%;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.19);
    padding: 30px;
    transition: all .5s ;
	transition-timing-function:ease-out;
}
.process_communication_box1 h2
{
    font-size: 20px;
    font-weight: 700;
}
.process_communication_box1 p
{
    font-size: 15px;
    color: #000;
    margin-top: 20px;
    display: block;
    float: left;
    width: 100%;
    min-height: 140px;
}
.process_communication_date_time
{
    display: flex;
    float: left;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #000000;
    justify-content: space-between;
    align-items: center;
}
.process_communication_box1:hover
{
    background: #000;
    color: #fff;
}
.process_communication_box1:hover p
{   
    color: #fff;
}
.collaboration_section
{
    padding: 0 0 30px 0;
}
.collaboration_section_inner
{
    display: flex;
    float: left;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.collaboration_section_inner .text_area
{
    display: block;
    float: left;
    width: 100%;
    padding-right: 15px;
}
.collaboration_section_inner .text_area p
{
    color: #000;
}
.collaboration_section_inner img
{
    flex: 0 0 80px;
    width: 80px !important;
}
.portfolio_top_text_area
{
    display: block;
    float: left;
    width: 100%;
}
.portfolio_top_text_area h2
{
    font-size: 18px;
}

.portfolio_boxes
{
    display: block;
    float: left;
    width: 100%;
}
.portfolio_service_box
{
    display: block;
    float: left;
    width: 100%;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.19);
    padding: 20px;
}
.portfolio_service_box h2
{
    font-size: 22px;
}
.portfolio_service_box ul
{
    padding: 0;
    list-style-type: none;
    margin-top: 12px;
}
.portfolio_service_box ul li a
{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 15px 20px;
    background: #000;
    color: #fff;
    margin: 3px 0;
    font-weight: 500;
}
.portfolio_service_box ul li a:hover
{
    background: #D9D9D8;
    color: #000;
}
.portfolio_service_right_area
{
    display: block;
    float: left;
    width: 100%;
}
.portfolio_service_right_main_img
{
    width: 100%;
}
.portfolio_service_right_area h2
{
    margin-top: 30px;
}
.portfolio_service_right_area p
{
    margin-top: 15px;
}
.portfolio_service_right_area ol
{
    color: #7D7D7D;
    margin-top: 15px;
    padding-left: 15px;
}
.portfolio_service_right_area ol li
{
    color: #7D7D7D;
    margin-top: 12px;  
}
.portfolio_service_right_img
{
    max-width: 100%;
    margin-top: 15px;
}
.expertise_section1
{
    display: flex;
    float: left;
    width: 100%;
    align-items: center;
    padding-bottom: 30px;
}
.expertise_section1 .img_area
{
    display: block;
    float: left;
    flex: 500px 0 0;
    height: 500px;
    position: relative;
    border-radius: 100%;
}
.expertise_section1 .img_area img
{
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
    z-index: 3;
    border-radius: 100%;
    -webkit-box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
-moz-box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
}
.expertise_section1_graphic1
{
    position: absolute;
    z-index: 1;
    width: 125px;
    height: 125px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.50);
    bottom: 0;
    left: 0;
}
.expertise_section1_graphic2
{
    position: absolute;
    z-index: 1;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.50);
    bottom: -60px;
    left: 150px;
}
.expertise_section1 .text_area
{
    display: block;
    float: left;
    width: 100%;
    padding-left: 50px;
}
.expertise_section1 .text_area h3
{
    font-size: 18px;
}
.expertise_section1 .text_area h2 p
{
    font-size: 26px;
    margin-top: 15px;
    font-weight: 700 !important;
    color: #000;
}
.expertise_section1 .text_area ul
{
    margin: 22px 0 0 0;
    padding-left: 0;
    list-style-type: none;
}
.expertise_section1 .text_area ul li
{
    font-size: 18px;
    margin-top: 15px;
    position: relative;
    padding-left: 40px;
    font-weight: 500;
}
.expertise_section1 .text_area ul li::after {
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    background: #000;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D9D9D9;
    font-family: 'FontAwesome';
    content: '\f00c';
    font-size: 15px;
    transform: translateY(-50%);
    transition: all .5s;
    transition-timing-function: ease-out;
}


.expertise_section2
{
    padding: 0 0 50px 0;
}
.work_slider_box1 .right_text_area .inside ul
{
    margin: 22px 0 0 0;
    padding-left: 0;
    list-style-type: none;
}
.work_slider_box1 .right_text_area .inside ul li
{
    font-size: 18px;
    margin-top: 15px;
    position: relative;
    padding-left: 40px;
    font-weight: 500;
}
.work_slider_box1 .right_text_area .inside ul li::after {
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    background: #000;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D9D9D9;
    font-family: 'FontAwesome';
    content: '\f00c';
    font-size: 15px;
    transform: translateY(-50%);
    transition: all .5s;
    transition-timing-function: ease-out;
}
.expertise_section3
{
    padding: 20px 0 50px 0;
}
.expertise_section3_bg {
    background:  url(./images/about_dot_bg2.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.expertise_section3 .right_img_area {
    display: flex;
    float: left;
    width: 100%;
    height: 420px;
    background: #000;
    padding: 50px;
    align-items: center;
    justify-content: center;
}
.expertise_section3 .right_img_area img {
    max-width: 100%;
    max-height: 350px;
}
.expertise_section3 .left_text_area {
    display: block;
    float: left;
    width: 100%;
}
.expertise_section3 .left_text_area h2
{
    font-size: 28px;
}
.expertise_section3 .left_text_area p
{
    color: #000;
    margin-top: 10px;
}
.expertise_section3 .left_text_area ul
{
    margin: 22px 0 0 0;
    padding-left: 0;
    list-style-type: none;
}
.expertise_section3 .left_text_area ul li
{
    font-size: 18px;
    margin-top: 15px;
    position: relative;
    padding-left: 40px;
    font-weight: 500;
}
.expertise_section3 .left_text_area ul li::after {
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    background: #000;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D9D9D9;
    font-family: 'FontAwesome';
    content: '\f00c';
    font-size: 15px;
    transform: translateY(-50%);
    transition: all .5s;
    transition-timing-function: ease-out;
}

.contact_map_section iframe
{
    float: left;
    width: 100%;
    height: 300px;
    margin: 0;
}
.contact_left_area
{
    display: block;
    float: left;
    width: 100%;
    height: 100%;
}
.contact_left_area .inner
{
    display: block;
    float: left;
    width: 100%;
    padding: 0 40px 50px 0;
}
.contact_left_area .inner h3
{
    font-size: 25px;
    text-transform: uppercase;
}
.contact_left_area .inner h2
{
    font-size: 35px;
    margin: 10px 0;
}
.contact_left_area .inner p
{
    font-size: 18px;
}

.contact_right_area
{
    display: block;
    float: left;
    width: 100%;
    background: #1A1A2A;
    height: 100%;
}
.contact_right_area .inner
{
    display: block;
    float: left;
    width: 100%;
    padding: 0 0 50px 40px;
    color: #fff;
}
.contact_right_area .inner h3
{
    font-size: 25px;
    text-transform: uppercase;
}
.contact_right_area .inner h2
{
    font-size: 35px;
    margin: 10px 0;
}
.contact_box1
{
    display: flex;
    float: left;
    width: 100%;
    margin-top: 15px;
    position: relative;
    align-items: center;
}
.contact_box1 img
{
    flex: 50px 0 0;
}
.contact_box1 .text_area
{
    display: block;
    float: left;
    width: 100%;
    padding-left: 20px;
}
.contact_box1 .text_area h2
{
    font-size: 22px !important;
    margin: 0;
}
.contact_box1 .text_area p
{
    font-size: 15px !important;
    margin-top: 2px;
}


.contact_form_section
{
    background: #000;
    padding: 50px 0;
}
.contact_form_section .top_area
{
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
}

.contact_form
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 25px;
}
.contact_form .form-control
{
    background: #3C3C4A;
    color: #EAEAEA;
    border: none;
    border-radius: 0;
    height: 60px;
    padding: 15px 20px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px !important;
}
.contact_form .form-control:focus
{
    outline-style: none;
    box-shadow: none;
}
.contact_form .form-control::placeholder
{
    color: #EAEAEA;
}
.contact_form textarea
{
    height: 150px !important;
}
.name_icon
{
    background-image: url(./images/contact_name.svg) !important;
    background-position: calc(100% - 20px) 20px !important;
    background-repeat: no-repeat !important;
}
.email_icon
{
    background-image: url(./images/contact_email.svg) !important;
    background-position: calc(100% - 20px) 20px !important;
    background-repeat: no-repeat !important;
}
.phone_icon
{
    background-image: url(./images/contact_phone.svg) !important;
    background-position: calc(100% - 20px) 20px !important;
    background-repeat: no-repeat !important;
}
.message_icon
{
    background-image: url(./images/contact_message.svg) !important;
    background-position: calc(100% - 20px) 20px !important;
    background-repeat: no-repeat !important;
}

.service_slider .owl-nav {
    position: absolute;
    float: left;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    opacity: 0;
}
.service_slider .owl-prev {
    vertical-align: top;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #1D1A27 !important;
    color: #fff !important;
    border-radius: 100px !important;
    margin: 0 5px;
    font-weight: 700 !important;    
    float: left;
    margin-left: 10px;
}
.service_slider .owl-next {
    vertical-align: top;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #1D1A27 !important;
    color: #fff !important;
    border-radius: 100px !important;
    margin: 0 5px;
    font-weight: 700 !important;
    float: right;
    margin-right: 10px;
}
.service_slider:hover .owl-nav {
    opacity: 1;
}
.service_slider:hover .owl-nav .disabled
{
    display: none !important;
}
.carousel-control-next, .carousel-control-prev
{
    width: 40px;
}
.carousel-control-next:hover, .carousel-control-prev:hover
{
    background: none !important;
}
.carousel-control-next:focus, .carousel-control-prev:focus
{
    background: none !important;
}
.navbar-toggler {
    padding: 0 !important;
    font-size: 22px !important;
    border: none !important;
    color: #000 !important;
}
.navbar-brand
{
    padding: 0 !important;
}
.navbar-toggler:hover
{
    background: none !important;
}
.navbar-toggler:focus {
    box-shadow: none !important;
}
.subpage_header
{
    background: #fff;
}

.subpage_padding
{
    padding-top: 120px !important;
}
.subpage_padding2
{
    padding-top: 55px !important;
}

.home_contact_form
{
    display: block;
    float: left;
    width: 100%;
}

.home_contact_form .form-control
{
    background: none;
    color: #EAEAEA;
    border: none;
    border-radius: 0;
    height: 50px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px !important;
    border-bottom: 1px solid #ffffff43;
}
.home_contact_form .form-control:focus
{
    outline-style: none;
    box-shadow: none;
}
.home_contact_form .form-control::placeholder
{
    color: #EAEAEA;
}
.home_contact_form textarea
{
    height: 60px !important;
}
.home_contact_form p
{
    margin: 0;
}
.home_name_icon
{
    background-image: url(./images/contact_name.svg) !important;
    background-position: 0 20px !important;
    background-repeat: no-repeat !important;
}
.home_email_icon
{
    background-image: url(./images/contact_email.svg) !important;
    background-position:0 20px !important;
    background-repeat: no-repeat !important;
}
.home_phone_icon
{
    background-image: url(./images/contact_phone.svg) !important;
    background-position: 0 20px !important;;
    background-repeat: no-repeat !important;
}
.home_message_icon
{
    background-image: url(./images/contact_message.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 0 15px !important;
}

.home_contact_form .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    width: 100%;
  }
  
.home_contact_form  .btn {
    border: 1px solid #fff;
    color: #fff;
    background-color: none;
    padding: 10px 25px;
    font-size: 16px;
    border-radius: 0;
    cursor: pointer;
  }
  
  .expertise_section3 .graphic_img_section {
    display: block;
    float: left;
    width: 100%;
}
.expertise_section3 .graphic_img_section img
{
    width: 100%;
}
.portfolio_section1
{
    display: block;
    float: left;
    width: 100%;
    padding: 50px 0;
    background: #000;
}
.portfolio_section1 .text_area
{
    display: block;
    float: left;
    width: 100%;
    color: #fff;
}
.portfolio_section1 .text_area h1
{
    font-size: 18px;
}
.portfolio_section1 .text_area h2
{
    font-size: 18px;
}

.portfolio_section1 .text_area h3
{
    font-size: 30px;
}
.technology_stack_section
{
    display: block;
    float: left;
    width: 100%;
}
.technology_stack_section h3
{
    font-size: 25px;
}
.technology_stack_logo
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 35px;
}
.technology_stack_logo img
{
    width: 42px;
    height: 42px;
    object-fit: contain;
    object-position: center;
    margin: 0 25px 25px 0;
}

.portfolio_box1
{
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.10);
    overflow: hidden;
    position: relative;
}
.portfolio_box1 .top_section{
    display: flex;
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}
.portfolio_box1 .top_section .tag
{
    display: block;
    float: left;
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
}
.portfolio_box1 .top_section .right
{
    padding: 0 15px;
}
.portfolio_box1 .top_section .right img
{
    display: inline-block;
    vertical-align: top;
    width: 34px;
    height: 34px;
    margin-left: 1px;
    border-radius: 100%;
    object-fit: contain;
    object-position: center;
}
.portfolio_box1 .img_area
{
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 10px 15px;
    position: relative;
    z-index: 1;
}
.portfolio_box1 .img_area img
{
    width: 100%;
    height: 225px;
    object-position: center;
    object-fit: contain;
}
.portfolio_box1 .project_text_area
{
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    padding: 15px 15px 30px 15px;
    position: relative;
    z-index: 1;
}

.portfolio_box1 .project_text_area h3
{
    font-size: 18px;
}
.portfolio_box1 .hover_box
{
    display: flex;
    float: left;
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.88);
    align-items: center;
    padding: 15px;
    position: absolute;
    z-index: 2;
    flex-wrap: wrap;
    align-content: center;
    transition: all .5s ;
	transition-timing-function:ease-out;
}
.portfolio_box1:hover .hover_box
{
    top: 0;
}
.portfolio_box1 .hover_box p
{
    color: #fff;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
.portfolio_box1 .hover_box p a
{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.portfolio_box1 .text_area h2
{
    font-size: 18px;
    margin-top: 10px;
}
.portfolio_box1 .text_area p
{
    font-size: 14px;
    margin-top: 10px;
}
.portfolio_box1 .text_area a
{
    color: #fff;
    font-size: 13px;
    margin-top: 12px;
    display: inline-block;
    vertical-align: top;
}
.portfolio_box1 .text_area a i
{
    transition: all .5s ;
	transition-timing-function:ease-out;
}
.portfolio_box1 .text_area a:hover i
{
    margin-left: 5px;
}
.expertise_details_section2
{
    padding: 60px 0;
    background: #111111 url(./images/about_dot_bg.png) top right no-repeat;
}
.expertise_details_section2_left
{
    display: block;
    float: left;
    width: 100%;
    color: #fff;
}
.expertise_details_section2_left h2
{
    font-size: 40px;
}
.expertise_details_section2_left p
{
    margin-top: 15px;
    color: #D9D9D9;
    font-size: 16px;
}
.expertise_details_section2_left ul {
    margin: 22px 0 0 0;
    padding-left: 0;
    list-style-type: none;
}
.expertise_details_section2_left ul li
{
    margin-top: 10px;
    position: relative;
    padding-left: 30px;
}
.expertise_details_section2_left ul li::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-family: 'FontAwesome';
    content: '\f00c';
    font-size: 12px;
    transition: all .5s;
    transition-timing-function: ease-out;
}
.expertise_details_section2_right_slider
{
    display: block;
    float: left;
    width: 100%;
    padding: 0 25px;
}
.expertise_details_section2_right_slider .img_area
{
    display: block;
    float: left;
    width: 100%;
}
.expertise_details_section2_right_slider .img_area img
{
    float: left;
    width: 100% !important;
}


.expertise_details_section2_right_slider .owl-nav {
    position: absolute;
    float: left;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    opacity: 1;
}
.expertise_details_section2_right_slider .owl-prev {
    vertical-align: top;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff !important;
    margin: 0 5px;
    font-weight: 700 !important;    
    float: left;
    margin-left: -30px;
    font-size: 25px !important;
}
.expertise_details_section2_right_slider .owl-next {
    vertical-align: top;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff !important;
    border-radius: 100px !important;
    margin: 0 5px;
    font-weight: 700 !important;
    float: right;
    margin-right: -30px;
    font-size: 25px !important;
}
.service_slider:hover .owl-nav {
    opacity: 1;
}
.expertise_details_section3 .expertise_details_section2_right_slider .owl-prev
{
    color: #000 !important;    
}
.expertise_details_section3 .expertise_details_section2_right_slider .owl-next
{
    color: #000 !important;    
}
.carousel-control-next, .carousel-control-prev
{
    width: 40px;
}
.expertise_details_section3
{
    padding: 60px 0;
    background: #fff url(./images/about_dot_bg2.png) top left no-repeat;
}

.expertise_details_section3_left
{
    display: block;
    float: left;
    width: 100%;
    color: #000;
}
.expertise_details_section3_left h2
{
    font-size: 40px;
}
.expertise_details_section3_left p
{
    margin-top: 15px;
    color: #000;
    font-size: 16px;
}
.expertise_details_section3_left ul {
    margin: 22px 0 0 0;
    padding-left: 0;
    list-style-type: none;
}
.expertise_details_section3_left ul li
{
    margin-top: 10px;
    position: relative;
    padding-left: 30px;
}
.expertise_details_section3_left ul li::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'FontAwesome';
    content: '\f00c';
    font-size: 12px;
    transition: all .5s;
    transition-timing-function: ease-out;
}
.expertise_details_section1
{
    position: relative;
    z-index: 2;
    padding: 0 0 70px 0;
}

.successful_project {
    position: relative;
    float: right;
    width: 200px;
    height: 200px;
    background: #272727;
    text-align: center;
    z-index: 2;
    border-radius: 100%;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-top: -90px;
}
.successful_project h2 {
    font-size: 45px;
    font-weight: bold;
}
.successful_project p {
    color: #fff;
    width: 100%;
}
.expertise_details_section1_left
{
    float: left;
    width: 100%;
    margin-top: 30px;
    height: calc(100% - 30px);
    border-right: 1px solid #C5C5C5;
    padding-right: 40px;
}
.expertise_details_section1_left ul {
    margin: 22px 0 0 0;
    padding-left: 0;
    list-style-type: none;
}
.expertise_details_section1_left ul li
{
    font-size: 18px;
    margin-top: 15px;
    position: relative;
    padding-left: 40px;
    font-weight: 500;
}
.expertise_details_section1_left ul li::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background: #000;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D9D9D9;
    font-family: 'FontAwesome';
    content: '\f00c';
    font-size: 15px;
    transition: all .5s;
    transition-timing-function: ease-out;
}

.expertise_details_section1_right
{
    float: left;
    width: 100%;
    margin-top: 30px;
    height: calc(100% - 30px);
    padding-left: 40px;
}
.expertise_details_top_section
{
    display: block;
    float: left;
    width: 100%;
    background: #000;
}
.expertise_details_top_section .left
{
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 40px;
    color: #fff;
}
.expertise_details_top_section .left p
{
    margin-top: 15px;
    color: #D9D9D9;
    font-size: 16px;   
}
.website_development_img_section
{
    display: block;
    float: left;
    width: 100%;
}
.website_development_img_section img
{
    float: left;
    width: 100%;
    margin-bottom: -60px;
}

.app_development_img_section
{
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}
.app_development_img_section img
{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 350px;
    margin-bottom: -100px;
}

.geaphic_design_img_section
{
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}
.geaphic_design_img_section img
{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 500px;
    margin-bottom: -100px;
    margin-top: -80px;
}
.project_details_about_section
{
    position: relative;
    background: #000;
    padding: 140px 0 50px 0;
    z-index: 1;
}
.project_details_about_text
{
    display: block;
    float: left;
    width: 100%;
    color: #fff;
}
.project_details_about_text h2
{
    font-size: 30px;
}
.project_details_about_text p
{
    font-size: 15px;
    margin-top: 12px;
    color: #fff;
    line-height: 30px;
}
.project_details_background_section
{
    padding: 60px 0;
    position: relative;
    z-index: 2;
}
.project_details_background_section .left_area
{
    display: block;
    float: left;
    width: 100%;
}
.project_details_background_section .left_area h2
{
    font-size: 30px;
}
.project_details_background_section .left_area p
{
    margin-top: 20px;
}
.project_details_background_section .web_details_right_area
{
    display: flex;
    float: left;
    width: 100%;
    justify-content: space-between;
}
.web_details_right_box1
{
    display: block;
    float: left;
    width: 48%;
}
.web_details_right_box1 img
{
    float: left;
    width: 100%;
}
.web_details_img1
{
    margin-top: -250px;
}
.web_details_img2
{
    margin-top: -300px;
}
.timeing_project {
    position: absolute;
    float: right;
    width: 200px;
    height: 200px;
    background: #000;
    text-align: center;
    z-index: 2;
    border-radius: 100%;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-top: -200px;
    left: 50%;
    transform: translate(-50%);
    border: 2px solid #fff;
}
.timeing_project h2 {
    font-size: 45px;
    font-weight: bold;
}
.timeing_project p {
    color: #fff;
    width: 100%;
}

.details_page_header
{
    display: block;
    float: left;
    width: 100%;
}
.details_page_header_left_area {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
}
.details_page_header_left_area .inner {
    display: block;
    float: left;
    width: 100%;
    padding: 0 40px 50px 0;
}
.details_page_header_left_area .inner h3
{
    font-size: 26px;
}
.details_page_header_left_area .inner h4
{
    font-size: 30px;
    margin-top: 20px;
}
.details_page_header_left_area .inner h2
{
    font-size: 35px;
}
.details_page_header_left_area .inner p
{
    margin-top: 30px;
}

.details_page_header_right_area
{
    display: block;
    float: left;
    width: 100%;
    background: #1A1A2A;
}
.details_page_header_right_area .inner
{
    display: flex;
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    position: relative;
}
.details_page_header_right_area .inner .big_images2
{
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 50px;
}
.details_page_header_right_area .inner .big_images
{
    width: 100%;
    position: relative;
    z-index: 1;
}
.details_page_header_right_area .inner video
{
    width: 100%;
}
.sfwppa-pages {
    padding: 10px 15px !important;
}
.wp-pagenavi span.current {
    padding: 10px 15px !important;
    background: #000 !important;
    color: #fff !important;
}

.home_contact_form .name_icon
{
    background-image: url(./images/contact_name.svg) !important;
    background-position: 0 12px !important;
    background-repeat: no-repeat !important;
    padding-left: 40px !important;
}
.home_contact_form .email_icon
{
    background-image: url(./images/contact_email.svg) !important;
    background-position: 0 12px !important;
    background-repeat: no-repeat !important;
    padding-left: 40px !important;
}
.home_contact_form .phone_icon
{
    background-image: url(./images/contact_phone.svg) !important;
    background-position: 0 12px !important;
    background-repeat: no-repeat !important;
    padding-left: 40px !important;
}
.home_contact_form .message_icon
{
    background-image: url(./images/contact_message.svg) !important;
    background-position: 0 12px !important;
    background-repeat: no-repeat !important;
    padding-left: 40px !important;
}
.contact_form_but .wpcf7-spinner
{
    display: none;
}
.contact_right_area p
{
    margin: 0 !important;
}
.contact_right_area .upload-btn-wrapper i
{
    display: none;
}
.contact_right_area .upload-btn-wrapper input
{
    color: #fff;
    background: #3e3a4d; 
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
}
.home_contact_form .upload-btn-wrapper i
{
    display: none;   
}

.home_contact_form .upload-btn-wrapper input
{
    color: #fff;
    background: none; 
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    position: relative;
    border: 1px solid #ffffff43;
    padding: 10px 15px;
    width: 100%;
}
.link_section
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 25px;
}
.link_section h2
{
    margin-bottom: 15px;   
}
.link_section img
{
    margin: 10px 10px 0 0;
}
.link_modal .modal-header
{
    background: #000;
    padding: 10px 15px;
}
.link_modal .modal-title
{
    font-size: 18px;
    color: #fff;
}
.link_modal_body
{
    display: block;
    float: left;
    width: 100%;
}
.link_modal_body .top_section
{
    display: flex;
    float: left;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
.link_modal_body .top_section .logo_area
{
    
    display: flex;
    float: left;
    width: 120px;
    height: 120px;
    flex: 120px 0 0;
    background: #ECECEC;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}
.link_modal_body .top_section .logo_area img
{
    width: 90%;
}
.link_modal_body .top_section .text_area
{
    
    display: block;
    float: left;
    width: 100%;
}
.link_modal_body .top_section .text_area h4
{
    color: #DD4C1F;
    font-size: 24px;
}
.link_modal_body .top_section .text_area p
{
    font-size: 15px;
    margin-top: 12px;
}
.link_modal_body .bottom_section
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 15px;
}
.link_modal_body .bottom_section .inner
{
    display: flex;
    float: left;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
.link_modal_body .bottom_section .left
{
    display: block;
    float: left;
    width: 100%;
}
.link_modal_body .bottom_section .left img
{
    max-width: 100%;
}
.link_modal_body .bottom_section .left p
{
    margin-top: 10px;
    font-size: 17px;
    font-weight: 600;
    color: #000;
}
.link_modal_body .bottom_section .left p a
{
    background: #D9D9D9;
    padding: 5px;
    margin-left: 5px;
}
.link_modal_body .bottom_section .right
{
    display: block;
    width: 150px;
    height: 150px;
    flex: 0 0 150px;
}
.link_modal_body .bottom_section .right img
{
    width: 100%;
}
.link_modal .modal-body
{
    background: #FAFAFA !important;
}
.link_modal .btn-close
{
    margin: 0 !important;
    background-color: #fff !important;
    padding: 10px !important;
    border-radius: 100% !important;
    opacity: 1 !important;
    width: 30px !important;
    height: 30px !important;
}
.link_modal .btn-close:hover
{
    background-position: center center !important;
}
.wpcf7-response-output
{
    /* border-color: #ff0000 !important;*/
    color: #fff;
}
.navbar-toggler:focus
{
    background: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid 000;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.page404_body {
    padding: 120px 0 60px 0;
    text-align: center;
}
.page404_body img
{
    width: 100%;
    max-width: 600px;  
}

.conter_section
{
    display: block;
    float: left;
    width: 100%;
    background: #0000009c;
    padding: 5px 0;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    box-shadow: -19px 0px 20px -20px rgba(0,0,0,0.45),
    0px -21px 46px -24px rgba(71,243,245,.4);
}
.conter_section .box1{
    display: flex;
    float: left;
    width: 100%;
    margin: 15px 0;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #B2B2B2;
    color: #fff;
}
.conter_section .box1 img
{
    margin-right: 12px;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
}
.conter_section .box1 h3
{
    font-weight: 700;
    background: #47F3F5;
background: linear-gradient(to right, #47F3F5 0%, #298E8F 97%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.conter_section .box1 p
{
    color: #fff;
}

.conter_section .row .col-lg-3:last-child .box1
{
    border-right: none;   
}
.rating_section
{
    display: block;
    float: left;
    width: 100%;
    margin: 40px 0 30px 0;
}
.rating_section .rating_box1
{
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px 0;
}
.rating_section .rating_box1 img
{
    max-width: 100%;
}
.rating_section .rating_box1 p i
{
    color: #FF9D00;
    margin-top: 2px;
}
.rating_section .rating_box1 p
{
    margin-top: 2px;
    font-weight: 700;
    color: #000;
}
.rating_section .rating_box1 h3
{
    margin-top: 2px;
    font-weight: 700;
    color: #000;
    font-size: 15px;
}
.about_video_and_upwork_section
{
    display: block;
    float: left;
    width: 100%;
    padding: 40px 0;
}
.about_video_area
{
    display: block;
    float: left;
    width: 100%;
}
.about_video_area video
{
    width: 100%;
    height: 440px;
}
.about_upwork_area
{
    display: block;
    float: left;
    width: 100%;
    text-align: center;
} 
.about_upwork_area .upwork_logo
{
    width: 100%;
    max-width: 350px;
}
.about_upwork_area .top_img
{
    width: 100%;
    max-width: 300px;
}
.about_web_link_area {
    display: block;
    float: left;
    width: 100%;
    margin-top: 20px;
}
.about_web_link_area img {
    margin: 10px 12px 0 0;
    width: 160px;
}

.portfolio_keyframe_section {
    padding: 60px 0;
}
.portfolio_keyframe_section .heading {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 45px;
}
.portfolio_keyframe_section .heading h2 {
    font-size: 40px;
    font-weight: 600;
}
.keyfrem_slider_area .nav-tabs {
    border: none !important;
}
.keyfrem_slider_area .nav-item {
    width: 100%;
    float: left;
}
.keyfrem_slider_area .nav-link {
    text-align: left;
    font-size: 25px;
    padding: 22px 25px;
    width: 100%;
    float: left;
    border-radius: 0;
    font-weight: bold;
}
.keyfrem_slider_area .nav-link {
    color: #7D7D7D;
}
.keyfrem_slider_area .nav-link, .keyfrem_slider_area .nav-item {
    border: none !important;
    border-bottom: 1px solid #D9D9D9 !important;
}

.keyfrem_slider_area .left_area {
    display: block;
    float: left;
    width: 40%;
}

.keyfrem_slider_area .right_area {
    display: block;
    float: left;
    width: 60%;
    padding-left: 25px;
}
.keyfrem_slider_area .nav-link.active, .keyfrem_slider_area .show>.nav-link {
    color: #000000;
    background: #D9D9D9;
    border: none;
}

.keyfrem_slider_img_area {
    display: block;
    float: left;
    width: 100%;
    height: 600px;
}
.keyfrem_slider_img_area img {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.nav-link .fa-solid {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    font-size: 18px;
    height: 50px;
    text-align: center;
    background: #dfdfdf !important;
    color: #000 !important;
    border-radius: 100% !important;
    margin: 0 5px;
    font-weight: 700 !important;
    transition: all .5s;
    transition-timing-function: ease-out;
    transform: rotate(45deg) !important;
    text-align: center;
    line-height:  50px;
}
.keyfrem_slider_area .nav-link.active .fa-solid
{
    background: #000 !important;   
    color: #fff !important;
    transform: rotate(0) !important;
}




.counter-box {
    display: block;
    background: #f6f6f6;
    padding: 40px 20px 37px;
    text-align: center
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #909090;
    font-size: 18px;
    font-weight: 500
}

.counter-box i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #d2d2d2
}

.counter {
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    color: #666;
    line-height: 28px
}

.counter-box.colored {
    background: #3acf87
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
    color: #fff
}