/*@font-face {
    font-family: 'HKGrotesk-Regular';
    src: local('../fonts/HKGrotesk-Regular'), url('../fonts/HKGrotesk-Regular.woff') format('woff');
}

@font-face {
    font-family: 'HKGrotesk-Medium';
    src: local('../fonts/HKGrotesk-Medium'), url('../fonts/HKGrotesk-Medium.woff') format('woff');
}

@font-face {
    font-family: 'HKGrotesk-MediumItalic';
    src: local('../fonts/HKGrotesk-MediumItalic'), url('../fonts/HKGrotesk-MediumItalic.woff') format('woff');
}

@font-face {
    font-family: 'HKGrotesk-Bold';
    src: local('../fonts/HKGrotesk-Bold'), url('../fonts/HKGrotesk-Bold.woff') format('woff');
}

@font-face {
    font-family: 'HKGrotesk-BoldItalic';
    src: local('../fonts/HKGrotesk-BoldItalic'), url('../fonts/HKGrotesk-BoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: local('../fonts/Roboto-Regular'), url('../fonts/Roboto-Regular.woff') format('woff');
}*/


* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body, html {
    font-family: 'Open Sans', sans-serif;
    height: 100%;
}

p{
    font-size: 1rem;
    color:#222;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    line-height: 1.56;
}

.banner_box{
    overflow: hidden;
    position: relative;
    /* background: -webkit-gradient(linear, left top, left bottom, from(#370b6f), color-stop(#00429b), color-stop(#006dba), color-stop(#0095ce), to(#2dbcdc));
	background: linear-gradient(to bottom, #370b6f, #00429b, #006dba, #0095ce, #2dbcdc); */
    height: 750px;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from rgb(85,197,217));
    background: linear-gradient(0deg, rgba(85,197,217,1) 0%, rgba(18,121,140,1) 100%);

}

.banner_table {
    width: 100%;
    height: 100%;
}

.banner_cell {
    vertical-align: middle;
}

.cruve_img {
    max-width: 100%;
    height: auto;
}

.banner_content{
    margin-top: -10rem;
}
.single_line_content{
    margin-top: -7rem;
}

.banner_content h1 {
    font-size: 80px;
    color: #ffffff;
    margin: 0 0 20px 0;
    font-weight: bold;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
}

.welcome_text p{
    font-size: 2rem !important;
    margin-bottom: 1.5rem !important;
}

.banner_content p {
    color: #ffffff;
    font-size: 1.3rem;
    margin: 0 0 0 0;
    font-family: 'Open Sans', sans-serif;
}

.banner_box .banner-img {
    text-align: center;
    padding-top: 50px;
}

.banner_box .curve_design {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1;
}

.top_5{
    top:5px;
}

/*--------    Header Navigation ------------*/
.nav li a{
    color:#222222 !important;
    font-size: 0.96rem;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding-top: 0.7rem;
    text-transform: uppercase;
}

.nav li a:hover{
    color:#de1d39 !important;
}

.menu .nav-link.active{
    color:#de1d39 !important;
    background: transparent;
}

.nav-link:focus, .nav-link:hover{
    color: #222222 !important;
}

/*--------    what we provide start here ------------*/

.title h4{
    color: #222222;
    /*font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-align: center;
    font-size: 32px;
}

.provide_box{
    /*webkit-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.12);
    -moz-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.12);
    box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.12);
    border-radius: 10px;*/
    border: 1px solid #ccc;
    /*background: #f7f7f7;*/
}

