@import url('../fonts/stylesheet.css');
/* Custom fonts */
.font-euclid-bold{font-family: 'euclid_circular_abold';}
.font-euclid-regular{font-family: 'euclid_circular_aregular';}
.font-euclid-medium{font-family: 'euclid_circular_amedium';}
.font-euclid-semibold{font-family: 'euclid_circular_asemibold';}
.font-gilroy-extrabold{font-family: 'gilroyextrabold';}


/* Custom Tailwind */
/* ================= */
.leading-semi-tight{
    line-height:1.10;
}
body{
    font-family: 'euclid_circular_aregular'
}
#on-demand-base-container{
    position:relative;
    z-index:1;
    overflow:hidden;
}
#on-demand-base-container .container{
    position:relative;
    z-index:9;
}
#on-demand-base-container .on-demand-bg{
    content: '';
    background: #fff;
    width: 125%;
    position: absolute;
    height: 52%;
    bottom: 0;
    left: -12%;
    border-radius: 100% 100% 0 0;
}
.content-section{
    position:relative;
}
.content-section-bg{
    content: '';
    width: 100%;
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.content-section-bg.section-bg1{
    background: url(../images/home_content_bg1.png) no-repeat;
    background-size: 100% 100%;
}
.content-section-bg.section-bg2{
    background: url(../images/home_content_bg2.png) no-repeat;
    background-size: 100% 100%;
}
.pattern-bg{
    background: url(../images/Why50BG.jpg) no-repeat;
    background-size:cover;
}
#why-base-container{
    position:relative;
    width:100%;
}
#why-base-container .container{
    position:relative;
    z-index:9;
}
#why-base-container:after{
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 127px;
    background: url(../images/home_bottom_bg.png) no-repeat;
    position: absolute;
    z-index: 2;
    background-position: bottom;
}

#helping-section-container:after{
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 127px;
    background: url(../images/home_bottom_bg2.png) no-repeat;
    position: absolute;
    z-index: 2;
    background-position: bottom;
}
#menu-toggle:checked + #nav{
    display:block;
}
#ham_menu{
    position:absolute;
    right: 20px;
    top: 25px;
}

@media only screen and (max-width: 600px) {
    .content-section-bg {
        width: 300%;
        left: -50%;
        z-index: 1;
    }
    #why-base-container:after{
        background-size:100% auto;
    }
}
@media only screen and (max-width: 768px) {
    .content-section-bg {
        width: 125%;
        left: -10%;
        z-index: 1;
    }
}


/* Service cm page */

/* .sub-card .media{
    background:url(../images/media-icon-white.png) no-repeat;
    width: 32px;
    height: 32px;
}
.sub-card:hover .media{
  background:url(../images/media-blue.png) no-repeat;
  width: 32px;
  height: 32px;
} */
.sub-card{
    height:105px;
    transition: all 0.2s linear 0s;
}
.sub-card:hover{
    transition: all 0.2s linear 0s;
}
.sub-card .cm_1{
    background:url(../images/cm_1.png) no-repeat;
    width: 50px;
    height: 50px;
}
.sub-card:hover .cm_1{
  background:url(../images/cm_1_color.png) no-repeat;
  width: 50px;
    height: 50px;
}

.sub-card .cm_2{
    background:url(../images/cm_2.png) no-repeat;
    width: 50px;
    height: 50px;
}
.sub-card:hover .cm_2{
  background:url(../images/cm_2_color.png) no-repeat;
   width: 50px;
    height: 50px;
}

.sub-card .cm_3{
    background:url(../images/cm_3.png) no-repeat;
    width: 50px;
    height: 50px;
}
.sub-card:hover .cm_3{
  background:url(../images/cm_3_color.png) no-repeat;
   width: 50px;
    height: 50px;
}

.sub-card .cm_4{
    background:url(../images/cm_4.png) no-repeat;
    width: 50px;
    height: 50px;
}
.sub-card:hover .cm_4{
  background:url(../images/cm_4_color.png) no-repeat;
  width: 50px;
    height: 50px;
}