.provide_box:hover{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.provide_box h4{
    color: #222222;
    /* margin-top: 2rem;*/
    text-align: left;
    /*font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
}

.black_line{
    height: 3px!important;
    width: 32px;
    background: #de1d39;
    opacity: 1;
}

.explore_section ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: left;
}

.explore_section ul li{
    list-style: none;
    margin-bottom: 10px;
    position: relative;
    padding-left: 18px;
    line-height: 1.56;
}

.explore_section ul li:last-child{
    margin-bottom: 0;
}

.explore_section ul li::before {
    background: #12798c;
    width: 8px;
    height: 8px;
    position: absolute;
    content: "";
    left: 0;
    top:8px;
}

.explore_section ul li a{
    text-decoration: underline;
    font-weight: 600;
    color: #de1d39;
}

/*

.explore_section ul{
    list-style-type: none;
}

.explore_box{
    background: #0a53be;
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 1rem;
}
*/
.left_align{
    left: -118px;
}

.cursor_pointer{
    cursor: pointer;
}


.provide_box p{
    color:#222;
    font-size: 16px;
    text-align: left;
    font-weight: 400;
    line-height: 1.52;
}

.read_more{
    /*margin-bottom: 2rem;*/
    bottom: 15px;
}

.read_more a{
    color:#11798b;
    font-size: 14px;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
    /*text-decoration-thickness: 2px;*/
    text-decoration: none;

}

.read_more a:hover{
    color:#de1d39;
}

.trimind_btn{
    color: #fff;
    background: #12798c;
    font-size: 1.125rem;
    /*font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    border-radius: 10px;
    width:12rem;
    text-transform: uppercase;
}

.trimind_btn:hover{
    color: #fff;
    background: #116878;
}

.consider_font_size{
    /*font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 16px;
}

.height_60{
    height: 60%;
}

.card_moving{
    transition: transform 250ms;
}

/*
.card_moving:hover{
    transform: translateY(-15px);
}

.stage:hover{
    background: #e9fcff;
}*/


.three {
    transform: rotateZ(100deg);
    animation: three 2s infinite;
    animation-direction: alternate;
}

@keyframes three {
    0% {
        transform: rotateZ(0);
    }
    100% {
        transform: rotateZ(100deg);
    }
}


/*--------    our mission start here ------------*/
.section_shadow{
    -webkit-box-shadow: 0px 0px 26px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 26px 12px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 26px 12px rgba(0,0,0,0.1);
}

.mission_box{
    /* background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23363636FF' stroke-width='4' stroke-dasharray='2%2c 1.5' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");*/
    padding: 1.25rem;
    width: 284px;
    height: 250px;
}

.mission_box, .mission_box_2 p{
    font-size: 1rem;
    color: #363636;
    margin-top: 1rem;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
}

.cercle_box{
    width: 125px;
    height: 125px;
    background: #fff;
    border-radius: 100%;
    margin:0px auto;
    -webkit-box-shadow: 0px 0px 26px 12px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 26px 12px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 26px 12px rgba(0,0,0,0.2);
    border: 3px solid #ccc;
}

.cercle_box img{
    padding: 27px 30px 30px 27px;
}

.right_position{
    position: relative;
    display: block;
    width: 100%;
}


.right_place{
    position: absolute;
    top: 4rem;
}

.right_bottom{
    position: absolute;
    top: 4rem;
}

.our_mt{
    margin-top: 7rem;
}

.our_mb{
    margin-bottom: 9rem;
}


/*--------    our customers start here ------------*/

.customers-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.customers-list .customers-item {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 10px;
    padding-right: 10px;
}

.customers-list .customers-item a {
    display: block;
    text-align: center;
    position: relative;
    /* margin-bottom: 30px;
    padding: 0px 20px; */
}

.customers-item a img {
    max-width: 100%;
    height: auto;
}

.customers-list .customers-item:nth-child(6) {
    margin-left: 10%;
}
/*--------    our customers end here ------------*/

/*--------    our customers about us star here ------------*/
.section_bg{
    background: #f7f7f7;
}

/*------- owlCarousel ------------*/
.testimonial {
    margin: 0 15px;
    overflow: hidden;

    -webkit-box-shadow: 0px 0px 26px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 26px 12px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 26px 12px rgba(0,0,0,0.1);
    /* background: #fff; */
}

.heading-title {
    margin-bottom: 100px;
    color: #fff;
}
.testimonial .description {
    position: relative;
    font-size: 16px;
    line-height: 35px;
    color: #363636;
    padding: 30px 20px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-style: italic;
}

.testimonial .pic {
    width: 105px;
    height: 105px;
    border-radius: 50%;
    overflow: hidden;
    margin:0px auto ;
}
.testimonial .pic img {
    width: 100%;
    height: auto;

    border-radius: 50%;
    border: 5px solid #ffffff;
    margin: 0 auto;
    border-left-color: #12798c;
    border-bottom-color: #12798c;
}
.testimonial .testimonial-prof {
    text-transform: capitalize;
    margin: 0 0px 30px 0px;
}
.testimonial .testimonial-prof h4 {
    color: #363636;
    display: block;
    font-size: 20px;
    /*font-family: 'HKGrotesk-Bold';*/
    font-weight: bold;
    margin: 0 0 10px 0;
    text-align: center;
}
.testimonial .testimonial-prof p {
    font-size: 15px;
    color: #363636;
    text-align: center;
    /*font-family: 'HKGrotesk-Medium';*/
    font-weight: 500;
}
.owl-theme .owl-controls {
    margin-top: 45px;
}
.owl-theme .owl-controls .owl-buttons div {
    border-radius: 0;
    background: #f7f7f7;
    padding: 15px 20px;
    opacity: 1;
    border: 1px solid #aaa;
    transition: all 0.3s linear 0s;
}
.owl-theme .owl-controls .owl-buttons div:hover {
    background: #12798c;
    border: 1px solid #12798c;
}

.owl-prev:before,
.owl-next:before {
    content: "\f053";
    font-family: "FontAwesome";
    color: #12798c;
}
.owl-next:before {
    content: "\f054";
    color: #12798c;
}

@media only screen and (max-width: 480px) {
    .owl-theme .owl-controls {
        margin-top: 25px;
    }
}
/*------- owlCarousel ------------*/

/*--------    our customers about us end here ------------*/


/*--------    footer content start here ------------*/
.footer_title p{
    color:#363636;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
    font-weight: 600;
}
.footer_content ul{
    list-style-type: none;
    padding-left: 0px;
}

.wd-100{
    width: 100%;
    float: left;
}
.wd-25{
    width: 12%;
    float: left;
    line-height: 2.5;
}
.wd-90{
    width: 88%;
    float: left;
}
.location{
    color: #107a8a;
    font-size: 1.5rem;
}
.address_text{
    color: #363636;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 2;
    font-weight: 600;
}

.footer_social ul{
    list-style-type: none;
    padding: 0;
    text-align: center;
    margin-bottom: 0;
}

.footer_social ul li{
    display: inline;
    color: #107a8a;
    font-size: 1.5rem;
}

.footer_social ul li a{
    color: #107a8a;
}

.footer_social ul li a:hover{
    color: #116878;
}

.last_footer{
    background: #363636;
}

.gray_footer ul{
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    text-align: right;
}

.gray_footer ul li{
    display: inline;
    color:#aaaaaa;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    padding: 0.5rem 1rem;
}

.gray_footer a{
color:#aaaaaa;
font-weight: bold;
}
.gray_footer a:hover{
    color:#107a8a;
}


.copy_right{
    color:#aaaaaa;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

.footer_cercle {
    width: 42px;
    height: 42px;
    background: #fff;
    border-radius: 50%;
    /*margin:2rem 1rem 0 0;*/
    margin:2rem 0rem 0 0;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 26px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 26px 12px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 26px 12px rgba(0,0,0,0.1);
}

/*--------    footer content end here ------------*/


/* ----------     Services start here  ----------------- */
.services_cross{
    width: 100%;
    position: relative;
}

.banner_box_services{
    height: 30rem;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from rgb(85,197,217));
    background: linear-gradient(0deg, rgba(85,197,217,1) 0%, rgba(18,121,140,1) 100%);
}

.skew{
    width: 100%;
    float: left;
    -ms-transform: rotate(358deg); /* IE 9 */
    -webkit-transform: rotate(358deg); /* Safari 3-8 */
    transform: skewY(355deg);
    position: relative;
    top: -115px;
}

.services_skew{
    height: 200px;
    background: #fff;
}

.services_title{
    /*font-family: 'HKGrotesk-Bold';*/
    font-size: 40px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 1.56;
}

.banner_nav ul{
    color: #fff;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.banner_nav ul li{
    display: inline-block;
    font-size: 1.0625rem;
    /*font-family: 'HKGrotesk-Medium';*/
    font-weight: 500;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    letter-spacing: 1px;
}

.banner_nav ul li a{
    text-decoration: none;
    color: #fff;
}

.banner_nav ul li a:hover{
    color: #de1d38;
}


.dart{
    color: #11798b;
    font-size: 0.625rem;
}

.first_content h3{
   /* font-family: 'HKGrotesk-Bold';
    font-size: 3.125rem;*/
    font-size: 32px;
    color: #363636;
    margin-bottom:1.5rem;
    font-weight: bold;
}

.w_17{
    width: 17rem;
}
.section_place{
    position: relative;
    /*top: -13rem;*/
    top: -14rem;
    height: 115px;
}

.text_green h3{
    color: #12798c;
}

.first_content p{
    /*color: #7f7d7e;*/
    color: #222222;
    font-size: 1.125rem;
    line-height: 1.7;
}

.ptop_6{
    padding: 5rem 0 5rem 0;
    /*padding: 7rem 0 5rem 0;*/
}

.ourservice_content ul{
    list-style-type: none;
}

.ourservice_content ul li{
    font-size: 1.1rem;
    color: #12798c;
    line-height: 2;
    transition: transform 250ms;
    position: relative;
    font-weight: bold;
}

.ourservice_content ul li:hover{
    transform: translatex(10px);
}

.ourservice_content ul li::before{
    background: #11798b;
    width: 8px;
    height: 8px;
    position: absolute;
    content: "";
    left: -22px;
    top:14px;
}

.our_service_font{
    font-size: 1.45rem;
    line-height: 1.5;
    /*font-family: 'HKGrotesk-Bold';*/
    font-weight: bold;
}

.height_22{
    height: 22%;
}

.service_title{
    line-height: 1.56;
    color: #11798b;
    font-size: 32px;
    /*font-family: 'HKGrotesk-Bold';*/
    font-weight: bold;
}

.service_title span{
    color: #000;
}

.text_left button{
    text-align: left;
    color: #000;
    padding: 11px 16px 11px 16px;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
}

.text_left button:hover {
    color: #11798b !important;
}

.text_left button.active {
    background: #f7f7f7 !important;
    color: #11798b !important;
    padding: 11px 16px 11px 16px;
    border-radius: 0;
    border-left: 3px solid #11798b;
}

.img_box{
    /*height: 67px;
    max-height: 67px;
    width: 83px;
    display: inline-table;
    padding: 0.8rem;
    border: 1px solid #ccc;
    margin: 0px 10px 10px 0px;*/

    height: 67px;
    max-height: 67px;
    width: 83px;
    display: inline-flex;
    justify-content: center;
    border: 1px solid #ccc;
    padding: 6px;
    margin: 0px 10px 15px 0px;
}


.wrapper{
    width:70%;
}
@media(max-width:992px){
    .wrapper{
        width:100%;
    }
}
.panel-heading {
    padding: 0;
    border:0;
}
.panel-title>a, .panel-title>a:active{
    display:block;
    padding:15px;
    color:#555;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    word-spacing:3px;
    text-decoration:none;
}
.panel-heading  a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
}
.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* ----------     Services end here  ----------------- */

/* ----------     what we do start here  ----------------- */
.title_bg{
    background: #f7f7f7;
    margin: 3rem 0rem 4rem 0rem;
}

.title_bg h4{
    color:#222222;
    /*font-family: 'HKGrotesk-Bold';*/
    font-weight: bold;
    font-size: 1.5625rem;
    padding: 1rem 1rem 1rem 3rem;

}
.triangel_rel{
    position: relative;
    width: 100%;
}

.triangel_left{
    position: absolute;
}

.triangel_right{
    position: absolute;
    right: 0;
}

.triangle-bottomleft {
    width: 0;
    height: 0;
    border-bottom: 62px solid #12798c;
    border-right: 40px solid transparent;
}

.triangle-bottomright {
    width: 0;
    height: 0;
    border-bottom: 62px solid #12798c;
    border-left: 40px solid transparent;
}

.w_20{
    width: 20%;
    float: left;
}

.mission_box_2{
    /*background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23363636FF' stroke-width='4' stroke-dasharray='2%2c 1.5' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");*/
    padding: 1.1rem;
    width: auto;
    height: auto;
    margin: 1rem;
}

.pt_7{
    padding-top: 7rem;
}

/* ----------     what we do end here  ----------------- */

/* ----------     our technologies start here  ----------------- */
.fix_cercle{
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid #de1d38;
}
.cercle_line {
    margin: 0px 0px 0px 12px;
    width: 2px;
    height: 162px;
    background: #de1d38;
}

.w_10{
    width: 18px;
    float: left;
}
.w_90{
    width: 90%;
    float: left;
}

.w_90 ul{
    list-style-type: none;
    padding-left: 1rem;
}

.w_90 ul li p{
    font-size: 1.375rem;
    color: #363636;
    font-family: 'HKGrotesk-Medium';
    margin-bottom: 0.5rem;
}
.w_90 ul li{
    color: #7f7e7e;
    font-size: 1.25rem;
}

.add_line_height{
    height: 263px;
}

.mt_6{
    margin-top: 6.3rem;
}
.mb_6{
    margin-bottom: 6.3rem;
}

.pb_6{
    padding-bottom: 6.3rem;
    /*padding-bottom: 3.4rem;*/
}


/****** -------- new tech -------****/
.tech_layout{
    position: relative;
    flex: 1;
    max-width: 100%;
    height: 85%;
}
.layout_box{
    width: 275px;
    height: 236px;
    margin: 0px 0 0 auto;
    background: #12798c;
}
.t_layout {
    margin: 0px auto;
    text-align: center;
    display: block;
    padding: 20px;
}
.w_layout{
    width: 290px;
    /*min-height: 255px;*/
    height: 100%;
    margin: -150px auto 0px 5px;
    background: #fff;
    webkit-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.12);
    -moz-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.12);
    box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.12);
}

.frequently_width{
    width: 95%;
    margin: 0px auto;
}

.row-flex{
    display: flex;
    flex-wrap: wrap;
}