.sub-card .cm_5{
    background:url(../images/cm_5.png) no-repeat;
    width: 50px;
    height: 50px;
}
.sub-card:hover .cm_5{
  background:url(../images/cm_5_color.png) no-repeat;
  width: 50px;
    height: 50px;
}

.sub-card .cm_6{
    background:url(../images/cm_6.png) no-repeat;
     width: 50px;
    height: 50px;
}
.sub-card:hover .cm_6{
  background:url(../images/cm_6_color.png) no-repeat;
   width: 50px;
    height: 50px;
}

.sub-card .cm_7{
    background:url(../images/cm_7.png) no-repeat;
     width: 50px;
    height: 50px;
}
.sub-card:hover .cm_7{
  background:url(../images/cm_7_color.png) no-repeat;
   width: 50px;
    height: 50px;
}
.sub-card:hover .sub-txt{
    display:block !important;
    margin-top:5px;
}
.sub-card .cm_8{
    background:url(../images/cm_8.png) no-repeat;
    width: 50px;
    height: 50px;
}
.sub-card:hover .cm_8{
  background:url(../images/cm_8_color.png) no-repeat;
  width: 50px;
    height: 50px;
}

.sub-card:hover .bg-blue-600{
    background-color: #fff;
}

.sub-card:hover .bg-blue-600{
    background-color: #fff;
}
.sub-card:hover .text-gray-500{
    color: #fff;
    transition: 0.5;
}



/* Services CC Page */

.bg_servicves_deep_dark{
    background-color: #ff806d;
}

.hover\:bg_servicves_deep_dark:hover {
    background-color: #ff806d;
  }

.bg_services_dark{
    background-color: #ffaca0;
}

.border_services_dark{
    border-color: #ffaca0;
}

.bg_services_normal{
    background-color: #fef3f1;
}

.bg_services_light{
    background-color: #fff3f1;
}


.s_cc_card .cc_1{
    background:url(../images/cc_1.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_cc_card:hover .cc_1{
  background:url(../images/cc_1_color.png) no-repeat;
 width: 50px;
    height: 50px;
}

.s_cc_card .cc_2{
    background:url(../images/cc_2.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_cc_card:hover .cc_2{
  background:url(../images/cc_2_color.png) no-repeat;
  width: 50px;
  height: 50px;
}

.s_cc_card .cc_3{
    background:url(../images/cc_3.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_cc_card:hover .cc_3{
  background:url(../images/cc_3_color.png) no-repeat;
  width: 50px;
  height: 50px;
}

.s_cc_card .cc_4{
    background:url(../images/cc_4.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_cc_card:hover .cc_4{
  background:url(../images/cc_4_color.png) no-repeat;
  width: 50px;
  height: 50px;
}

.s_cc_card .cc_5{
    background:url(../images/cc_5.png) no-repeat;
    width: 50px;
  height: 50px;
}
.s_cc_card:hover .cc_5{
  background:url(../images/cc_5_color.png) no-repeat;
   width: 50px;
  height: 50px;
}

.s_cc_card .cc_6{
    background:url(../images/cc_6.png) no-repeat;
     width: 50px;
  height: 50px;
}
.s_cc_card:hover .cc_6{
  background:url(../images/cc_6_color.png) no-repeat;
  width: 50px;
  height: 50px;
}

.s_cc_card .cc_7{
    background:url(../images/cc_7.png) no-repeat;
    width: 50px;
  height: 50px;
}
.s_cc_card:hover .cc_7{
  background:url(../images/cc_7_color.png) no-repeat;
  width: 50px;
  height: 50px;
}

.s_cc_card .cc_8{
    background:url(../images/cc_8.png) no-repeat;
    width: 50px;
  height: 50px;
}
.s_cc_card:hover .cc_8{
  background:url(../images/cc_8_color.png) no-repeat;
   width: 50px;
  height: 50px;
}

.s_cc_card .cc_9{
    background:url(../images/cc_9.png) no-repeat;
    width: 50px;
  height: 50px;
}
.s_cc_card:hover .cc_9{
  background:url(../images/cc_9_color.png) no-repeat;
   width: 50px;
  height: 50px;
}

.s_cc_card .cc_10{
    background:url(../images/cc_10.png) no-repeat;
    width: 50px;
  height: 50px;
}
.s_cc_card:hover .cc_10{
  background:url(../images/cc_10_color.png) no-repeat;
   width: 50px;
  height: 50px;
}

.s_cc_card .cc_11{
    background:url(../images/cc_11.png) no-repeat;
    width: 50px;
  height: 50px;
}
.s_cc_card:hover .cc_11{
  background:url(../images/cc_11_color.png) no-repeat;
   width: 50px;
  height: 50px;
}

.s_cc_card .cc_12{
    background:url(../images/cc_12.png) no-repeat;
    width: 50px;
  height: 50px;
}
.s_cc_card:hover .cc_12{
  background:url(../images/cc_12_color.png) no-repeat;
   width: 50px;
  height: 50px;
}

.s_cc_card:hover .bg_servicves_deep_dark{
    background-color: #fff;
}


/* Services DM Page */

.bg_servicves_dm_dark{
    background-color: #ecb22e;
}

.hover\:bg_servicves_dm_dark:hover {
    background-color: #ecb22e;
  }



.bg_servicves_dm_normal{
    background-color: #faf8ec;
}

.bg_servicves_dm_light{
    background-color: #fffef8;
}


.s_dm_card .dm_1{
    background:url(../images/dm_1.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_dm_card:hover .dm_1{
  background:url(../images/dm_1_color.png) no-repeat;
   width: 50px;
    height: 50px;
}

.s_dm_card .dm_2{
    background:url(../images/dm_2.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_dm_card:hover .dm_2{
  background:url(../images/dm_2_color.png) no-repeat;
  width: 50px;
    height: 50px;
}

.s_dm_card .dm_3{
    background:url(../images/dm_3.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_dm_card:hover .dm_3{
  background:url(../images/dm_3_color.png) no-repeat;
  width: 50px;
    height: 50px;
}

.s_dm_card .dm_4{
    background:url(../images/dm_4.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_dm_card:hover .dm_4{
  background:url(../images/dm_4_color.png) no-repeat;
   width: 50px;
    height: 50px;
}

.s_dm_card .dm_5{
    background:url(../images/dm_5.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_dm_card:hover .dm_5{
  background:url(../images/dm_5_color.png) no-repeat;
  width: 50px;
    height: 50px;
}

.s_dm_card .dm_6{
    background:url(../images/dm_6.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_dm_card:hover .dm_6{
  background:url(../images/dm_6_color.png) no-repeat;
  width: 50px;
    height: 50px;
}

.s_dm_card .dm_7{
    background:url(../images/dm_7.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_dm_card:hover .dm_7{
  background:url(../images/dm_7_color.png) no-repeat;
   width: 50px;
    height: 50px;
}

.s_dm_card .dm_8{
    background:url(../images/dm_8.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_dm_card:hover .dm_8{
  background:url(../images/dm_8_color.png) no-repeat;
  width: 50px;
    height: 50px;
}

.s_dm_card:hover .bg_servicves_dm_dark{
    background-color: #fff;
}

.s_dm_card:hover .text-gray-500{
    color: #fff;
    transition: 0.5;
}


/* Services MA Page */


.bg_services_ma_deep_dark{
    background-color: #2eb67d;
}

.hover\:bg_services_ma_deep_dark:hover {
    background-color: #2eb67d;
  }

.bg_services_ma_dark{
    background-color: #8be9af;
}

.border_services_ma_dark{
    border-color: #8be9af;
}

.bg_services_ma_normal{
    background-color: #defff1;
}

.bg_services_ma_light{
    background-color: #f8fffc;
}

.s_ma_card .ma_1{
    background:url(../images/ma_1.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_ma_card:hover .ma_1{
    background:url(../images/ma_1_color.png) no-repeat;
    width: 50px;
    height: 50px;
}

.s_ma_card .ma_2{
    background:url(../images/ma_2.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_ma_card:hover .ma_2{
    background:url(../images/ma_2_color.png) no-repeat;
    width: 50px;
    height: 50px;
}


.s_ma_card .ma_3{
    background:url(../images/ma_3.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_ma_card:hover .ma_3{
    background:url(../images/ma_3_color.png) no-repeat;
    width: 50px;
    height: 50px;
}

.s_ma_card .ma_4{
    background:url(../images/ma_4.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_ma_card:hover .ma_4{
    background:url(../images/ma_4_color.png) no-repeat;
    width: 50px;
    height: 50px;
}

.s_ma_card .ma_5{
    background:url(../images/ma_5.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_ma_card:hover .ma_5{
    background:url(../images/ma_5_color.png) no-repeat;
    width: 50px;
    height: 50px;
}

.s_ma_card .ma_6{
    background:url(../images/ma_6.png) no-repeat;
    width: 50px;
    height: 50px;
}
.s_ma_card:hover .ma_6{
    background:url(../images/ma_6_color.png) no-repeat;
    width: 50px;
    height: 50px;
}


.s_ma_card:hover .bg_services_ma_deep_dark{
    background-color: #fff;
}

.s_ma_card:hover .text-gray-500{
    color: #fff;
}

.experience{
    cursor:default;
}

/* About Us page CSS */
.about_crafting_success_container{
    background:url(../images/crafting_stories_bg.jpg) no-repeat right top #f0f4fd;
    background-size: 50% 100% !important;
}
.infoesearch-mission-section {
    position: relative;
}
.infoesearch-mission-section:before {
    content: '';
    left: -70px;
    top: -50px;
    background: #f3f6fd;
    position: absolute;
    width: 50%;
    height: 50px;
    -webkit-transform: skew(50deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
}
.trust_card .trust_ikn_01{
    background: url(../images/Icon1.png) no-repeat;
    width: 25px;
    height: 25px;
}
.trust_card:hover .trust_ikn_01{
    background: url(../images/Icon1.png) no-repeat;
}

.trust_card .trust_ikn_02{
    background: url(../images/Icon2.png) no-repeat;
    width: 25px;
    height: 25px;
}
.trust_card:hover .trust_ikn_2{
    background: url(../images/Icon2.png) no-repeat;
}

.trust_card .trust_ikn_03{
    background: url(../images/Icon3.png) no-repeat;
    width: 25px;
    height: 25px;
}
.trust_card:hover .trust_ikn_03{
    background: url(../images/Icon3.png) no-repeat;
}

.trust_card .trust_ikn_04{
    background: url(../images/Icon4.png) no-repeat;
    width: 22px;
    height: 26px;
}
.trust_card:hover .trust_ikn_04{
    background: url(../images/Icon4.png) no-repeat;
}

.trust_card .trust_ikn_05{
    background: url(../images/Icon5.png) no-repeat;
    width: 25px;
    height: 25px;
}
.trust_card:hover .trust_ikn_05{
    background: url(../images/Icon5.png) no-repeat;
}

.trust_card .trust_ikn_06{
    background: url(../images/Icon6.png) no-repeat;
    width: 26px;
    height: 26px;
}
.trust_card:hover .trust_ikn_06{
    background: url(../images/Icon6.png) no-repeat;
}

.trust_card .trust_ikn_07{
    background: url(../images/Icon7.png) no-repeat;
    width: 25px;
    height: 30px;
}
.trust_card:hover .trust_ikn_07{
    background: url(../images/Icon7.png) no-repeat;
}

.trust_card .trust_ikn_08{
    background: url(../images/Icon8.png) no-repeat;
    width: 28px;
    height: 28px;
}

.trust_card:hover .trust_ikn_08{
    background: url(../images/Icon8.png) no-repeat;
}



.menu-primary-menu-container ul li{
    position:relative;
}
.menu-primary-menu-container ul li ul{
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    z-index: 99;
    width:225px;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

.menu-primary-menu-container ul li ul li a {
    color: #fff !important;
    width: 100%;
    float: left;
    padding: 12px 20px;
    font-size: 16px;
    border:0 !important;
}
.menu-primary-menu-container ul li ul li a:hover{
    border:0 !important;
}
.menu-primary-menu-container ul li:hover ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
    background: #000b33;
    color: #fff !important;
    width:225px;
    overflow:hidden;
}
.menu-primary-menu-container ul li ul {
    line-height: 1 !important;
    padding: 0;
}

.menu-primary-menu-container ul li ul li{
    width: 100%;
    margin: 0;
}
.menu-primary-menu-container ul li:hover ul li a:hover{
    background: #061b68;
    width: 100%;
    float: left;
    padding: 12px 20px;
}
.menu-primary-menu-container ul li:hover ul li:hover ul{
    left:100%;
    opacity: 1;
    visibility: visible;
    background: #5058c5;
    color: #fff !important;
    width:225px;
    overflow:hidden;
}
#main-header-section{
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
#main-header-section.shrink {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 40;
  border-bottom: 2px solid #fef3f1;
}
.trust-cards-container{
    position:relative;
}
.trust-cards-container:before{
    background:url(../images/trust_bg.jpg) no-repeat;
    content:'';
    left:0;
    top:0;
    position:absolute;
    height:101px;
    width:1093px;
}

.trust-cards-container:after{
    display:none;
    background:url(../images/industry_bg.jpg) no-repeat;
    content:'';
    right:0;
    bottom:-60px;
    position:absolute;
    height:117px;
    width:857px;
}
.global-brands-heading:after{
    content:'';
    width:200px;
    height:199px;
    position:absolute;
    right:0;
    top:-65px;
    background:url(../images/50_plus_global_brands_icon.png) no-repeat;
    
}
.c-s-1{color:#937fe2;}
.c-s-2{color:#ed87b6;}
.c-s-3{color:#ff806f;}
.c-s-4{color:#5ec5c2;}
.c-s-5{color:#4cb2f2;}
.c-s-6{color:#626cf0;}

.contacts-base-container{
    overflow:visible !important;
}
.contacts-container{
    position: relative;
    top: -175px;
}
.contact-action-btn span{
    float:left;
    line-height:2;
}
.contact-action-btn{
    margin:30px 20px 0 0;
    display:block;
    float:left;
}
.contact-action-btn span.ikon{
    float: left;
    padding: 8px;
    background: #626cf0;
    color: #fff;
    border-radius: 100%;
    margin-right: 10px;
}
.p-4 {
    padding: 1.5rem!important;
}
@media only screen and (max-width: 768px) {
    .trust-cards-container:before,
    .trust-cards-container:after{
        display:none;
    }
    .menu-primary-menu-container ul li:hover ul{
        width:100%;
        position:relative;
    }
    .global-brands-heading:after{
        display:none;
    }
    .contact-action-btn{
        float: left;
        width: 100%;
        margin: 10px 0 10px;
    }
}

.bg-gray-5 {
    background: #EDF1F8;
	border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}
#backTop{
    position: fixed;
    bottom: 6%;
    right: 2%;
    z-index: 99999999;
    background: #1ED23B;
    padding: 10px;
    opacity:1;
    visibility:hidden;
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
}
#backTop.active{
    opacity:1;
    visibility:visible;
}
#backTop img{
    width:30px;
    height:30px;
}
.text-dark-gray {
    color: #999999;
}