.layout_space {
    padding: 1rem 1rem 0rem 1rem;
}
.layout_content ul{
    list-style-type: none;
    padding-left: 0rem;
    margin: 0;
    text-align: left;
}

.layout_content ul div p{
    font-size: 20px;
    color: #de1d38;
    /*font-family: 'HKGrotesk-Medium';*/
    margin-bottom: 0.5rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.layout_content ul li{
    /*color: #7f7e7e;
    font-size: 1.25rem;*/
    color: #222;
    font-size: 16px;
    line-height: 2;
    position: relative;
    padding-left: 18px;
    font-weight: 600;
}

.layout_content ul li::before{
    background: #12798c;
    width: 8px;
    height: 8px;
    position: absolute;
    content: "";
    top: 12px;
    left: 0px;
}

.color_box_2{
    background: #12798c;
}
.color_box_3{
    background: #12798c;
}
.color_box_4{
    background: #12798c;
}

.shadow_up{
    -webkit-box-shadow: 0px -14px 16px 0px rgba(0,0,0,0.11);
    -moz-box-shadow: 0px -14px 16px 0px rgba(0,0,0,0.11);
    box-shadow: 0px -14px 16px 0px rgba(0,0,0,0.11);
}

.bottom_auto{
   bottom: auto;
}

/* ----------     our technologies end here  ----------------- */


/* ----------     our process start here  ----------------- */

.process_height{
    height: 25rem;
}

.detail_tb{
    margin: 4rem 0 4rem 0;
}

/* Common style */
.grid figure {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    background: #fff;
    text-align: center;
    cursor: pointer;
    webkit-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.12);
    -moz-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.12);
    box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.12);
    border-radius: 10px;


}
.grid .double-height {
    /* height: 236px; */
    padding: 1.5rem;
}
.grid figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #363636;
    background: #fff;
    font-size: 1.25em;
    backface-visibility: hidden;
    transition: transform 0.35s;
}

.grid figure figcaption h4{
    color:#11798b;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.grid figure figcaption p{
    color:#222;
    font-size: 1rem;
}

/*------------------*/
/***** Slide Up *****/
/*------------------*/

figure.effect-slideup figcaption {
    top: auto;
    bottom: 0;
    transform: translate3d(0,200%,0);
}
figure.effect-slideup.double-height figcaption {
    height: 85%;
    padding: 1.5rem;
}
figure.effect-slideup figcaption > span {
    float: right;
}
figure.effect-slideup h2,
figure.effect-slideup figcaption > span {
    transform: translate3d(0,200%,0);
}
figure.effect-slideup:hover figcaption,
figure.effect-slideup:hover h2,
figure.effect-slideup:hover figcaption > span {
    transform: translate3d(0,0,0);
}

figure.effect-slideup div h4{
    color:#11798b;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.mt_9{
    margin-top: 9rem;
}

/* ----------     our process end here  ----------------- */

/* ----------     we always start here  ----------------- */
.green_bg{
    background: #12798c;
}
.green_text h3{
    /*font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    /*font-size: 3.125rem;*/
    font-size: 2rem;
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
}
.green_text p{
    color:#dbf3ff;
    font-size: 1.125rem;
}

/* ----------     we always end here  ----------------- */

/* ----------     Agile methodology start here  ----------------- */
.right_box{
    /*background: #de1d38;*/
    background: #edf5f7;
}

.left_box{
    background: #edf5f7;
}

.left_content h4{
    color:#11798b;
    /* font-size: 1.5625rem;
    font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 1.5rem;

}
.left_content h6{
    color:#363636;
    font-size: 1.125rem   ;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    margin-bottom: 1.5rem;
}
.process_text h4{
    color:#363636;
    /*font-size:3.125rem;
    font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-size: 2rem;
    font-weight: bold;
}
.py_6{
    padding-top: 5rem;
    padding-bottom: 5rem;
}

/* ----------     Agile methodology end here  ----------------- */


/* ----------     Our work start here  ----------------- */
.blue_hijab_clr{
    background: #d6f6fc;
}

.blue_hijab_careers{
    position: relative;
    top: 110px;
    z-index: -1;
}


.ourwork_banner_text{
    min-height: 533px;
}

.ourwork_banner_text h1{
    /*font-size: 5.3125rem;*/
    font-size: 4.9rem;
    color: #12798c;
   /* font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    padding-top: 3rem;
}

.ourwork_banner_text h5{
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color:#363636;
    font-size: 1.5625rem;
}

.lynx_white_clr{
    background: #f7f7f7;
}

.rounded-10{
    border-radius: 25px;
}
.ourwork_right_content{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}
.ourwork_right_content h1{
    /*font-family: 'HKGrotesk-Bold';*/
    font-weight: bold;
    /*font-size: 3.125rem;*/
    font-size: 3rem;
    color: #363636;
}

.ourwork_right_content h4{
    color:#12798c;
    font-size: 1.25rem;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.ourwork_right_content p{
   /* color:#363636;*/
    font-family: 'Open Sans', sans-serif;
    line-height: 1.7;
}

.ourwork_right_content a{
    color:#12798c;
    text-decoration: none;
    /*font-family: 'HKGrotesk-Medium';*/
    /*font-weight: 500;
    font-size: 1.125rem;*/
    font-weight: 700;
    font-size: 14px;
}

.ourwork_right_content a:hover{
    color:#de1d38;
    text-decoration:dotted;
}

.content_place{
    position: relative;
    margin-top: -202px;
}

.right_arrow{
    padding-left:5px;
    vertical-align: middle;
}

.top_btm_clr{
    border-bottom: 2px solid #de1d38;
    border-top: 2px solid #12798c;
}

.top_btm_clr h2{
    /*font-size: 2.375rem;*/
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    color:#363636;
}

.top_btm_clr h2 a{
    color:#363636;
}
.top_btm_clr h2 a:hover{
    color:#116878;
}

.mbr-5{
    margin-bottom: 5rem;
}

.rounded_indicator [data-bs-target]{
    width: 9px;
    height: 9px;
    border-radius: 50px;
    background-clip: initial;
    border: transparent;
    background: #11798b;
}

.carousel_border img{
    border:3px solid #ccc;
    width: 410px;
    height: 257px;
}

.carousel_arrow{
    color: #11798b;
    background: #12798c1a;
    padding: 12px;
    border-radius: 2rem;
    opacity: 1;
}

.project_banner_height img{
    /*height: 477px;
    overflow: hidden;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
    margin: 0px auto;
}

.circle_position{
    top:1.5rem
}

.arrow_size{
    padding: 16px;
}

/*
.{
    padding-left: 8.5rem;
}/*


/** fadeInLeft animation **/

@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration:1s;
    animation-delay: 1s;
}


/** fadeInRight animation **/

@-webkit-keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(0px);
        -moz-transform: translatex(0px);
        -o-transform: translatex(0px);
        transform: translatex(0px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(-10);
        -moz-transform: translatex(-10);
        -o-transform: translatex(-10);
        transform: translatex(-10);
    }
}
@-moz-keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(0px);
        -moz-transform: translatex(0px);
        -o-transform: translatex(0px);
        transform: translatex(0px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
}
@keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
}
.in-right {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration:1s;
    animation-delay: 1s;
}
/* ----------     our work end here  ----------------- */


/* ----------     view project start here  ----------------- */

.lynx_white_clr_gradient{
    background: linear-gradient(to bottom, #f7f7f7 65%, #ffffff 100%);
}

.bg_place{
    position: relative;
}

.vp_bg{
    background: url("../images/view_project_banner.png") no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-background-size: contain;
    height: 539px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.inner{
    position: relative;
}
.view_content{
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    top: 5rem;
    bottom: 0;
}

.ourwork_right_content ul{
    padding-left: 1.5rem;
}

.ourwork_right_content ul li{
    /*color:#363636;*/
    font-family: 'Open Sans', sans-serif;
    line-height: 2;
    /*font-size: 1.125rem;*/
    font-size: 15px;
    font-weight: 600;
}

.project_title h2{
    font-size: 3.375rem;
    color: #363636;
    /*font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    text-align: right;
}
.project_title p{
    color:#12798c;
    font-size: 1.125rem;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    text-align: right;
}

.project_title .table{
    color:#222;
    font-size: 1rem;
    /*font-family: 'Roboto-Regular';*/
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0;
    font-weight: 600;
}

.project_title .table tbody, td, tfoot, th, thead, tr{
    border-style: none !important;
}

.project_title .table tbody, td, th{
    font-size: 18px;
}

.project_title .table tbody, td{
    font-size: 16px;
    vertical-align: top;
}

.url_clr a{
    color: #12798c;
    text-decoration: none;
}

.p_9{
    padding-left: 9rem;
}

.p_12{
    padding-left: 12rem;
}


.element {
    display: inline-block;
    width: 410px;
    height: 257px;
    -webkit-animation: skew 5s infinite;
    animation: skew 5s infinite;
    /*transform: skew(10deg);*/
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    border-radius:20px;
    box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),0 -18px 60px -10px rgba(0,0,0,.025);
}

.carousel-item img{
    border-radius:20px;
    padding: 0.5rem;
}

@-webkit-keyframes skew {
    0% {
        transform: skewX(10deg);
    }
    100% {
        transform: skewX(-10deg);
        /*transform:translate3D(-50%,-50%,2px) scale(.462);*/
    }
}

@keyframes skew {
    0% {
        transform: skewX(10deg);
    }
    100% {
        transform: skewX(-10deg);
    }
}

/* ----------     view project end here  ----------------- */


/* ----------   about us start here --------*/

.about_banner_box .curve_design{
    position: absolute;
    /* bottom: -175px;*/
    left: 0;
    width: 100%;
    height: auto;
    z-index: -15;
}

.about_banner_box{
    overflow: inherit;
    position: relative;
    height: 309px;
    z-index: 1;
    background: #f7f7f7;

}

.banner_place{
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

/*

.banner_text{
    position: absolute;
    top: 115px;
    bottom: 0;
} */

.banner_text h4{
    color:#363636;
    /*font-family: 'HKGrotesk-Bold';*/
    font-weight: bold;
    font-size: 2.5rem;

}
/*
.text {
    text-transform: uppercase;
    background: linear-gradient(to right, #12798c 12%, #de1d38 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 6.25rem;
    font-family: 'HKGrotesk-Bold';
    -webkit-animation: hue 5s infinite linear;
}

@-webkit-keyframes hue {
    from {
        -webkit-filter: hue-rotate(0deg);
    }
    to {
        -webkit-filter: hue-rotate(-360deg);
    }
}
*/

.text p {
    text-transform: uppercase;
    color: #12798c;
/*    background: rgba(255, 253, 160, 1);
    background: -webkit-linear-gradient( left, #12798c 0%, #de1d38 25%, #12798c 50%, #de1d38 100%) repeat;
    -webkit-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-animation-name: masked-animation;
    -webkit-animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;*/
    font-size: 6.25rem;
    /*font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1.2;
    text-shadow: 3px 3px 3px #c3e4e7;
}

@-webkit-keyframes masked-animation {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 8000px -3000px;
    }
}

.ps_7{
    padding-left: 7.5rem;
}

.about_content p{
    /*color:#363636;*/
    font-family: 'Open Sans', sans-serif;
    line-height: 1.7;
    margin-top: 2.5rem;
}

.border_line{
    border-left:5px solid #12798c;
    padding-left: 12px;
}

.title_2 h4{
    color: #363636;
    /*font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-align: left;
}

.title_2 p {
    color: #12798c;
    font-size: 1rem;
    /*font-size: 1.375rem;*/
    font-family: 'HKGrotesk-Medium';
    font-family: 'Open Sans', sans-serif;
}

.title_2 img{
    webkit-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.12);
    -moz-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.12);
    box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.12);
    background: transparent;
}

.border_top{
    border-top: 2px dashed #c6c6c6;
    margin-top: 5.3rem;
}

.border_top h3{
    color:#de1d38;
    /*font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    /*font-size: 1.5625rem;*/
    font-size: 1.25rem;
    margin-top: 1.5rem;
}

.border_top p{
    color:#363636;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.7;
}

.mine_shaft_clr{
    background: #363636;
    border-radius: 25px;
}

.mine_shaft_clr h4{
    color: #fff;
    /*font-family: 'HKGrotesk-Bold';*/
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.mine_shaft_clr span {
    color:#de1d38;
}

.tri_rel{
    position: relative;
}

.triangle_wrap{
    filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
}

.triangle_box{
    clip-path: polygon(50% 5%, 0 100%, 100% 100%);
    background: #f1f1fa;
    width: 240px;
    height: 148px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    border: 2px solid #bdbbbb;
}

.text_rel{
    position: relative;
}

.meet_team{
    margin-top: 2rem;
}

.meet_team h4{
    text-align: center;
    font-size: 5rem;
    /*font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    background: #DE1D38;
    background: -webkit-linear-gradient(to bottom right, #DE1D38 20%, #12798c 80%);
    background: -moz-linear-gradient(to bottom right, #DE1D38 20%, #12798c 80%);
    background: linear-gradient(to bottom right, #DE1D38 20%, #12798c 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
}

.meet_team p{
    margin-bottom: 0;
    font-size: 15px;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color:#222222;
    line-height: 0.4;
}

.ourcore_content p{
    color:#11798c;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.7;
    font-size:1rem;
    font-weight: 600;
}

.box_1{
    position: relative;
}

.full_width{
    width: 100%;
    float: left;
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.linear_gradient {
    border-style: dashed;
    border-width: 2px;
    border-image: linear-gradient(135deg, rgb(222,29,56), rgb(18,121,140)) 1;
    width: 69%;
    height: 500px;
    margin: 0px auto;
}

.width_linear_gradient{
    border-style: dashed;
    border-width: 2px;
    /* border-image: linear-gradient(135deg, rgb(222,29,56), rgb(18,121,140)) 1; */
    margin: 1.5rem;
    position: absolute;
    height: 500px;
    padding: 9.5rem 1.6rem 1.6rem 1.6rem;
    /*width: 100%;*/
}

.culture_p p{
    /* color:#363636;
    font-size: 1.25rem;
    font-family: 'Roboto-Regular';*/
    font-family: 'Open Sans', sans-serif;
}

.complete_box{
    /*border-style: dashed;*/
    border-width: 2px;
    padding: 1rem;
}

.full_width_2{
    width: 100%;
    float: left;
}

.count_clr{
    padding-top: 1.8rem;
}

.count_clr span{
    font-size: 3.125rem;
    /*font-family: 'HKGrotesk-Bold';*/
    font-weight: bold;
    background: #DE1D38;
    /*background: -webkit-linear-gradient(to bottom right, #DE1D38 20%, #12798c 80%);
    background: -moz-linear-gradient(to bottom right, #DE1D38 20%, #12798c 80%);
    background: linear-gradient(to bottom right, #DE1D38 20%, #12798c 80%);*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.complete_box p{
    text-align: right;
    /*color: #363636;*/
    margin: 0;
    /*font-size: 1.25rem;
    font-family: 'HKGrotesk-Medium';*/
    font-weight: 600;
}


.check_offer h4{
    color:#222222;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 2.375rem;
    text-align: center;
    margin: 0;
}

.check_offer span{
    color:#de1d38;
    /*font-family: 'HKGrotesk-Medium';*/
    font-weight: 500;
    font-size: 2.375rem;
    line-height: 1;
}

.wave_position{
    position: relative;
    overflow: hidden;
    z-index: 99;
    height: 222px;
}

.ocean {
    height: 5%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #015871;
}

.wave {
    background: url("../images/wave_moving.svg") repeat-x;
    position: absolute;
    top: -198px;
    width: 6400px;
    height: 198px;
    -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
}

.wave:nth-of-type(2) {
    top: -175px;
    -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
    animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
    opacity: 1;
}

@-webkit-keyframes wave {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -1600px;
    }
}

@keyframes wave {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -1600px;
    }
}

@-webkit-keyframes swell {
    0%,
    100% {
        transform: translate3d(0, -25px, 0);
    }
    50% {
        transform: translate3d(0, 5px, 0);
    }
}

@keyframes swell {
    0%,
    100% {
        transform: translate3d(0, -25px, 0);
    }
    50% {
        transform: translate3d(0, 5px, 0);
    }
}



.goals_place{
    /*  overflow: hidden; */
}

.container_carousel div{
    position: absolute;
}

.stage_1{
    transform-style: preserve-3d;
}


.stage,
.ring,
.img {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    user-select: none;
}

.container_carousel {
    perspective: 2000px;
    width: 300px;
    height: 400px;
    left: 50%;
    top: 50%;
    transform: translate(165%, -0%);
}

.mb_5{
    margin-bottom: 5rem;
}

.square_box{
    height: 280px;
    width: 280px;
    border: 1px solid #12798c;
    border-radius: 25px;
    padding: 0.2rem;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 auto;
}

.square_box_inside{
    background-color: #12798c;
    margin: 0.5rem;
    border-radius: 25px;
    height: 255px;
}

.square_op{
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -ms-transform: rotate(3150deg);
    transform: rotate(315deg);
}

.square_op h4{
    color: #FFF;
    /*font-family: 'HKGrotesk-Bold';*/
    font-weight: bold;
}

.square_op p{
    font-size: 15px;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 0;
}

.fixed_width{
    width: 88%;
    /*margin: 7rem auto 10rem auto;*/
    margin: 7rem auto 5rem auto;
}

.mt_10{
    margin-top: 10rem;
}

/* ----------   about us end here --------*/


/*-----------  careers start here --------- */
.fixed_height{
    height: 539px;
}
.join_us_bg{
    position: relative;

}

.join_us_pos{
    position: absolute;
    left: 247px;
    right: 0;
    top: 110px;
    bottom: 0;
    background: #FFF;
    z-index: 9;
    width: 600px;
    height: 300px;
    padding: 2rem;
}

.join_us_pos h6{
    font-size: 1.5625rem;
    font-family: 'Open Sans', sans-serif;
    color: #363636;
    font-weight: bold;
}

.join_us_pos h4{
    /* font-size: 3.125rem;
    font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #12798c;
    margin: 2rem 0px 2rem 0px;
    font-size: 2.7rem;
}

.join_us_pos p{
    font-size: 1.25rem;
    font-family: 'Open Sans', sans-serif;
    color: #363636;
}

.banner_rel{
    position: relative;
}

.banner_rel div{
    position: absolute;
    right: 0;
    top: 0;
}

.career_banner_text{
    min-height: 380px;
}

.good_news_text hr{
    height: 2px;
}

.good_news_text h1{
    color:#222222;
    /*font-size: 3.375rem;*/
    /*font-family: 'HKGrotesk-BoldItalic';*/
    font-size: 2.5rem;
    font-family: 'Open Sans', sans-serif;
    margin-top: 4rem;
    margin-bottom: 4rem;
    font-weight: bold;
    font-style: italic;
    line-height: 4rem;
}

.cercle_text{
    position: relative;
    display: block;
    margin: 4em 0;
    background-color: transparent;
    color: #222;
    text-align: center;
}

.cercle_text:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: #f7f7f7;
    content: "";
}


.cercle_text_inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cercle_text_wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

.cercle_text_content {
    display: table-cell;
    padding: 2em;
    vertical-align: middle;
}

.cercle_text_content h4{
    /*font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 1.25rem;
    color: #de1d38;
    margin-bottom: 1rem;
}
.cercle_text_content p{
    /*font-family: 'Roboto-Regular';
    font-size: 1.125rem;
    color:#363636;*/
    font-family: 'Open Sans', sans-serif;
    line-height: 1.7;

}
.work_bg{
    /*
    background: url("../images/career_bg.png") no-repeat;
    background-position: 0px 279px;
    padding-bottom: 15rem;
    background-size: 100%;
    */
}

.w_88{
    width: 88%;
    margin: 0px auto;
}

.working_title{
    background: linear-gradient(to right, #12798c 0%, #de1d38 100%);
    border-radius: 25px;
    padding: 2.7rem;
}

.working_title h4{
    color:#fff;
    text-align: center  ;
    /*font-family: 'HKGrotesk-Bold';*/
    font-weight: bold;
    font-size: 2.1875rem;
    text-transform: uppercase;
}

.hex_fix{
    height: 236px;
    border: 1px solid #e2dede;
    position: relative;
}

.hexagon{
    clip-path: polygon(50% 0, 100% 28%, 100% 75%, 50% 100%, 0% 76%, 0 28%);
    width: 73px;
    height: 85px;
    background: #de1d38;
    position: absolute;
    top: 22%;
    left: 35%
}
.hexagon img{
    display: block;
    margin: 0 auto;
    padding-top:20px;
}
.strip_text{
    position: relative;
}
.strip_text div{
    position: absolute;
    background: #de1d38;
    color: #fff;
    width: 100%;
    /*opacity: 0.9;*/
    top: 165px;
}
.strip_text p{
    color:#fff;
    font-family: 'Open Sans', sans-serif;
    /*font-size: 1.25rem;*/
    margin: 0;
    padding: 2px;
    text-align: center;
}

.dark_gray div{
    background: #363636;
}

.dark_blue div{
    background: #12798c;
}

.hexagon.bg_1{
    background: #363636;
}

.hexagon.bg_2 {
    background: #12798c;
}

.mb_30{
    margin-bottom: 2rem;
}

.do_you_think h1{
    margin: 2rem 0px 2rem 0px;
}

.bb{
    border-bottom: 4px solid #2f3653;
}

.texture{
    background: url("../images/texture.png") no-repeat;
    width: 340px;
    height: auto;
    padding: 1rem;
    margin: 0px auto 5rem auto;
}

.texture a{
    font-size: 1.5rem;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    color:#222222;
    font-weight: 600;
    line-height: 0;
}

.current_box{
    width: 370px;
    height: 370px;
    /*
    height: 385px;
    background: #363636;*/
    border-radius: 0% 25% 25% 25%;
    padding: 2rem;
    margin: 0px auto 3.4375rem auto;
}

.current_box h4{
    /*font-size: 1.875rem;
     color:#fff;
    font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.current_box p{
    /*color:#fff;
    font-size: 1.5rem;*/
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0.5rem;
}
.mt_5{
    margin-top: 5rem;
}

.offer_text{
    border-style: dashed;
    border-width: 2px;
    /*padding: 4rem 2.6rem 4rem 2.6rem;*/
    padding: 3rem 2.6rem 3rem 2.6rem;
    margin: 0px auto;
    /*width: 385px;*/
    margin-top: -4rem;
}

.offer_text h4{
    font-size: 2.1875rem;
    color:#363636;
    /*font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    margin-bottom: 0;
}

/*-----------  careers end here  -----------*/


/*-----------  Blog page Start here -------*/

.blog_height{
    height: 488px;
}

.backgound{
    width: 100%;
    float: left;
}

.left {
    position: absolute;
    left: 0;
    width: 60vw;
    height: 40vh;
    background:#363636;
}

.right {
    position: absolute;
    right: 0;
    width: 60vw;
    height: 40vh;
    overflow: hidden;
}

.right .strip-bottom {
    width: calc(50vw + 40px);
    transform: skewX(-15deg) translateX(90px);
}

.strip-bottom {
    width: 200px;
    transform: skewX(-15deg) translateX(50px);
}
.strip-bottom, .strip-top {
    position: absolute;
    right: 0;
    height: inherit;
    background: #12798c;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 50%);
}

.right .strip-top {
    width: calc(50vw + 90px);
    transform: skewX(20deg) translateX(160px);
}

.strip-top {
    width: 180px;
    transform: skewX(20deg) translateX(50px);
}
.strip-bottom, .strip-top {
    position: absolute;
    right: 0;
    height: inherit;
    background: #12798c;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 50%);
}

.provide_box h5{
    color:#222222;
    /*font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 1rem;
    padding: 1rem;
    margin-bottom: 0;
    line-height: 1.5;
}

.author_block{
    /*padding: 1.5rem 1.5rem 1.5rem 1.5rem;*/
    padding: 1rem;
}

.author_block ul{
    padding: 0;
}

.author_block ul li{
    list-style-type: none;
    display: inline-block;
    margin-right: 1rem;
    color: #12798c;
    font-size: 14px;
    font-weight: 600;
}

.author_block ul li i{
    margin-right: 5px;
    font-size: 18px;
}

.provide_box .blog_text p{
    color: #222222;
    line-height: 1.8;
}

.author_block a{
    color: #12798c;
    text-decoration: none;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
}

.author_block a:hover{
    color: #de1d38;
}

/*-----  Blog Page Sidebar  ------*/
.blog_title h1{
    color: #fff;
    font-size: 3.125rem;
    /*font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    position: absolute;
    left: 25%;
    right: 0;
    top:41%;
}

.tmt_area{
    margin-left: 2rem;
}

.tmt_area .widget {
    margin-top: 35px;
}

.tmt_area .widget:first-child {
    margin-top: 0;
}

.tmt_area .widget .tmt_title {
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 25px;
    text-transform: capitalize;
    position: relative;
    font-size: 18px;
    color: #11798b;
    /*font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.tmt_area .widget .tmt_title::before {
    content: '';
    position: absolute;
    background: #de1d38;
    bottom: -2px;
    left: 0;
    width: 50px;
    height: 2px;
}

.tmt_area .widget_search {
    -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
    box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
    background-color: #ffffff;
    padding: 15px;
}

.tmt_area .widget_search form {
    position: relative;
}

.tmt_area .widget_search form label {
    display: block;
    margin-bottom: 0;
}

.tmt_area .widget_search form .screen-reader-text {
    display: none;
}

.tmt_area .widget_search form .search-field {
    background-color: transparent;
    height: 50px;
    padding: 6px 15px;
    border: 1px solid #eeeeee;
    width: 100%;
    display: block;
    outline: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.tmt_area .widget_search form .search-field:focus {
    border-color: #7b68ee;
}

.tmt_area .widget_search form button {
    position: absolute;
    right: 0;
    outline: 0;
    bottom: 0;
    height: 50px;
    width: 50px;
    z-index: 1;
    border: none;
    color: #ffffff;
    background-color: #7b68ee;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.tmt_area .widget_search form button:hover {
    background-color: #0b0b31;
    color: #ffffff;
}

.tmt_area .tmt_thumb  {
    position: relative;
    overflow: hidden;
}

.tmt_area .tmt_thumb .item {
    overflow: hidden;
    margin-bottom: 15px;
}

.tmt_area .tmt_thumb .item:last-child {
    margin-bottom: 0;
}

.tmt_area .tmt_thumb .item .thumb {
    float: left;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 80px;
    margin-right: 15px;
}

.tmt_area .tmt_thumb .item .thumb .fullimage {
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center center !important;
}

.tmt_area .tmt_thumb .item .thumb .fullimage.bg1 {
    background-image: url("../images/blog_1.png");
}

.tmt_area .tmt_thumb .item .thumb .fullimage.bg2 {
    background-image: url("../images/blog_2.png");
}

.tmt_area .tmt_thumb .item .thumb .fullimage.bg3 {
    background-image: url("../images/blog_3.png");
}

.tmt_area .tmt_thumb .item .info {
    overflow: hidden;
    margin-top: 5px;
}

.tmt_area .tmt_thumb .item .info span {
    display: block;
    color: #de1d39;
    text-transform: capitalize;
    margin-top: -2px;
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 600;
}


.tmt_area .tmt_thumb .item .info .title {
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 18px;
}

.tmt_area-area .tmt_thumb .item .info .title a {
    display: inline-block;
    color: #363636;
    text-decoration: none;
    /*font-family: 'HKGrotesk-Medium';*/
}

.tmt_area .widget_recent_entries ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.tmt_area .widget_recent_entries ul li {
    position: relative;
    margin-bottom: 12px;
    color: #0b0b31;
    padding-left: 14px;
    line-height: 1.5;
    font-size: 16px;
}

.tmt_area .widget_recent_entries ul li:last-child {
    margin-bottom: 0;
}

.tmt_area .widget_recent_entries ul li::before {
    background: #7b68ee;
    height: 8px;
    width: 8px;
    content: '';
    left: 0;
    top: 7px;
    position: absolute;
    border-radius: 50px;
    border-right-style: inset;
}

.tmt_area .widget_recent_entries ul li a {
    display: inline-block;
    color: #0b0b31;
}

.tmt_area .widget_recent_entries ul li a:hover {
    color: #7b68ee;
}

.tmt_area .widget_recent_entries ul li .post-date {
    display: block;
    font-size: 13px;
    color: #5f5f5f;
    margin-top: 4px;
}

.tmt_area .widget_recent_comments ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.tmt_area .widget_recent_comments ul li {
    position: relative;
    margin-bottom: 12px;
    color: #5f5f5f;
    padding-left: 14px;
    line-height: 1.5;
    font-size: 16px;
}

.tmt_area .widget_recent_comments ul li:last-child {
    margin-bottom: 0;
}

.tmt_area .widget_recent_comments ul li::before {
    background: #7b68ee;
    height: 8px;
    width: 8px;
    content: '';
    left: 0;
    top: 7px;
    position: absolute;
    border-radius: 50px;
    border-right-style: inset;
}

.tmt_area .widget_recent_comments ul li a {
    display: inline-block;
    color: #0b0b31;
}

.tmt_area .widget_recent_comments ul li a:hover {
    color: #7b68ee;
}

.tmt_area .widget_archive ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.tmt_area .widget_archive ul li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 14px;
    color: #0b0b31;
    font-size: 16px;
}

.tmt_area .widget_archive ul li:last-child {
    margin-bottom: 0;
}

.tmt_area .widget_archive ul li::before {
    background: #7b68ee;
    height: 8px;
    width: 8px;
    content: '';
    left: 0;
    top: 7px;
    position: absolute;
    border-radius: 50px;
    border-right-style: inset;
}

.tmt_area .widget_archive ul li a {
    display: inline-block;
    color: #0b0b31;
}

.tmt_area .widget_archive ul li a:hover {
    color: #7b68ee;
}

.tmt_area .widget_categories ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.tmt_area .widget_categories ul li {
    position: relative;
    margin-bottom: 12px;
    color: #5f5f5f;
    padding-left: 14px;
    font-size: 16px;
    padding: 0;
}

.tmt_area .widget_categories ul li img{
    margin-right: 10px;
}

.tmt_area .widget_categories ul li a {
    color: #222222;
    text-decoration: none;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15px;
}

.tmt_area .widget_categories ul li a:hover {
    color: #de1d38;
}

.tmt_area .widget_categories ul li .post-count {
    float: right;
}

.tmt_area .widget_meta ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.tmt_area .widget_meta ul li {
    position: relative;
    margin-bottom: 12px;
    color: #363636;
    padding-left: 14px;
    font-size: 16px;
}

.tmt_area .widget_meta ul li:last-child {
    margin-bottom: 0;
}

.tmt_area .widget_meta ul li::before {
    background: #12798c;
    height: 8px;
    width: 8px;
    content: '';
    left: 0;
    top: 7px;
    position: absolute;
    border-radius: 50px;
    border-right-style: inset;
}

.tmt_area .widget_meta ul li a {
    display: inline-block;
    color: #0b0b31;
}

.tmt_area .widget_meta ul li a:hover {
    color: #7b68ee;
}

.tmt_area .widget_tag_cloud .tmt_title {
    margin-bottom: 12px;
}

.tmt_area .tagcloud a {
    display: inline-block;
    color: #222222;
    font-size: 14px !important;
    padding: 6px 13px;
    border: 1px dashed #cccccc;
    margin-top: 8px;
    margin-right: 4px;
    text-decoration: none;
    font-weight: 600;
}

.tmt_area .tagcloud a:hover, .tmt_area .tagcloud a:focus {
    color: #ffffff;
    background-color: #12798c;
    border-color: #12798c;
}

.tmt_area .widget_event_details ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.tmt_area .widget_event_details ul li {
    border-bottom: 1px solid #eeeeee;
    color: #888f96;
    padding-bottom: 10px;
    padding-top: 10px;
}

.tmt_area .widget_event_details ul li:first-child {
    padding-top: 0;
}

.tmt_area .widget_event_details ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.tmt_area .widget_event_details ul li span {
    display: inline-block;
    color: #0b0b31;
}

.tmt_area .widget_event_details ul li a {
    display: inline-block;
    color: #363636;
}

.tmt_area .widget_event_details ul li a:hover {
    color: #363636;
}

.title a{
    color:#222222;
    text-decoration: none;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

.title a:hover{
    color:#12798c;
}


.hexagon_small{
    clip-path: polygon(50% 0, 100% 28%, 100% 75%, 50% 100%, 0% 76%, 0 28%);
    width: 11px;
    height: 10px;
    background: #de1d38;
}


/* ---------------  pagination    ------------------*/
.center ul{
    justify-content: center;
    margin: 0;
}

.page_my a{
    border: 2px solid #9fadb6;
    border-radius: 0.6rem;
    font-size: 20px;
    color: #363c59;
    width: 43px;
    height: 43px;
    text-align: center;
}

.page_link_my{
    border: none;
    background: none !important;
    font-size: 1.750rem;
    font-weight: 600;
    font-family: monospace;
    color: #363c59 !important;
    line-height: 1.1;
}

.page_my a:hover{
    border: 2px solid #12798c   ;
    border-radius: 0.6rem;
    font-size: 20px;
    color: #FFF;
    width: 43px;
    height: 43px;
    text-align: center;
    background: #12798c !important;
}

.page_my a.active{
    border: 2px solid #12798c;
    border-radius: 0.6rem;
    font-size: 20px;
    color: #FFF;
    width: 43px;
    height: 43px;
    text-align: center;
    background: #12798c !important;
}

/*-----------  Blog page end here -------*/

/*-----------  Single Blog page start here -------*/

.single_full_width{
    width: 100%;
    float: left;
}
.single_blog{
    width: 33.33%;
    float: left;
}

.single_blog p{
    color:#12798c;
    /*font-family: 'HKGrotesk-Medium';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 0;
    font-size: 15px;
}

.single_blog p span{
    margin-left: 0.8rem;
    color:#222222;
    font-size: 14px;
    font-weight: 600;
}

.single_title h1{
    font-size: 1.5rem;
    /*font-family: 'HKGrotesk-Bold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #363636;
    margin-bottom: 1.5rem;
}

.single_content p{
    color:#363636;
    margin-bottom: 2rem;
    line-height: 1.9;
}

.arrow_flip{
    transform: rotate(180deg);
}

.footer_cercle_share {
    width: 42px;
    height: 42px;
    background: #fff;
    border-radius: 50%;
    margin:0 1rem 0 0;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 26px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 26px 12px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 26px 12px rgba(0,0,0,0.1);
}

.footer_no_cercle {
    margin:0rem 1rem 0 0;
    display: inline-block;
}

.share{
    display: flex;
    justify-content: right;
}

.footer_cercle_share:nth-child(4) {
    margin:0 0rem 0 0;
}

/*-----------  Single Blog page end here -------*/


/*-----------  Toggle design start here -------*/
.nav_icon{
    width: 33px;
    height: 30px;
    /*margin: 10px 10px;*/
    position: relative;
    cursor: pointer;
    display: inline-block;
    outline: transparent;
}
.nav_icon span{
    background-color:#12798c;
    position: absolute;
    border-radius: 2px;
    transition: .3s cubic-bezier(.8, .5, .2, 1.4);
}
.nav_icon span:nth-child(1){
    width: 16px;
    height:  4px;
    display: block;
    top: 0px;
    left: 0px;
}
.nav_icon span:nth-child(2){
    width: 100%;
    height:  4px;
    display: block;
    top: 13px;
    left: 0px;
}
.nav_icon span:nth-child(3){
    width: 100%;
    height:  4px;
    display: block;
    bottom: 0px;
    left: 0px;
}
.nav_icon:not(.open):hover span:nth-child(1){
    width: 16px;
    height:  4px;
    display: block;
    top: -2px;
    left: 0px;
    transition: .3s cubic-bezier(.8, .5, .2, 1.4);
}
.nav_icon:not(.open):hover span:nth-child(2){
    width: 100%;
    height:  4px;
    display: block;
    top: 13px;
    left: 0px;
    transition: .4s cubic-bezier(.8, .5, .2, 1.4);
}
.nav_icon:not(.open):hover span:nth-child(3){
    width: 100%;
    height:  4px;
    display: block;
    bottom: -2px;
    left: 0px;
    transition: .3s cubic-bezier(.8, .5, .2, 1.4);
}
.nav_icon.open span:nth-child(1){
    left:3px;
    top: 12px;
    width: 30px;
    transition: .3s cubic-bezier(.8, .5, .2, 1.4);
    transform: rotate(90deg);
    transition-delay: 150ms;
}
.nav_icon.open span:nth-child(2){
    left:2px;
    top: 20px;
    width: 20px;
    transition: .3s cubic-bezier(.8, .5, .2, 1.4);
    transform: rotate(45deg);
    transition-delay: 50ms;
    background: #de1d39;
}
.nav_icon.open span:nth-child(3){
    left:14px;
    top: 20px;
    width: 20px;
    transition: .3s cubic-bezier(.8, .5, .2, 1.4);
    transform: rotate(-45deg);
    transition-delay: 100ms;
    background: #650a18;
}
.navbar-toggler:focus{
    box-shadow: none;
}
/*-----------  Toggle design start here -------*/




/*-----------  sidebar accordion start here -------*/

a { text-decoration: none; }

.btnMenu {
    display: none;
    padding: 20px;
    display: block;
    background: #1abc9c;
    color: #fff;
}

.btnMenu i.fa { float: right; }

/*.contenedor-menu {
    width: 20%;
    min-width: 300px;
    margin: 50px;
    display: inline-block;
    line-height: 18px;
}*/

.contenedor-menu .menu { width: 100%; }

.contenedor-menu ul { list-style: none; padding: 0; }

.contenedor-menu .menu li{
    margin-bottom: 2px;
}

.contenedor-menu .menu li a {
    color: #222222;
    display: block;
    padding: 12px 16px 11px 16px;
    background: #efeeee;
    font-weight: 600;
    font-size: 14px;
}
.contenedor-menu .menu li a:hover { background: #12798c1a; color: #11798b; }
.contenedor-menu .menu i.fa {
    font-size: 12px;
    line-height: 25px;
    float: right;
    margin-left: 10px;
    color: #11798b;
}

.contenedor-menu .menu ul { display: none; }
.contenedor-menu .menu ul li a {
    background: #efeeee;
    color: #222222;
    font-weight: normal;
    font-size: 14px;
    padding-left: 32px;
}

.contenedor-menu .menu .activado > a {
    background: #12798c1a;
    color: #11798b;
    font-weight: 600;
}

.activado ul li{
    margin-bottom: 0px!important;
}

/*-----------  sidebar accordion end here -------*/

/*-----------  Contact Us start here -------*/
.input_field{
    border-left: 4px solid #11798b;
    color:#222222;
    font-weight: 600;
}

.input_field:focus{
    border-color:#11798b;
}

.content_title{
    font-size: 50px;
    color:#fff;
    font-weight: 600;
}

.content_title p{
    font-size: 40px;
    color: #fff;
}

.clr_1{
    border-left: 4px solid #de1d38;
}
.clr_2{
    border-left: 4px solid #363636;
}

/*-----------  Contact Us end here -------*/


.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}



/* Slider */

.slick-slide {
    margin: 0px 20px;
    border: 0;
}

.slick-slide img {
    width: 60%;
    margin: 0px auto;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slider1 {
    position: relative;
    padding: 0px 60px;
}

.slider1 .slick-arrow {
    position: absolute;
    top: 50%;
    margin: -20px 0px 0px 0px;
    z-index: 10;
    font-size: 0;
    width: 41px;
    height: 41px;
}
.slider1 .slick-arrow.slick-prev {
    left: 0;
    background: url("../images/long-arrow-left.png") 0
    0 / 100% no-repeat;
    border: none;
}
.slider1 .slick-arrow.slick-next {
    right: 0;
    background: url("../images/long-arrow-right.png") 0 0 / 100% no-repeat;
    border: none;
}



.slider2 {
    position: relative;
    padding: 0px 60px;
}

.slider2 .slick-arrow {
    position: absolute;
    top: 50%;
    margin: -20px 0px 0px 0px;
    z-index: 10;
    font-size: 0;
    width: 41px;
    height: 41px;
}
.slider2 .slick-arrow.slick-prev {
    left: 0;
    background: url("../images/long-arrow-left.png") 0
    0 / 100% no-repeat;
    border: none;
}
.slider2 .slick-arrow.slick-next {
    right: 0;
    background: url("../images/long-arrow-right.png") 0 0 / 100% no-repeat;
    border: none;
}


.img_bg .slide{
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    border: 1px solid #e5e4e4;
    border-radius: 5px;
}

.left_line_customer{
    left: -118px;
}

.left_line_partner{
    left: -104px;
}

.arrow_stripe li{
    background: #107988;
    padding: 0.6rem;
    margin-bottom: 1rem;
    color: #fff;
}

.arrow_stripe{
    background: #107988;
    padding: 0.6rem;
    margin-bottom: 1rem;
    color: #fff;
}

.triangle {
    width: 43px;
    height: 43px;
    background: red linear-gradient(#107988, #107988);
    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
    transform: rotate(90deg);
}

/*.arrow_stripe li span {
    width: 300px;
    height: 300px;
    background: red linear-gradient(red, blue);
    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
}*/

/*
.arrow_stripe li {
    width: 300px;
    height: 300px;
    background-image:
            linear-gradient(to bottom right, transparent 50%, red 0),
            linear-gradient(to top right, red 50%, transparent 0);
    background-size: 50% 100%;
    background-repeat: no-repeat;
    background-position: left, right;
}*/


/*  ---------------  Upskill product start here  -------------  */
.features h4{
    text-align: left !important;
}

.feature_box{
    background: #e7f1f3;
    width: 285px;
    height: 285px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    margin: 0.8rem;
    padding: 2.5rem;
}

.features img{
    padding: 15px;
}

.user_friendly_bg{
    background-image: url("../images/user_friendly.png");
    background-repeat: no-repeat;
    height: 344px;
    width: 100%;
}

.userfriendly_top{
    top:100px;
}

.sms_clr h4{
    text-align: left;
    color: #de1d39;
}

.sms_content_place{
    top:-120px;
}

.cm_class{
    background: #fff;
    padding: 1rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    transition: transform .2s;
}

.cm_class:hover{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1);
}

/*.helpdesk_circle{
    width: 445px;
    height: 445px;
    background: #fff;
    border-radius: 50%;
    webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);

    list-style-type: circle;
}*/

.helpdesk_circle {
    position: relative;
    margin: 40px;
    height: 445px;
    width: 445px;
    background-color: #fff;
    border-radius: 50%;
    webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

.helpdesk_circle:before {
    position: absolute;
    content: '';
    height: calc(100% + 10px);
    width: calc(100% + 10px);
    border: 4px dashed #107a8a;
    top: -25px;
    left: -25px;
    border-radius: inherit;
    width: 500px;
    height: 500px;
    animation: spin 50s linear infinite;
}

.help_content_middle{
    text-align: center;
    position: absolute;
    top: 35%;
    left: 20px;
    right: 20px;
}

@keyframes spin {
    100% {
        transform: rotateZ(360deg);
    }
}


.helpdesk_content{
    border-radius: 50px;
    border: 2px solid #107a8a;
    left: 5rem;
    transition: transform 250ms;
}

.helpdesk_content:hover{
    transform: translatex(10px);
}

.icon_circle{
    width: 80px;
    height: 80px;
    background: #107a8a;
    border-radius: 50%;
    padding: 15px   ;
}

.width_20{
    width: 11%;
    float: left;
}

.width_89{
    width:80%;
    float: left;
}

.width_80 p{
    margin: 0;
}

.link_clr{
    color:#de1d39;
    text-decoration: underline;
    font-weight: 600;
    cursor: pointer;
}

/*  ---------------  Upskill product end here  -------------  */


/*-----------  OES Start here -------*/
.oes_border{
    border-radius: 3rem;
}

.pom_bg{
    background: #e7f1f3;
}

.color{
    color:#11798b;
}

hr.vertical {
    height:100%; /* you might need some positioning for this to work, see other questions about 100% height */
    width:0;
    border:1px solid #11798b;
    opacity: 1;
    margin: 0px auto;
}

.admin_height{
    max-height: 660px;
}

/*.oes_bg{
    background: #FFF;
    width: 85%;
    clip-path: polygon(0% -1%,75% -1%,100.00% 100.00%,22% 100%);
}*/

.oes_banner_height{
    max-height: 494px;
    position: relative;
    left: 50px;
}

/*-----------  OES End here -------*/


/*-----------  Eprocure Start here -------*/
.test_clip_part{
    clip-path: polygon(0 15%, 100% 15%, 100% 75%, 75% 75%, 51% 94%, 25% 75%, 0% 75%);
    background: #fff;
    width: 244px;
    height: 193px;
}

.ep_bg{
    background: url("../images/ep_banner_bg.svg") repeat-x;
    min-height: 616px;
}

.first_white_box{
    background-color: rgba(255, 255, 255, 0.54);
    width: 85%;
    /*height: 532px;*/
    margin: 0px auto;
    padding: 0.2rem 2.5rem 2.5rem 2.5rem;
}

.icon_box{
    background: url("../images/icon_box.svg") repeat-x;
    width: 245px;
    height: 193px;
}

.cls-2 {
    color: red;
    fill-rule: evenodd;
}

.change-my-color {
    fill: green;
}

.logo-img path {
    fill: #000 !important;
}


.myprogress {
    min-width: 100%;
    margin: 0px auto;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.54);
}
.myprogress .circle,
.myprogress .bar {
    display: inline-block;
/*    background: #fff;
    width: 100px;
    height: 100px;
    border-radius: 80px;
    border: 1px solid #d5d5da;*/
    background: url("../images/icon_box.svg") repeat-x;
    width: 219px;
    /*height: 193px;*/
}
.myprogress .bar {
    position: relative;
    width: 80px;
    height: 2px;
    top: -255px;
    border: 0px solid #d5d5da;
    background:transparent;
}
.myprogress .circle .label {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 30px;
    border-radius: 40px;
    font-size: 24px;
}
.myprogress .circle .title {
    color: #b5b5ba;
    font-size: 24px;
    line-height: 130px;
}

.search_box{
    padding-top: 90px;
    padding-bottom: 20px;
}

.search_box p{
    color:#124853;
    font-size: 15px;
}

.ep_cards{
    background: #f4fdff;
    border-radius:2rem;
    padding: 1.3rem;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

.width_90{
    width: 90%;
}

.middle_lines{
    border-left:  2px solid #ccc;
    border-right: 2px solid #ccc;
}

.light_gradient{
    background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(125,185,232,0) 29%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(125,185,232,0) 29%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(125,185,232,0) 29%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
}

.supplier_bg{
    background: #f1f8f9;
}

/*-----------  Eprocure End here -------*/




/*-----------  Contact Us 2 start here -------*/

.contact_bg{
    background: url("../images/contact_bg.png") ;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.contact_title{
    font-size: 30px;
    color:#11798b;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.contact_sub_text{
    font-size: 15px;
}

.input_field_2{
    color:#222222;
    font-weight: 600;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom: 2px dashed #d0d0d0;
    background: transparent !important;
    box-shadow: none !important;
}

.input_field_2:focus{
    border-color:#11798b;
}

.centered {
    position: absolute;
    top: 60%;
    left: 45%;
    transform: translate(-50%, -50%);
}

.contact_info li{
    list-style-type: none;
}

.white_circle{
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.location_2{
    font-size: 1.2rem;
    color: #11798b;
    padding: 10px;
    margin-right: 10px;
}

.career_text{
    margin: 0;
    padding-left: 48px;
    font-size: 16px;
    font-weight: bold;
}

.send_message{
    color: #fff;
    background: #12798c;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    border-radius: 10px;
    text-transform: uppercase;
}

.send_message:hover{
    color: #fff;
    background: #116878;
}

.start_10{
    left: 10%;
}

.eq_clr{
    color: #6c757d;
}

.eq_clr::after{
    float: right;
    position: relative;
    top:10px;
}

/*-----------  Contact Us 2 end here -------*/



/*-----------  Careers cards section start here -------*/
.cards_bg{
    background: #e7f1f3;
}

.career_grid figure {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    background: #fff;
    cursor: pointer;
    webkit-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.10);
    box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.10);
    margin: 0 0 1.5rem;
}

.career_grid .double-height {
    padding: 1.5rem;
}
.career_grid figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #12798c;
    font-size: 1.25em;
    backface-visibility: hidden;
    transition: transform 0.35s;
}

.career_grid figure figcaption h4{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.career_grid figure figcaption p{
    color:#fff;
    font-weight: 600;
}

.softblue{
    background: #dfeaec;
}

.search_place{
    right: 0;
    top:-50px;
}

/*-----------  Careers cards section end here -------*/


/*-----------  Technologies section 2 start here -------*/

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

.tech_btn ul li{
    list-style-type: none;
    display: inline-block;
    border: 1px solid #11798b;
    padding: 6px 25px 6px 25px;
    text-align: center;
    margin-right: 15px;
    margin-top: 15px;
}

.tech_btn ul li p{
    margin: 0;
}

.tech_img_box{
    height: 67px;
    max-height: 67px;
    width: 185px;
    display: inline-flex;
    justify-content: center;
    border: 1.5px dashed #aaa;
    padding: 6px;
    margin: 0px 10px 15px 0px;
}


.cards_bg{
    background: #e7f1f3;
}

/*-----------  Technologies section 2 end here -------*/


/*-----------  Konglet start here -------*/
.bg {

    background: -moz-linear-gradient(top,  rgba(18,121,140,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(18,121,140,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(18,121,140,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12798c', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    background-size: cover;
    -webkit-background-size: cover;
    width: 100%;
    height: 700px;
    overflow: hidden;
    position: relative;
}
.bg:after {
    content: "";
    width: 200%;
    height: 0;
    padding-top: 200%;
    border-radius: 100%;
    background: #FFF;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%);
}


.konglet_left_box{
    background: #083c45;
    color:#fff;
    padding: 1rem 1.5rem 1rem 1.5rem;
}

.konglet_left_box h4{
    line-height: 1.5;
    margin: 0;
    font-size: 20px;
}

.konglet_content ul{
    list-style-type: none;
    padding: 1.5rem;
}

.konglet_content ul li{
    font-size: 16px;
    margin-bottom: 2rem;
}

.konglet_height{
    height: 430px;
    margin: 0px auto;
}

.cross_line{
    background: url("../images/cross_line.svg") no-repeat;
    height: 245px;
}

.cross_content ul{
    position: absolute;
    top: 5px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.cross_content ul li{
    margin-bottom: 1.4rem;
}

.cross_content ul li:nth-child(1) {
    left: 100px;
    position: relative;
}

.cross_content ul li:nth-child(2) {
    left: 150px;
    position: relative;
}

.cross_content ul li:nth-child(3) {
    left: 200px;
    position: relative;
}

.cross_content ul li:nth-child(4) {
    left: 250px;
    position: relative;
}

.cross_content ul li:nth-child(5) {
    left: 300px;
    position: relative;
}

.cross_title{
    color:#de1d39;
}

.api_tools{
    background: #f7aa29;
    padding: 1rem;
    margin-bottom: 2rem;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.api_tools_2{
    background: #8fbf59;
}

.api_tools_3{
    background: #40a3e7;
}

.light_yellow{
    background: #e7ece0;
}

.icon_bg{
    background: #f0ffdd;
    border-radius: 20%;
    width: 160px;
    height: 160px;
    padding: 2.8rem;
}

.green{
    background: #c4d8db;
}

.text_white h4{
    color: #FFF;
}

.text_white h1 {
    color: #FFF !important;
}

.text_white p{
    color: #FFF;
}

.konglet_api{
    padding-left: 20rem;
}


.slider_number h1{
    font-size: 120px;
    font-weight: bold;
    color: #de1d39;
}

.slider_line{
    height: 5px !important;
    background: #11798b;
    width: 70px;
    opacity: 1;
}

.slider_bg{
    background: #fff;
    padding: 0.5rem 1rem 0.5rem 1rem;
}

.slider {
    /* padding: 32px;
    color: #fff; */
}
.slider .swiper-container {
    width: 100%;
    height: 100%;
}
.slider__flex {
    display: flex;
    align-items: flex-start;
}
.slider__col {
    display: flex;
    flex-direction: column;
    width: 350px;
    margin-right: 140px;
}
.slider__prev,
.slider__next {
    cursor: pointer;
    text-align: center;
    font-size: 28px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color:#fff;
}
.slider__prev:focus,
.slider__next:focus {
    outline: none;
}
.slider__thumbs {
    height: calc(400px - 96px);
}
.slider__thumbs .slider__image {
    transition: 0.25s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}
.slider__thumbs .slider__image:hover {
    opacity: 1;
}
.slider__thumbs .swiper-slide-thumb-active .slider__image {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}
.slider__images {
    height: 400px;
}
/*.slider__images .slider__image img {
    transition: 3s;
}
.slider__images .slider__image:hover img {
    transform: scale(1.1);
}*/
.slider__image {
    width: 100%;
    /*height: 100%;*/
    border-radius: 20px;
    overflow: hidden;
    border:2px dashed #aaa;
}
.slider__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 767.98px) {
    .slider__flex {
        flex-direction: column-reverse;
    }
    .slider__col {
        flex-direction: row;
        align-items: center;
        margin-right: 0;
        margin-top: 24px;
        width: 100%;
    }
    .slider__images {
        width: 100%;
    }
    .slider__thumbs {
        height: 100px;
        width: calc(100% - 96px);
        margin: 0 16px;
    }
    .slider__prev,
    .slider__next {
        height: auto;
        width: 32px;
    }
}

/*-----------  Konglet end here -------*/



/*-----------  Resume popup start here -------*/
.upload input[type="file"]{
    display: none;
    cursor: pointer;
    width: 100%;
}
/*-----------  Resume popup end here -------*/

.form_error {
    border-bottom: 2px dashed red;
}

.error_clr{
    color:red;
}