* {
    margin: 0px;
    padding: 0px;
}

html {
    scroll-behavior: smooth;
}

.container {
    max-width: 1170px;
    margin: auto;
    width: auto; padding: 0px 15px;
}

.container-fluid{ padding-left: 30px; padding-right: 30px;}
img {
    max-width: 100%;
}

a,
a:hover,
a:visited,
a:focus,
a:active {
    text-decoration: none !important;
}

body {
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
}

.site_outlinea{ display: inline-block; color: #666666 !important; border: 1px solid #666666; border-radius: 7px; font-size: 16px; padding: 7px 15px; min-width: 100px;  transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;  position: relative ; overflow: hidden;}
.site_outlinea:hover{ border-color: #000; color: #fff !important; opacity: 1;}
.site_outlinea:after{ content: ''; display: block; height: 30px; width: 30px; background-color: #000; position: absolute; left: -30px; bottom: -30px; border-radius: 50%; z-index: 9;  transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;  }
.site_outlinea span{ display:block; position: relative; z-index: 99;}
/* .site_outlinea:hover{ background-color: #666666; color: #fff !important;} */
.site_outlinea:hover:after{transform: scale(17); -o-transform: scale(17); -ms-transform: scale(17); -moz-transform: scale(17); }

.site_btn2, .site_btn2:hover{min-width: 120px; text-align: center; padding: 10px 15px; color: #fff;  border: none; font-size: 16px; background-color: #e41d36; font-weight: 500; border-radius: 6px; display: inline-block; position: relative; overflow: hidden;}
.site_btn2 span{ display:block; position: relative; z-index: 99;}
.site_btn2:after{ content: ''; display: block; height: 30px; width: 30px; background-color: #000; position: absolute; left: -30px; bottom: -30px; border-radius: 50%; z-index: 9;  transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;  }
.site_btn2:hover:after{transform: scale(17); -o-transform: scale(17); -ms-transform: scale(17); -moz-transform: scale(17); }
.site_btn, .site_btn:hover{ min-width: 120px; text-align: center; padding: 10px 15px; color: #fff;  border: none; font-size: 16px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fe5763+0,fd8e4b+100 */
    background: #fe5763; /* Old browsers */
    background: -moz-linear-gradient(left,  #fe5763 0%, #fd8e4b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #fe5763 0%,#fd8e4b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #fe5763 0%,#fd8e4b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe5763', endColorstr='#fd8e4b',GradientType=1 ); /* IE6-9 */
    border-radius: 6px;}

.site_btnGray{ font-size: 16px; color: rgba(0, 0, 0, .8); padding: 10px 15px; border: 1px solid rgba(0, 0, 0, .8); font-weight: 500;}

.site_heading h1, .site_heading h2{ font-size: 60px; font-weight: 600; color: #3d52aa;}
.site_heading h2{ font-size: 40px;}
.site_heading h1 small{ font-weight: 500; color: #000000; font-size: 40px; display: block;}
.site_heading  h6{ font-size: 24px; font-weight: 300; color: #000; margin-bottom: 0px;}
.site_heading p{ font-size: 18px; font-weight: 300; color: #000;}


p.light_p{ color: #000; opacity: .7; text-align: center; font-size: 16px;}
p{ text-align: justify; font-size: 16px; line-height: 26px; color: #504f4f; font-family: 'Nunito', sans-serif;}

hgroup h6{ font-size: 16px; font-weight: 500; color: #0000ff; text-transform: uppercase; margin: 0px; font-family: 'Nunito', sans-serif;
} 
hgroup h2{ font-size: 65px; font-weight: 500; color: #3f3e4f; font-family: 'Poppins', sans-serif; margin: 0px;
 text-transform: capitalize;}
hgroup h2 span{ display: inline-block; color: #0000ff; font-weight: 700;}
p.subHeading{ font-size: 26px; color: #504f4f; padding: 8px; border-left: 5px solid #0000ff; font-family: 'Nunito', sans-serif;}



/* =========header========
============================= */
header{-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.16); background-color: #fff; }
/* header .logo{ width: 95px;} */
header ul{ margin-bottom: 0px;}
header .headeContactInfo{ padding: 8px 0px;}
header .headeContactInfo li a{ display: inline-block; font-size: 16px; color: #000;}
header .headeContactInfo, header .headeContactInfo li{ text-align: right;}
header .headeContactInfo li a i{ display: inline-block; font-size: 18px;}
header .headeContactInfo li:last-child::before{ content: '|'; color: #ddd; display: inline-block; margin-right: 8px;}
header .headeContactInfo, header .headeContactInfo li{ margin-left: 8px; margin-right: 0px !important;}

header nav{ padding: 20px 0px;}
header nav ul li a{ display: inline-block; color: #3b3663; font-size: 18px; transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
header nav ul li a:hover{ color: #e41d36;}
header nav ul li{ margin-left: 40px; margin-right: 0px !important;}
header nav>ul>li:nth-last-child(2){ margin-left: 60px; position: relative; }
header nav>ul>li:nth-last-child(2):before{ content: ''; background-color: #ddd; display: inline-block; width: 1px; height: 30px; position: absolute; left: -30px; top: 10px;} 
header nav ul li:nth-last-child(2) ul li span:before{ font-size: 32px; color: #e41d36;}
header nav ul li:nth-last-child(2) ul li span{ margin-right: 8px;}
header nav ul li:nth-last-child(2) ul li{ margin-left: 0px;}
header nav ul li:nth-last-child(2) ul li h6{ font-size: 14px; color: #3b3663; margin: 0px;}
header nav ul li:nth-last-child(2) ul li a{ font-size: 20px; display: inline-block; color: #e41d36; font-weight: 600; font-family: 'Nunito', sans-serif;}


  
	/* Hang */

    @-webkit-keyframes hvr-hang {
        0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
       }
        50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
       }
        100% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
       }
       }
        @keyframes hvr-hang {
        0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
       }
        50% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
       }
        100% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
       }
       }
        @-webkit-keyframes hvr-hang-sink {
        100% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
       }
       }
        @keyframes hvr-hang-sink {
        100% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
       }
       }
       .hang{
           display: inline-block;
           vertical-align: middle;
           -webkit-transform: perspective(1px) translateZ(0);
           transform: perspective(1px) translateZ(0);
           box-shadow: 0 0 1px rgba(0, 0, 0, 0);
       }
       .hang {
           -webkit-animation-name: hvr-hang-sink, hvr-hang;
           animation-name: hvr-hang-sink, hvr-hang;
        -webkit-animation-duration: .3s, 1.5s;
        animation-duration: .3s, 1.5s;
        -webkit-animation-delay: 0s, .3s;
        animation-delay: 0s, .3s;
           -webkit-animation-timing-function: ease-out, ease-in-out;
           animation-timing-function: ease-out, ease-in-out;
           -webkit-animation-iteration-count: 1, infinite;
           animation-iteration-count: 1, infinite;
           -webkit-animation-fill-mode: forwards;
           animation-fill-mode: forwards;
           -webkit-animation-direction: normal, alternate;
           animation-direction: normal, alternate;}
      

/* ==========slider_sec========
======================================= */
#slider_sec .slider_secInner{ height: 90vh; position: relative;}
#slider_sec .sliderOverlaybg{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 9; background-color: rgba(0, 0, 0, 0.75);}
#slider_sec img{width: 100%;
    object-fit: cover;
    overflow: hidden; height: 100%;}
    .sliderOverlayCnt{ position: absolute; left: 0px; top: 50%; z-index: 9; transform: translate(0px, -50%); -o-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); right: 0px;} 
    #slider_sec hgroup h6, #slider_sec hgroup h2{ color: #fff;}
    #slider_sec .site_btn2{ margin-top: 10px;}

/* ===========about_sec=======
==================================== */
#about_sec{ padding: 50px 0px; background: url(../images/about_bg.png) no-repeat center bottom; background-size: cover; position: relative; overflow: hidden;}
#about_sec .element1{ position: absolute; left: 0px; bottom: 10px; z-index: 9;}
#about_sec .element2{ position: absolute; right: 0px; bottom: 30px; z-index: 9;}


#about_sec .about_secinner{ position: relative; z-index: 99;}
#about_sec .about_cnt{ padding-left: 30px;}
/* #about_sec .about_imgdv{ width: 85%;} */
#about_sec .site_btn2{ margin-top: 12px !important;}
#about_sec .about_imgdv img{ width: 100%;}

.contactWithUs h4, .contactWithUs h6{ color: #000;}
.contactWithUs small{ font-size: 16px; color: #000; opacity: .7;}
#about_sec .contactWithUs .site_btn2{ margin-top: 0px !important;}
.about_lftdv{ width: 49%;}
.contactWithUs{ width: 49%; margin-left: 2%;}
#motivationVideoModal  .modal-dialog{ max-width: 720px;}
/* =========aboutUsPage=========
======================================= */
.dots_ul{ margin: 0px; padding: 0px;}
.dots_ul li{ padding-left: 20px; font-size: 16px; margin: 0px; margin-bottom: 12px; position: relative; color: #555555;}
.dots_ul li:after{ background-color: #0000ff; height: 8px; width: 8px; content: ''; display: block; position: absolute; left: 0px; top: 9px;}

.about_us {
    background: #ecf9ff;
    background: -moz-linear-gradient(left, #ecf9ff 0%, #ecf9ff 100%);
    background: -webkit-linear-gradient(left, #ecf9ff 0%, #ecf9ff 100%);
    background: linear-gradient(to right, #ecf9ff 0%, #ecf9ff 100%);
    padding: 40px 0px;
    /* margin: 42px 0px 40px; */
  
    padding-bottom: 107px;
    position: relative;
    color: white;
}

.about_us .about_imgdv{ position: relative;}
.about_us .about_imgdv img{ position: relative; z-index: 99;}
.about_us .about_imgdv .dotsdv{   
    width: 200px;
    height: 380px;
    position: absolute;
    top: -50px;
    right: -90px;
    z-index: 9;
    /* -webkit-transform: translateX(40%) translateY(-20%); */
    /* transform: translateX(40%) translateY(-20%); */
    background-image: url(../images/dot-pattern.png);
    background-repeat: repeat;
    background-position: 0 0;
    opacity: 0.2;}











/*  */
.play_aboutVideo {
    position: absolute; transform: translate(0px, -50%); -o-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%);
    right: -45px;
    top: 50%;
    z-index: 99;}
    .contact_img{ padding:7px; background-color:#0000ff60; width:91px; margin:auto; -webkit-border-radius: 50%;-moz-border-radius: 50%;
        border-radius: 50%; position:relative;}
        .contact_img .contact_img_inner{ height:75px; width:75px; background-color:#0000ff; line-height:68px; margin:auto; display: block; text-align:center; -webkit-border-radius: 50%;-moz-border-radius: 50%;
        border-radius: 50%;}
        .play_aboutVideo{ position: absolute; right: -45px; top: 50%; z-index: 99;}
         .contact_img i{ font-size:35px; color:#fff; line-height:75px;}
        .contact_img::before {
        content: '';
          border-radius: 1000px;
          min-width: calc(300px + 12px);
          min-height: calc(60px + 12px);
          border: 6px solid #00FFCB;
          box-shadow: 0 0 60px rgba(256,256,256,.64);
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          opacity: 0;
          transition: all .3s ease-in-out 0s; display:none;
        }
        .contact_img::after {
          content: '';
          width: 30px; height: 30px;
          border-radius: 100%;
          border: 10px solid #0000ff;
          position: absolute;
          z-index: -1;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          animation: ring 1.5s infinite;
        }
        @keyframes ring {
          0% {
            width: 30px;
            height: 30px;
            opacity: 1;
          }
          100% {
            width: 120px;
            height: 120px;
            opacity: 0;
          }
        }

/* ========valueAddedServicesSec======
========================================= */
#valueAddedServicesSec{ padding: 50px 0px; background-color: #f2fafa;}
#valueAddedServicesSec .valueAddedBx{ background-color: #fff; padding: 50px 25px; border-radius: 12px; -webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.18);
    box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.18); height: 100%;}
   #valueAddedServicesSec .valueAddedImg{ text-align: center; margin-bottom: 28px;}
#valueAddedServicesSec hgroup h2, #valueAddedServicesSec hgroup h6{ text-align: center;}
#valueAddedServicesSec hgroup{ margin-bottom: 30px;}

/* ========blog_sec=========
==================================== */
#blog_sec{ padding: 50px 0px; background-color: #fff; position: relative; overflow: hidden;}
#blog_sec .element_1{ position: absolute; left: 0px; top: 40%; z-index: 9;}
#blog_sec .element_2{ position: absolute; right: 0px; top: 10%; z-index: 9;}
#blog_sec .blog_secinner{ position: relative; z-index: 99;}
#blog_sec .blog_bgcolor{ width: 100%; height: 50%; position: absolute; left: 0px; right: 0px; top: 0px; z-index: 9; background-color: #ffeff2;}
#blog_sec .blog_secinner{ position: relative; z-index: 999;}
#blog_sec hgroup h2, #blog_sec hgroup h6{ text-align: center;}
#blog_sec hgroup{ margin-bottom: 30px;}
#blog_sec .blogBx .blogBxCnt{ background-color: #fff; padding: 12px; position: relative; margin-top: -10px;}
#blog_sec .blogBx .blogBxCnt .dateTimedv{ background-color: #e41c36; position: absolute; left: 0px; top: 0px; padding: 7px 0px; height: 75px; width: 75px; text-align: center;}
#blog_sec .blogBx .blogBxCnt .dateTimedv span{ display: block; text-align: center; color: #fff; font-weight: 700; font-size: 24px; margin-top: 0px;}
#blog_sec .blogBx .blogBxCnt .dateTimedv { color: #fff; text-align: center; font-size: 14px;}
#blog_sec .blogBx h4{ text-transform: capitalize; font-size: 18px; color:#333333 ; text-align: left;  padding-left: 75px; margin-bottom: 32px; margin-top: 6px;}
#blog_sec .blogBx ul li{ font-size: 16px; color: #737373; font-weight: 300;}
#blog_sec .blogBx ul li i{ display: inline-block; color: #737373; font-size: 16px;}
#blog_sec .blogBx ul li a.likeBlog{ color: #737373;}
#blog_sec .blogBx ul li a.likeBlog.liked, #blog_sec .blogBx ul li a.likeBlog.liked i{ color: #ff315f;}
#blog_sec .blogBx ul li strong{ font-weight: 700; display: inline-block; color: #666666;}
#blog_sec .blogBx  p{ font-size: 14px; color: #7b7b7b; text-align: justify;}
#blog_sec .blogBx a{ color: #ff315f; font-size: 16px; display: inline-block; text-decoration: underline;}
#blog_sec .blogBx{ overflow: hidden; border-radius: 8px;  -webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.18);
    box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.18);}
    #blog_sec .owl-stage-outer{ padding-bottom: 20px;}
#blog_sec .blogSocialIco li a{ display: inline-block; background: url(../images/social_mediaico.jpg) no-repeat center center; height: 30px; width: 30px; background-position: -1px -2px;}
#blog_sec ul{ margin-bottom: 0px;}
#blog_sec .blogSocialIco{ margin: 10px 0px;}

#blog_sec .blogSocialIco li:nth-child(2) a{ background-position: -37px -2px;}
#blog_sec .blogSocialIco li:nth-child(3) a{ background-position: -72px -2px;}
#blog_sec .blogSocialIco li:nth-child(4) a{ background-position: -107px -2px;}
#blog_sec .blogSocialIco li:nth-child(5) a{ background-position: -142px -2px;}

#blog_sec .blogdvBottom li{ margin-left: 12px; }

#blog_sec .blogSocialIco li{ margin-right: 0px;}
#blog_sec .blogSocialIco{ text-align: left;}

/*  */

#blog_sec .blogOwl{ position: relative;}
#blog_sec .blogOwl .owl-next{ position: absolute; right: -40px; top: 50%; transform: translate(0px, -50%); -o-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%);} 

#blog_sec .blogOwl .owl-prev{ position: absolute; left: -40px; top: 50%; transform: translate(0px, -50%); -o-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%);} 
#blog_sec .blogOwl .owl-nav button{ font-size: 60px;}
.owl-theme .owl-nav [class*=owl-]:hover{ background: transparent; color: #000;}

/* ===========footer=========
================================== */
footer{padding: 50px 0px 0px; background: #f5f6fb url(../images/footer_bg.png) no-repeat right bottom; position: relative; overflow: hidden;}
footer .element_1{ position: absolute; right: 0px; top: 0px; z-index: 9;}
footer .logo{ width: 120px; margin: auto;}
footer .footer_inner{ position: relative; z-index: 99;}
footer .foot_menu { padding: 12px 0px;  margin-bottom: 20px;}
footer .foot_menu  li a{ display: inline-block; color: #000 !important; opacity: .8; font-size: 16px;}

footer .footInfoul li{ margin-right: 15px;}
footer .footInfoul li:last-child{ margin-right: 0px;}
footer .footInfoul li a{ font-size: 16px; color: #000;}
footer .footInfoul li a .footInfoIcon{ height: 30px; width: 30px; display: inline-block; background: url(../images/footerInfoIco.png) no-repeat; background-position: -2px 0px;  vertical-align: -12px;} 
footer .footInfoul li:nth-child(2) a .footInfoIcon{ background-position: -38px 0px;}
footer .footInfoul li:nth-child(3) a .footInfoIcon{ background-position: -75px 0px;}

footer .copyright_dv p{ text-align: center; font-size: 14px; color: #000;  margin: 0px;}
footer .copyright_dv{ border-top: 1px solid #ddd; padding: 10px 0px;}


/* =========inner_pgmnbnr========
======================================= */
#inner_pgmnbnr { position: relative; padding: 20px 0px; background-color: #ff315f;}
#inner_pgmnbnr .inner_mnbnr_element{ position: absolute; bottom: 0px; left: 0px; right: 0px;}
#inner_pgmnbnr h6{ font-size: 20px; color: #fff; margin-top: 0px; margin-bottom: 0px;}
#inner_pgmnbnr h2{ color: #fff; font-size: 45px; font-weight: 500; margin: 7px 0px;}
#inner_pgmnbnr p{ color: #fff; font-size: 16px;}
#inner_pgmnbnr .inner_mnbnrCnt{ padding-top: 140px;}


/* ===========how_itwork_sec========
======================================= */

#how_itwork_sec {
    padding: 50px 0px;
}

#how_itwork_sec .nav-pills {
    margin-top: 20px;
    width: 35%;
    margin: auto;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    position: relative;
}

#how_itwork_sec .nav-pills .back_active {
    position: absolute;
    width: 33.333%;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    background-color: #e11523;
    left: 0px;
    z-index: 99;
    top: 0px;
    bottom: 0px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

#how_itwork_sec .nav-pills.slide1 .back_active {
    left: 0px;
}

#how_itwork_sec .nav-pills.slide2 .back_active {
    left: calc(33.333%);
}

#how_itwork_sec .nav-pills.slide3 .back_active {
    left: calc(100% - 33.333%);
}

#how_itwork_sec .nav-pills li a {
    color: #000;
}

#how_itwork_sec .nav-pills li a.active {
    color: #fff;
}

#how_itwork_sec .nav-pills li span {
    position: relative;
    z-index: 999;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: transparent;
    color: #fff;
}

#how_itwork_sec .how_itwork_mndv {
    margin-top: 50px;
}

#how_itwork_sec .how_itbx .circle_icoinner span {
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff;
    color: #000;
    font-size: 12px;
    position: absolute;
    left: -5px;
    top: 10px;
    z-index: 9999;
    -webkit-box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.75);
}

#how_itwork_sec .how_itbx .circle_icoinner {
    height: 95px;
    width: 95px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #2980b9;
    line-height: 105px;
    text-align: center;
    margin: auto;
    -webkit-box-shadow: 4px 4px 12px 0px rgba(41, 128, 185, 0.75);
    -moz-box-shadow: 4px 4px 12px 0px rgba(41, 128, 185, 0.75);
    box-shadow: 4px 4px 12px 0px rgba(41, 128, 185, 0.75);
    position: relative;
}

#how_itwork_sec .how_itbx .circle_icoinner2 {
    background-color: #16a085;
    -webkit-box-shadow: 4px 4px 12px 0px rgba(22, 157, 131, 0.75);
    -moz-box-shadow: 4px 4px 12px 0px rgba(22, 157, 131, 0.75);
    box-shadow: 4px 4px 12px 0px rgba(22, 157, 131, 0.75);
}

#how_itwork_sec .how_itbx .circle_icoinner3 {
    background-color: #e67e22;
    -webkit-box-shadow: 4px 4px 12px 0px rgba(230, 126, 34, 0.75);
    -moz-box-shadow: 4px 4px 12px 0px rgba(230, 126, 34, 0.75);
    box-shadow: 4px 4px 12px 0px rgba(230, 126, 34, 0.75);
}

#how_itwork_sec .how_itbx .circle_icoinner4 {
    background-color: #e62222;
    -webkit-box-shadow: 4px 4px 12px 0px rgba(230, 34, 34, 0.75);
    -moz-box-shadow: 4px 4px 12px 0px rgba(230, 34, 34, 0.75);
    box-shadow: 4px 4px 12px 0px rgba(230, 34, 34, 0.75);
}

#how_itwork_sec .how_itbx .circle_icoinner i {
    display: inline-block;
    color: #fff;
    font-size: 30px;
}

#how_itwork_sec .how_itbx h4 {
    font-size: 20px;
    color: #393939;
    text-align: center;
    margin-top: 15px;
}

#how_itwork_sec .how_itbx p {
    font-size: 16px;
    color: #777777;
    text-align: justify;
    text-align-last: center;
    -moz-text-align-last: center;
    -ms-text-align-last: center;
}


/* =============earnWithidsSec==========
============================================ */
#earnWithidsSec{ padding: 50px 0px 0px; background-color: #ff315f;}
#earnWithidsSec hgroup h6, #earnWithidsSec hgroup h2, #earnWithidsSec hgroup p{ color: #fff; text-align: center;}
#earnWithidsSec .earnWithidsImg{ text-align: center; position: relative;}
#earnWithidsSec .site_btn, #earnWithidsSec .site_btn:hover{ background-color: #fff; color: #ff315f;}
#earnWithidsSec hgroup{ margin-bottom: 30px;}
#earnWithidsSec .earnWithidsImg .element_1{ position: absolute; right: 0px; top: 0px ; width: 230px;}
#earnWithidsSec .earnWithidsCnt{ margin-top: -80px;}

#earnWithidsSec{ position: relative;}
#earnWithidsSec .earnWithidsSecinnermn .counterDv{ position: absolute; width: 55%; right: 20px; bottom: -50px; z-index: 99; background-color: #fff; padding: 15px; border-radius: 7px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.23);}

   #earnWithidsSec .counter_bx>.text-center>i{ color: #ff315f; display: inline-block; font-size: 32px;} 
   #earnWithidsSec .counter_bx .counter-value{ font-size: 30px; text-align: center; color: rgb(36, 36, 36);}
   #earnWithidsSec .counter_bx  ul{ text-align: center; margin-bottom: 2px;}
   #earnWithidsSec .counter_bx  ul i{ display: inline-block; color: rgb(36, 36, 36); font-style: bold; font-size: 28px;}
   #earnWithidsSec .counter_bx h5{ text-align: center; font-size: 18px;}

   .bgWhite{ background-color: #fff !important;}

   /*  */
   @font-face {
    font-family: "flaticon";
    src: url("../fonts/flaticon.ttf?39bd4a5d8ed507eb2e51144e86d3f3b3") format("truetype"),
url("../fonts/flaticon.woff?39bd4a5d8ed507eb2e51144e86d3f3b3") format("woff"),
url("../fonts/flaticon.woff2?39bd4a5d8ed507eb2e51144e86d3f3b3") format("woff2"),
url("../fonts/flaticon.eot?39bd4a5d8ed507eb2e51144e86d3f3b3#iefix") format("embedded-opentype"),
url("../fonts/flaticon.svg?39bd4a5d8ed507eb2e51144e86d3f3b3#flaticon") format("svg");
}

span[class^="flaticon-"]:before, span[class*=" flaticon-"]:before {
    font-family: flaticon !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.flaticon-headphones:before {
    content: "\f101";
}
.flaticon-seo:before {
    content: "\f102";
}
.flaticon-bullhorn:before {
    content: "\f103";
}
.flaticon-social-media:before {
    content: "\f104";
}
.flaticon-social-media-1:before {
    content: "\f105";
}
.flaticon-email-marketing:before {
    content: "\f106";
}
.flaticon-email-marketing-1:before {
    content: "\f107";
}
.flaticon-cloud-storage:before {
    content: "\f108";
}
.flaticon-cloud-sync:before {
    content: "\f109";
}
.flaticon-content:before {
    content: "\f10a";
}
.flaticon-content-1:before {
    content: "\f10b";
}
.flaticon-seo-1:before {
    content: "\f10c";
}
.flaticon-email:before {
    content: "\f10d";
}
.flaticon-facebook:before {
    content: "\f10e";
}
.flaticon-laptop:before {
    content: "\f10f";
}
.flaticon-email-1:before {
    content: "\f110";
}
.flaticon-facebook-1:before {
    content: "\f111";
}
.flaticon-promotion:before {
    content: "\f112";
}
.flaticon-email-2:before {
    content: "\f113";
}
.flaticon-twitter:before {
    content: "\f114";
}
.flaticon-twitter-1:before {
    content: "\f115";
}
.flaticon-instagram:before {
    content: "\f116";
}
.flaticon-instagram-1:before {
    content: "\f117";
}
.flaticon-pinterest:before {
    content: "\f118";
}
.flaticon-pinterest-1:before {
    content: "\f119";
}
.flaticon-linkedin:before {
    content: "\f11a";
}
.flaticon-linkedin-1:before {
    content: "\f11b";
}
.flaticon-phone-call:before {
    content: "\f11c";
}
.flaticon-phone:before {
    content: "\f11d";
}
.flaticon-phone-call-1:before {
    content: "\f11e";
}
.flaticon-mail:before {
    content: "\f11f";
}
.flaticon-email-3:before {
    content: "\f120";
}
.flaticon-email-4:before {
    content: "\f121";
}
.flaticon-placeholder:before {
    content: "\f122";
}
.flaticon-pin:before {
    content: "\f123";
}
.flaticon-location:before {
    content: "\f124";
}
.flaticon-house:before {
    content: "\f125";
}
.flaticon-home:before {
    content: "\f126";
}
.flaticon-technical-support:before {
    content: "\f127";
}
.flaticon-consultation:before {
    content: "\f128";
}
.flaticon-keyhole:before {
    content: "\f129";
}
.flaticon-privacy:before {
    content: "\f12a";
}
.flaticon-block:before {
    content: "\f12b";
}
.flaticon-customer-service:before {
    content: "\f12c";
}
.flaticon-right-arrow:before {
    content: "\f12d";
}
.flaticon-right:before {
    content: "\f12e";
}
.flaticon-website:before {
    content: "\f12f";
}
.flaticon-computer:before {
    content: "\f130";
}
.flaticon-sway:before {
    content: "\f131";
}
.flaticon-advertising:before {
    content: "\f132";
}
.flaticon-public-relation:before {
    content: "\f133";
}
.flaticon-idea:before {
    content: "\f134";
}
.flaticon-report:before {
    content: "\f135";
}
.flaticon-monitoring:before {
    content: "\f136";
}
.flaticon-copywriting:before {
    content: "\f137";
}
.flaticon-data-analytics:before {
    content: "\f138";
}
.flaticon-cosmetics:before {
    content: "\f139";
}
.flaticon-skincare:before {
    content: "\f13a";
}
.flaticon-party:before {
    content: "\f13b";
}
.flaticon-confetti:before {
    content: "\f13c";
}
.flaticon-conversation:before {
    content: "\f13d";
}
.flaticon-hospital:before {
    content: "\f13e";
}
.flaticon-sports:before {
    content: "\f13f";
}
.flaticon-sport:before {
    content: "\f140";
}
.flaticon-cinema:before {
    content: "\f141";
}
.flaticon-video:before {
    content: "\f142";
}
.flaticon-confetti-1:before {
    content: "\f143";
}
.flaticon-fashion:before {
    content: "\f144";
}
.flaticon-necklace:before {
    content: "\f145";
}
.flaticon-necklace-1:before {
    content: "\f146";
}
.flaticon-branding:before {
    content: "\f147";
}
.flaticon-branding-1:before {
    content: "\f148";
}
.flaticon-stationery:before {
    content: "\f149";
}
.flaticon-brand-identity:before {
    content: "\f14a";
}


#experience_sec h2.mheading{ text-align:center; margin-bottom:30px;}
#experience_sec{ padding:55px 0px 0px; position: relative; z-index: 99;}
#experience_sec .counter_bx{ background-color:#fff; padding:50px 22px; width:100%; margin:auto;  -webkit-border-radius: 7px;-moz-border-radius: 7px;
border-radius: 7px; margin-bottom:20px;}
#experience_sec .counter-value{ font-size:60px; font-weight: 700; color:#ff8522; text-align:center; font-family: 'Poppins', sans-serif;}
#experience_sec.experience_inner .counter_bx ul{ text-align: center;}
#experience_sec i{ font-size:54px; color:#ff8522; }
#experience_sec .counter_bx h5{ font-size:20px; color:#504f4f; text-align:center; margin-top:0px; font-weight: 400; font-family: 'Nunito', sans-serif;}
#experience_sec .counter_bx .border{ height:6px; width:100%; background-color:#b2e9d4; -webkit-border-radius: 50px;-moz-border-radius: 50px;
border-radius: 50px; margin-top:30px;}
#experience_sec .counter_bx2{ margin-top:30px;}
#experience_sec .counter_bx4{ margin-top:30px; margin-left:60px;}
#experience_sec .counter_bx2 i ,#experience_sec .counter_bx2 .counter-value{ color:#9388f5;}
#experience_sec .counter_bx3 i ,#experience_sec .counter_bx3 .counter-value{ color:#f78686;}
#experience_sec .counter_bx4 i ,#experience_sec .counter_bx4 .counter-value{ color:#7dd6ed;}

#experience_sec .counter_bx2 .border{ background-color:#b0d8ef;}
#experience_sec .counter_bx3 .border{ background-color:#ffc1a8;}
#experience_sec .counter_bx4 .border{ background-color:#c9c0f9;}

#experience_sec.experience_inner .counter_bx2{ margin-top:0px;}
#experience_sec.experience_inner { position:relative;}
#experience_sec.experience_inner  .element_img{ position:absolute; left:0px; top:-100px;}
#experience_sec.experience_inner .counter_bx4{ margin:auto; margin-top:0px;}
#experience_sec.experience_inner .counter_bx{ -webkit-box-shadow: 1px 1px 54px 0px rgb(186 185 185 / 14%);
    -moz-box-shadow: 1px 1px 54px 0px rgba(186,185,185,0.14);
    box-shadow: 1px 1px 54px 0px rgb(186 185 185 / 14%);}


/* ==========service_sec=========
===================================== */
#service_sec{ padding:  50px 0px; position: relative; overflow: hidden;}
#service_sec .element1{ position: absolute; left: -10px; top: -20px; z-index: 9;}
#service_sec .element2{ position: absolute; right: -220px; top: -20px; z-index: 9;}
#service_sec .service_secinner{ position: relative; z-index: 99;}
#service_sec .service_bx{ background-color: #fff; padding: 22px; border-radius: 6px;  -webkit-box-shadow: 1px 1px 54px 0px rgb(186 185 185 / 22%);
    -moz-box-shadow: 1px 1px 54px 0px rgba(186,185,185,0.22);
    box-shadow: 1px 1px 54px 0px rgb(186 185 185 / 22%); margin-bottom: 30px; position: relative; overflow: hidden;}
    #service_sec .service_bx{  transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; }

    
    /* #service_sec .row .col-md-6:nth-child(2) .service_bx:after{ background-color: #ff8522;}
    #service_sec .row .col-md-6:nth-child(3) .service_bx:after{background-color: #ffdf73;}
    #service_sec .row .col-md-6:nth-child(4) .service_bx:after{background-color: #bff2ed;}
    #service_sec .row .col-md-6:nth-child(5) .service_bx:after{background-color: #bfb9f6;}
    #service_sec .row .col-md-6:nth-child(6) .service_bx:after{background-color: #ffa5a5;} */
   

    #service_sec .service_bx ul{ position: relative ; z-index: 99;}

    #service_sec .service_bx:hover{transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05);}

    #service_sec .row .col-md-6:nth-child(2) .service_bx h4 span{ color: #ff8522;}
    #service_sec .row .col-md-6:nth-child(3) .service_bx h4 span{ color: #f2c736;}
    #service_sec .row .col-md-6:nth-child(4) .service_bx h4 span{ color: #57dfd2;}
    #service_sec .row .col-md-6:nth-child(5) .service_bx h4 span{ color: #9088db;}
    #service_sec .row .col-md-6:nth-child(6) .service_bx h4 span{ color: #ffa5a5;}



    #service_sec .service_bx ul li:first-child{ width: 140px; position: relative;}
    #service_sec .service_bx ul li:first-child span{ position: absolute; left: 30%; top: 0px; z-index: 9;   }
    #service_sec .service_bx ul li:first-child span:before{ font-size: 50px;}
    #service_sec .service_bx h4{ text-align: left; font-size: 30px; color: #3b3663; font-weight: 400; margin-top: 0px;  transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; }
 

    #service_sec .service_bx h4 span{ color: #68bcd2; display: inline-block; font-weight: 600; font-family: 'Poppins', sans-serif;  transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; }
   
    #service_sec .service_bx p{ font-size: 17px; color: #504f4f; text-align: left; font-family: 'Nunito', sans-serif; margin-bottom: 0px;  transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; }
   
    #service_sec .service_bx ul{ margin-bottom: 0px;}
    #service_sec hgroup h2, #service_sec hgroup h6{ text-align: center;}
    #service_sec hgroup { margin-bottom: 60px;}


    /* =======ourBuisness_sec====
    ================================ */
    #ourBuisness_sec{ background-color: #f2fafa; position: relative; padding: 20px 0px;}
    #ourBuisness_sec .element1{ position: absolute; right: 0px; top: 20px; z-index: 9;}
    #ourBuisness_sec .element2{ position: absolute; left: 0px; top: 40%; z-index: 9;}
    #ourBuisness_sec .element3{ position: absolute; bottom: 0px; right: 0px; z-index: 9;}
    #ourBuisness_sec .ourBuisness_secdv{ position: relative; z-index: 99;}
    #ourBuisness_sec .ourBuisness_secdv{ padding: 30px 0px;}
    #ourBuisness_sec h2{ font-size: 70px; color: #3f3e4f; font-weight: 400; font-family: 'Poppins', sans-serif; margin-top: 0px;}
    #ourBuisness_sec h3{ font-size: 70px; color: #3f3e4f; font-weight: 700; font-family: 'Poppins', sans-serif; margin-bottom: 0px;}  

    /* ==========clientSay_sec========
    ======================================== */
    #clientSay_sec{ padding: 50px 0px; background-color: #f9fafb;}
    #clientSay_sec .clientSay_heading{ background: url(../images/ourStoryBg.png) no-repeat right bottom;     background-size: 38%;
        background-position: 220px 60px;
        padding-bottom: 70px;}
        #clientSay_sec .clientSayTestimonial .clientSayOwlbx{ padding: 30px;}
        #clientSay_sec .clientSay_heading h2 span{ display: block;}
        #clientSay_sec .clientSayTestimonial .clientSayOwlbx .clientSayOwlbxinner{ background-color: #fff; padding: 30px 50px; border-radius: 8px 8px 8px 0px;  -webkit-box-shadow: 1px 1px 24px 0px rgb(186 185 185 / 28%);
            -moz-box-shadow: 1px 1px 24px 0px rgba(186,185,185,0.28);
            box-shadow: 1px 1px 24px 0px rgb(186 185 185 / 28%); position: relative;}
            #clientSay_sec .clientSayTestimonial .clientSayOwlbx .clientSayOwlbxinner:before { content: ''; display: block; position: absolute; left: 0px; top: 100%;    width: 0;
                height: 0;
                border-top: 28px solid #fff;
                border-right: 40px solid transparent;}
            #clientSay_sec .clientSayTestimonial .owl-dots{ position: absolute; left: 0px; right: 0px; top: calc(100%);}
            #clientSay_sec .clientSayTestimonial ul{ margin-bottom: 0px;}
            #clientSay_sec .clientSayTestimonial h5{ font-size: 18px; color: #656184; font-weight: 600;}
            #clientSay_sec .clientSayTestimonial h6{ font-size: 14px; color: #6d6a8a; font-weight: 500; font-family: 'Nunito', sans-serif;}

            .owl-theme .owl-dots .owl-dot span{ background-color: #eb7584; transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; height: 5px; width: 5px;}
            .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background-color: #e41d36;}
            .owl-theme .owl-dots .owl-dot.active span{ width: 28px;}

/* =========latesetClients_sec==========
=========================================== */
#latesetClients_sec{ padding: 50px 0px;}
#latesetClients_sec .owl-carousel .owl-item img{ width: auto;}
#latesetClients_sec hgroup h2, #latesetClients_sec hgroup h6{ text-align: center;}

/* =========contactUs_sec=============
============================================= */
#contactUs_sec{ padding: 50px 0px; position: relative;}
#contactUs_sec .element1{ position: absolute; left: 0px; top: -40px; z-index: 9;}
#contactUs_sec .element2{ position: absolute; right: 0px; top: 0px; z-index: 9;}
#contactUs_sec .contactUs_secinner{ position: relative; z-index: 99;}
#contactUs_sec .form-floating>label{ left: 10px;}
#contactUs_sec hgroup h2, #contactUs_sec hgroup h6{ text-align: center;}
#contactUs_sec hgroup{ margin-bottom: 30px;}

#contactUs_sec .contactUsmnbx{ position: relative; z-index: 99; width: 90%; margin: auto; background-color: #fff; border-radius: 12px; overflow: hidden;  -webkit-box-shadow: 1px 1px 27px 0px rgb(186 185 185 / 27%);
    -moz-box-shadow: 1px 1px 27px 0px rgba(186,185,185,0.27);
    box-shadow: 1px 1px 27px 0px rgb(186 185 185 / 27%);}
#contactUs_sec    .contactSecfrm{ padding: 60px 30px 60px 10px;}
#contactUs_sec textarea{ resize: none; height: 100px;}
#contactUs_sec .contactUsImg{ height: 100%;}
#contactUs_sec .contactUsImg img{height: 100%;
    object-fit: cover;
    overflow: hidden;}

/* ==============footer=======
==================================== */
footer{ padding: 235px 0px 0px; background-color: #302f36; margin-top: -200px;}
footer .footerMn{ width: 90%; margin: auto;}
footer h5{ font-size: 24px; color: #fff; margin-top: 0px; font-weight: 500; font-family: 'Nunito', sans-serif; margin-bottom: 20px; text-transform: capitalize;} 
footer ul.footMenuUl li a{ font-weight: 300; color: #fff; display: inline-block;}
footer a{ transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
footer ul.footMenuUl li { margin-bottom: 12px;}
footer ul.footebxserviceul  li{ float: left; width: 48%;}
footer ul.footebxserviceul:after{ content: ''; display: block; clear: both;}
footer .flaticon-email-2:before{ color: #fff; font-size: 40px;}
footer .footContact a{  font-weight: 300; color: #fff; display: inline-block;}
footer .footContact{ margin-bottom: 35px;}
footer ul.footMenuUl li a:hover{ color: #fff; padding-left: 8px;}
footer .footContact a:hover{ color: #fff;}
footer .footSocial li a, .blogSocial li a{ display: inline-block; height: 40px; width: 40px; background-color: #000; font-size: 20px; line-height: 40px; text-align: center; border-radius: 6px; color: #fff;}
.blogSocial{ margin: 10px 0px !important;}
.blogSocial li{ margin-right: 1px !important;}
.blogSocial li a{ height: 30px; width: 30px; line-height: 32px; font-size: 16px;}
.blogSocial li a i{ font-size: 16px; color: #fff !important; display: inline-block;}
footer .footSocial li a i{ display: inline-block; color: #fff; font-size: 20px;}
footer .footSocial li a.socialFBIco, .blogSocial li a.socialFBIco{ background-color: #203fb7;}
footer .footSocial li a.socialInstaIco, .blogSocial li a.socialInstaIco{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bd3687+0,e89449+100 */
    background: #bd3687; /* Old browsers */
    background: -moz-linear-gradient(top,  #bd3687 0%, #e89449 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #bd3687 0%,#e89449 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #bd3687 0%,#e89449 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    }
    footer .footSocial li a.socialTwitterIco, .blogSocial li a.socialTwitterIco{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#54a9ed+0,1869ab+100 */
        background: #54a9ed; /* Old browsers */
        background: -moz-linear-gradient(top,  #54a9ed 0%, #1869ab 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #54a9ed 0%,#1869ab 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #54a9ed 0%,#1869ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     
        }
        footer .footSocial li a.socialLinkedinIco, .blogSocial li a.socialLinkedinIco{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4172ae+0,1078f7+100 */
            background: #4172ae; /* Old browsers */
            background: -moz-linear-gradient(top,  #4172ae 0%, #1078f7 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  #4172ae 0%,#1078f7 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  #4172ae 0%,#1078f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          
            }
            .blogSocial li a.socialwhatsappIco{ background-color: #0c9928;}

footer .copyrightDv{ background-color: #2b2b2d; padding: 8px 0px; margin-top: 20px;}
footer .copyrightDv p, footer .copyrightDv p a{ color: #fff; font-size: 14px; text-align: center; margin: 0px;}
/* #blog_sec .blogdvBottom li{ margin-left: 12px; } */
footer .copyrightDv p a{ display: inline-block;}




/* ===========login_modal========
======================================= */

#login_modal .modal-body {
    position: relative;
}
.modal{ z-index: 9999;}

#login_modal .modal-body .login_tbdv {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 99;
    width: 200px;
}

#login_modal .modal-body .login_tbdv .nav-pills {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    overflow: hidden;
}

#login_modal .modal-body .nav-pills li {
    margin-right: 0px;
    width: 50%;
    float: left;
}

#login_modal .modal-body .nav-pills {
    position: relative;
}

#login_modal .modal-body .nav-pills .active_bg {
    background-color: #e41d36;
    position: absolute;
    z-index: 99;
    top: 0px;
    bottom: 0px;
    height: 100%;
    display: block;
    width: 50%;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.nav-pills.active_moveleft .active_bg {
    left: -2px;
}

.nav-pills.active_moveright .active_bg {
    left: calc(50% + 2px);
}

#login_modal .modal-body .nav-pills:after {
    content: '';
    display: block;
    clear: both;
}

#login_modal .modal-body .nav-pills li a {
    display: inline-block;
    background-color: #213f65;
    color: #fff;
    font-size: 16px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    width: 100%;
    text-align: center;
}

#login_modal .modal-body .nav-pills li a span {
    display: block;
    position: relative;
    z-index: 9999;
}

#login_modal .modal-body {
    padding: 0px;
}

#login_modal .modal-body {
    background-color: #e41d36;
}

#login_modal .modal-body .login_imgbx {
    background-color: #e41d36;
    padding: 100px 10px;
}
.btn-primary, .form-check-input:checked{ background-color: rgb(228, 29, 55) !important; border-color: #e41d36 !important;}
.btn-check:focus+.btn-primary, .btn-primary:focus{box-shadow: 0 0 0 0.25rem rgb(228 29 55 / 50%) !important;}
.form-check-input:focus{box-shadow: 0 0 0 0.25rem rgb(228 29 55 / 25%) !important;}

#login_modal .modal-body .login_frmbx {
    background-color: #10243d;
    padding: 100px 40px;
    height: 100%;
}

#login_modal form label {
    color: #fff;
    margin-bottom: 0px;
}

#login_modal form .form-group {
    margin-bottom: 18px;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
}

#login_modal form .form-control {
    background-color: transparent !important;
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-bottom: 1px solid #6683ae;
    padding-left: 0px;
}

#login_modal form input:-webkit-autofill,
#login_modal form input:-webkit-autofill:hover,
#login_modal form input:-webkit-autofill:focus,
#login_modal form textarea:-webkit-autofill,
#login_modal form textarea:-webkit-autofill:hover,
#login_modal form textarea:-webkit-autofill:focus,
#login_modal form select:-webkit-autofill,
#login_modal form select:-webkit-autofill:hover,
#login_modal form select:-webkit-autofill:focus {
    border-bottom: 1px solid #6683ae !important;
    background-color: transparent !important;
    border: none !important;
    color: #6683ae !important;
    font-size: 14px !important;
}

#login_modal form .form-control {
    color: #6683ae;
}

#login_modal form .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #6683ae;
    font-size: 14px;
}

#login_modal form .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #6683ae;
    font-size: 14px;
}

#login_modal form .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #6683ae;
    font-size: 14px;
}

#login_modal form .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #6683ae;
    font-size: 14px;
}
/* 
#login_modal form button[type="submit"] {
    width: 120px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    margin-top: 20px;
} */
#login_modal form button[type="submit"]{ margin-top: 20px;}

.modal-body .btn-close {
    position: absolute;
    right: -18px;
    top: -18px;
    z-index: 99;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background-color: #fff;
    color: #e41d36;
    line-height: 36px;
    opacity: 1;
    box-shadow: none;}



/* ==========innerPgHeadBanner_sec=======
============================================= */
#innerPgHeadBanner_sec{ position: relative;  padding: 30px 0px;    background: #fe5763;
    background: -moz-linear-gradient(left, #fe5763 0%, #fd8e4b 100%);
    background: -webkit-linear-gradient(left, #fe5763 0%,#fd8e4b 100%);
    background: linear-gradient(to right, #fe5763 0%,#fd8e4b 100%);}
#innerPgHeadBanner_sec .innerPgBannerOverlay{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: rgba(0, 0, 0, .8); z-index: 9;}
#innerPgHeadBanner_sec .innerPgBnrMn{ position: static; left: 0px; top: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; z-index: 99;}
#innerPgHeadBanner_sec .innerPgBnrMn .innerPgBnrMninner{ position: relative; height: 100%; width: 100%;}
#innerPgHeadBanner_sec .innerPgBnrMn .innerPgBnrMninner .innerPgBnrMnCnt{ position: static; margin: 0px; left: 0px; right: 0px; top: 50%; z-index: 999;} 
#innerPgHeadBanner_sec h1{ color: #fff; margin: 0px;}
#innerPgHeadBanner_sec nav{ padding: 8px 15px; border-radius: 5px; }
#innerPgHeadBanner_sec nav a{ display: inline-block; color: #000; font-weight: 500;}
#innerPgHeadBanner_sec nav li{ color: #fff;}
#innerPgHeadBanner_sec nav ol{ margin: 0px;}


/* ============whyChooseus_sec=======
========================================== */
#whyChooseus_sec{ padding: 100px 0px; background: url(../images/whyChooseUsBg.jpg) no-repeat center top; background-size: cover;}
#whyChooseus_sec hgroup h6, #whyChooseus_sec hgroup h2{ color: #fff;}
#whyChooseus_sec .whyChooseUsImg{ width: 90%; height: 450px; position: relative;}
#whyChooseus_sec .whyChooseUsImg .play_aboutVideo{ position: absolute; right: 20px; bottom: 20px; z-index: 99; top: inherit;}
#whyChooseus_sec .whyChooseUsImg img{height: 100%; z-index: 99; position: relative; width: 100%;
    object-fit: cover;
    overflow: hidden;}
    #whyChooseus_sec ul li img{ width: 100px; filter: invert(1);}
    #whyChooseus_sec hgroup{ margin-bottom: 30px;}
    #whyChooseus_sec ul li h5{ color: #fff; margin-bottom: 5px; margin-top: 0px;}
    #whyChooseus_sec ul li p{ color: #fff; font-size: 16px; margin-bottom: 0px;}
    #whyChooseus_sec ul.list-unstyled>li{ margin-bottom: 20px;}
    #whyChooseus_sec ul.list-unstyled>li:last-child, #whyChooseus_sec ul.list-unstyled{ margin-bottom: 0px;}
    #whyChooseus_sec ul.list-unstyled>li ul li:first-child{ margin-right: 15px;}

    #whyChooseus_sec ul.list-unstyled>li ul li span:before{ color: #fff; font-size: 52px;}

    #whyChooseus_sec .contactUSLine{ margin-top: 20px; width: 90%;}
    #whyChooseus_sec .contactUSLine p{ text-align: justify; font-size: 16px; color: #fff; margin: 0px;}
    #whyChooseus_sec .contactUSLine p a{ display: inline-block; color: #fff;}
    #whyChooseus_sec .contactBtn{ width: 400px; text-align: right;}

    #whyChooseus_sec .dotsdv{    width: 200px;
        height: 380px;
        position: absolute;
        top: -50px;
        left: 0;
        z-index: 9;
        /* -webkit-transform: translateX(40%) translateY(-20%); */
        /* transform: translateX(40%) translateY(-20%); */
        background-image: url(../images/dot-pattern.png);
        background-repeat: repeat;
        background-position: 0 0;
        opacity: 0.5;     filter: invert(1);}


/*  */
/* ==========contactPg========
==================================== */
#contactPg{ padding: 50px 0px;}
#contactPg .contactPgfrm{ -webkit-box-shadow: 1px 1px 35px 0px rgb(186 185 185 / 50%);
    -moz-box-shadow: 1px 1px 35px 0px rgba(186,185,185,0.50);
    box-shadow: 1px 1px 35px 0px rgb(186 185 185 / 50%); background-color: #fff;}
    #contactPg .contactPgfrm .contactPginfo{ padding: 28px 25px; background-color: #e41d36;}
    #contactPg .contactPgfrm .contactPginfo>ul>li{ padding: 22px 0px;}
    #contactPg .contactPgfrm .contactPginfo ul{ margin: 0px;}
    #contactPg .contactPgfrm .contactPginfo ul li ul li span:before{ font-size: 55px; color: #fff;}
    #contactPg .contactPgfrm .contactPginfo ul li p{ margin-bottom: 0px;}
    #contactPg .contactPgfrm .contactPginfo ul li ul li:first-child{ width: 70px;}
    #contactPg .contactPgfrm .contactPginfo ul li ul li:last-child{ width: calc(100% - 70px);}
    #contactPg .contactPgfrm .contactPginfo h6{ font-size: 18px; font-weight: 400; text-align: left; color: #fff; margin-top: 0px; margin-bottom: 8px;}
    #contactPg .contactPgfrm .contactPginfo ul li ul li h5{ color: #fff;}
    #contactPg .contactPgfrm .contactPginfo ul li ul li p,   #contactPg .contactPgfrm .contactPginfo ul li ul li p a{ display: inline-block; color: #fff;}
    #contactPg .contactPgfrm .contactPginfo h4{ font-size: 32px; color: #fff; font-weight: 500; text-align: left; margin: 0px; margin-bottom: 30px;}

    #contactPg .contactPgFrmdv{ padding: 30px;}
    #contactPg .contactPgFrmdv hgroup{ margin-bottom: 30px;}

    #contactPg .form-floating>label{ left: 10px;}
    #contactPg .form-floating>.form-control, #contactPg .form-floating>.form-select{ height: 50px;}
    #contactPg .form-floating>label{ top: -2px; color: #757575;}
    #contactPg .form-floating>textarea.form-control{ height: 180px ; resize: none;}

 
    .contactPgbody footer{ margin-top: 0px; padding-top: 50px;}


/* =========servicePg_sec==========
==========================================*/
#servicePg_sec{ padding: 50px 0px;}
#servicePg_sec hgroup{ margin-bottom: 30px;}
#servicePg_sec hgroup h2, #servicePg_sec hgroup h6{ text-align: center;}
#servicePg_sec  .row .col-lg-4{ margin-bottom: 30px;}
#servicePg_sec .servicePgBx{ padding: 40px 30px; background-color: #fff; -webkit-box-shadow: 1px 1px 35px 0px rgb(186 185 185 / 25%);
    -moz-box-shadow: 1px 1px 35px 0px rgba(186,185,185,0.25);
    box-shadow: 1px 1px 35px 0px rgb(186 185 185 / 25%); position: relative; overflow: hidden; height: 100%;} 
    #servicePg_sec .servicePgBx span:before{ font-size: 70px; color: #e41d36; transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; }
    #servicePg_sec .servicePgBx h4{ color: #3b3663; font-size: 28px; text-align: center; margin-bottom: 0px; margin-top: 10px; transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; }
    #servicePg_sec .servicePgBx p{ font-size: 16px; text-align: justify; transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; text-align-last: center; -ms-text-align-last: center; -moz-text-align-last: center; margin-bottom: 0px; }

    #servicePg_sec .servicePgBx a span:before{ font-size: 19px; transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; }
    #servicePg_sec .servicePgBx a span{ vertical-align: -5px; margin-left: 6px;}
    #servicePg_sec .servicePgBx a{ display: inline-block; color: #e41d36; transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; }
    #servicePg_sec .servicePgBx .servicePgBxOverlay{ background-color: #0000FF; position: absolute; left: -30px; bottom: -30px; height: 30px; width: 30px; border-radius: 50%; transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; z-index: 9;  }
        #servicePg_sec .servicePgBx  .servicePgBxInner{ position: relative; z-index: 99;}

        #servicePg_sec .servicePgBx:hover .servicePgBxOverlay{-moz-transform: scale(45);
            -webkit-transform: scale(45);
            -o-transform: scale(45);
            -ms-transform: scale(45);
            transform: scale(45);}
            #servicePg_sec .servicePgBx:hover span:before,  #servicePg_sec .servicePgBx:hover h4,  #servicePg_sec .servicePgBx:hover p,  #servicePg_sec .servicePgBx:hover a{ color: #fff;}

/* ===========serviceContactSec========
========================================= */
#serviceContactSec{ background: url(../images/servicePgBgsec.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
#serviceContactSec .serviceContactSecinner{ background-color: rgba(0, 0, 0, .7); padding: 70px 0px;}
#serviceContactSec p{ text-align: center; width: 90%; margin: auto; color: #fff;}
#serviceContactSec p a{ display: inline-block; color: #e41d36; margin-top: 10px;} 
#serviceContactSec hgroup h6, #serviceContactSec hgroup h2{ text-align: center; color: #fff;}


/* ===========testimonialsPg_sec========
============================================= */
#testimonialsPg_sec{ padding: 50px 0px;}
#testimonialsPg_sec hgroup{ margin-bottom: 30px; text-align: center;}
#testimonialsPg_sec .testimonialsPg_Bx{ background-color: #fff; padding: 55px 25px; -webkit-box-shadow: 1px 1px 35px 0px rgb(186 185 185 / 40%);
    -moz-box-shadow: 1px 1px 35px 0px rgba(186,185,185,0.40);
    box-shadow: 1px 1px 35px 0px rgb(186 185 185 / 40%); position: relative; margin-bottom: 30px;}
    #testimonialsPg_sec .testimonialsPg_Bx .testiBg{ background: url(../images/testimonials_bg.png) no-repeat center top; background-size: 100%; margin-bottom: -55px; margin-left: -25px ; margin-right: -25px; padding-bottom: 30px; } 
    #testimonialsPg_sec .testimonialsPg_Bx .testiBg img{ border-radius: 50%; border: 3px solid #fff;}
    #testimonialsPg_sec .testimonialsPg_Bx .testiBg h5{ text-align: center; color: #fff; margin-top: 20px;}
    #testimonialsPg_sec .testimonialsPg_Bx .testiBg h6{ text-align: center; color: #fff;}
    #testimonialsPg_sec .testimonialsPg_Bx i{ color: #e41d36; font-size: 28px; position: absolute; left: 25px; top: 20px;}


    /* ==========aboutPg_sec========
================================== */
#careerSec{ padding: 50px 0px;}
#careerSec .careerSecImg{ width: 90%; position: relative;}
#careerSec .careerSecImg .careerSec_quote{ position: absolute; bottom: -40px; right: 0px; background-color: #ff315f;  width: 260px; z-index: 999;}
#careerSec .careerSecImg .careerSec_quote h6{ text-align: center; color: #fff; font-size: 18px; margin: 0px;  line-height: 28px;}
#careerSec .careerSecImg .careerSec_quote .careerSec_quoteinner{padding: 32px 15px; position: relative;}
#careerSec .careerSecImg .careerSec_quoteinner .shadowDown{ position: absolute; right: 100%; bottom: -3px;    padding: 0px 25px 0px 25px;
    background-color: transparent;
    background-image: linear-gradient(
220deg
, #e7234d 48%, #FFFFFF00 26%); height: 43px;}



#careerSec .careerSecImg .careerSec_quoteinner span{ position: absolute; left: 15px; top: -32px;}
#careerSec .careerSecImg .careerSec_quoteinner span:before{ color: #fff; font-size: 50px;}

#careerSec  .dotsdv{    width: 280px;
    height: 380px;
    position: absolute;
    top: -50px;
    right: -60px;
    z-index: 9;

    background-image: url(../images/dot-pattern.png);
    background-repeat: repeat;
    background-position: 0 0;
    opacity: 0.2;}
    #careerSec .careerSecImg img{ position: relative; z-index: 99;}




    
/*========job_opening_sec=======
=====================================*/
#job_opening_sec{ background-color:#f9f9f9; padding:35px 0px; position:relative;}
#job_opening_sec hgroup h2, #job_opening_sec hgroup h6{ text-align: center;}
#job_opening_sec hgroup{ margin-bottom: 30px;}
#job_opening_sec #filters{ width:80%;}
#job_opening_sec .portfolio{ width: 100%; display: none;}
#job_opening_sec .element_img { position:absolute; left:0px; top:0px;}
#job_opening_sec hgroup{ padding:40px 0px 30px; background-color:#f9f9f9; margin-bottom:0px; padding-bottom:40px;}
#job_opening_sec .job_detail .short_detail{ background-color:#f9f9f9; }
#job_opening_sec .job_detail .short_detail .short_content{ border-bottom:1px dashed #bfbfbf; border-top:1px dashed #bfbfbf; padding:30px 0px; position:relative;}
#job_opening_sec .job_detail .short_detail .short_content h6{ font-size:18px; color:#323232; text-align:left; margin-bottom:12px;}
#job_opening_sec .job_detail .short_detail .short_content ul li span{ width:200px; display:inline-block; }
.content_a .fa-minus{ display: none;}
.content_a .fa-plus{ display: inline-block;}

.content_a.open .fa-minus{ display: inline-block;}
.content_a.open .fa-plus{ display: none;}

.content_a, .content_a i, .content_a:hover, .content_a:hover i { color: #e7234d;}
.content_a.open, .content_a.open i, .content_a.open:hover, .content_a.open:hover i{ color: #505050;}
#job_opening_sec .job_detail .short_detail .short_content ul li span:last-child{ width: 320px;}
#job_opening_sec .job_detail .short_detail .short_content ul li{ text-align:left; font-size:14px; color:#505050;}
#job_opening_sec .job_detail .short_detail .short_content ul li strong{ text-align:left; width:110px; display:inline-block;}
#job_opening_sec .job_detail .short_detail .short_content a.content_a{ position:absolute; right:0px; bottom:40%; font-size:16px; text-decoration:underline !important;}
#job_opening_sec .job_detail .short_detail .short_content a.content_a:hover{ font-size:16px;  text-decoration:underline !important;}
.hide_contenta, .hide_contenta:hover{ font-size:16px; color:#2c2c2c; text-decoration:underline !important;}
#job_opening_sec .job_detail .full_detail{ background-color:#fff; padding:30px 0px; display:none; }
#job_opening_sec .job_detail .full_detail h4{ font-size:30px; color:#515050; text-align:left;}
#job_opening_sec .job_detail .full_detail ul.department_ul{ text-align:left;}
#job_opening_sec .job_detail .full_detail ul.department_ul li{ font-size:24px; color:#515050; text-align:left; margin-right:30px;}
#job_opening_sec .job_detail .full_detail ul.department_ul li:nth-child(2){ width:auto; text-align:center;}

#job_opening_sec .content_describe{padding:20px 0px;}
#job_opening_sec .content_describe h6{ font-size:24px; color:#515050; text-align:left;}
#job_opening_sec .content_describe p{ font-size:16px; color:#5e5e5e; font-weight:300; text-align: justify;}
#job_opening_sec .content_describe ul li{ font-size:16px; color:#5e5e5e; text-align:left; padding-left:25px; position:relative; margin-bottom: 8px;}
#job_opening_sec .content_describe ul li:before{ content:'\f111'; color:#f1a572; font-size:10px; display:block; position:absolute; left:0px; top:6px;font-family:"Font Awesome 5 Free"; font-weight:300;}
#job_opening_sec a.btn_orange{ margin: inherit;} 
.powered_by{ background-color:#f9f9f9; padding:30px 0px 50px;}
.powered_by li{ text-align:left; color:#323232; font-size:16px; font-weight:500;}
.powered_by li:first-child{ vertical-align:11px;}
.powered_by .custom_ico{ width:100px;}


#filters {
	margin:1%;
	padding:0;
	list-style:none;
}

	#filters li { display:inline-block;
	}
	
	#filters li span {
		display: block;
		padding:5px 20px;		
		text-decoration:none;
		color:#666;
		cursor: pointer;
	}
#portfoliolist:after, #portfoliolist2:after{ content:''; clear:both; display:block;}
	
	#filters li span.active {
		
		color:#e7234d;
	}
	#filters li span.active .sp_dot{ border-color:#4285f4;}
    #filters{ width:300px; margin:auto; margin-bottom:25px; padding-bottom:20px; border-bottom:5px solid #dfdfe0;}
    #filters li:first-child{ float:left;}
    #filters li:last-child{ float:right;}
    #filters:after{ content:''; clear:both; display:block;}
    #filters li span{ font-size:18px; color:#616163; display:inline-block; position:relative;}
    #filters li span .sp_dot{  display:inline-block; position:absolute; left:0px; right:0px; top:calc(100% + 15px); margin:auto; height:15px; width:15px; background-color:#fff; -webkit-border-radius: 50%;-moz-border-radius: 50%;
    border-radius: 50%; border:3px solid #6c6c6d;}
    #filters li span.active .sp_dot{ border-color:#e7234d;}



    /* ==========internshipSec========
    ======================================== */
    #internshipSec{ background-color: #e7234d; padding: 50px 0px;}
    #internshipSec hgroup h2, #internshipSec hgroup h6, #internshipSec h6, #internshipSec p{ color: #fff;}
    #internshipSec hgroup h2,   #internshipSec hgroup h6{ text-align: center;}
    #internshipSec hgroup{ margin-bottom: 30px;}
    #internshipSec .row h6{ font-size: 18px;}
    #internshipSec form{ margin-top: 22px;}
    #internshipSec  .site_btn2{ background-color: #fff; color: #e7234d; }
    #internshipSec .site_btn2:hover{ color: #fff;}
    .form-floating>label{ left: 10px;}
    #internshipSec textarea{ resize: none ; height: 100px;}
    .internshipFileUp label{ position: absolute; width: 110px; z-index: 99; height: 50px;}
    .internshipFileUp{ border-radius: 6px; overflow: hidden;}
    .internshipFileUp input{ height: 50px;}



    /* ==========howWeWorkSec======
===================================== */

#howWeWorkSec {
    padding: 50px 0px;
    position: relative;
    overflow: hidden; background-color: #f2fafa;
}

#howWeWorkSec hgroup h2, #howWeWorkSec hgroup h6, #howWeWorkSec hgroup p{ text-align: center;}
#howWeWorkSec .container{ position: relative; z-index: 99;}
#howWeWorkSec .why_choosElement {
    position: absolute;
    right: -100px;
    top: 10px;
    z-index: 9;
    -webkit-animation: spin4 20s linear infinite;
    -moz-animation: spin4 20s linear infinite;
    animation: spin4 20s linear infinite;
}

#howWeWorkSec .howWeWorkSecbx {
    position: relative;
    z-index: 99;
}

#howWeWorkSec p {
    font-size: 16px;
    color: #555555;
    text-align: justify;
}

@-moz-keyframes spin4 {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin4 {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin4 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#howWeWorkSec .row .col-sm-6{ margin-bottom: 30px;}

#howWeWorkSec .howWeWorkbx_inbx {
    padding: 22px;
    background-color: #fff; height: 100%;
    border-radius: 6px;
  
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.29);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.29);
    transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
#howWeWorkSec .howWeWorkbx_inbx span{ display: block; text-align: center; margin: 0px;}
#howWeWorkSec .howWeWorkbx_inbx span:before{ font-size: 70px;    transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;}
    #howWeWorkSec .howWeWorkbx_inbx .howWeWorkIco1:before{ color: rgb(236, 145, 27);}
    #howWeWorkSec .howWeWorkbx_inbx .howWeWorkIco2:before{ color: rgb(219, 29, 29);}
    #howWeWorkSec .howWeWorkbx_inbx .howWeWorkIco3:before{ color: rgb(187, 27, 236);}
    #howWeWorkSec .howWeWorkbx_inbx .howWeWorkIco4:before{ color: rgb(236, 27, 114);}

#howWeWorkSec .howWeWorkbx_inbx:hover {
    /*background-color: #e7234d;*/
    background-color: #0000ff;
}
#howWeWorkSec .howWeWorkbx_inbx:hover span:before{ color: #fff;}
#howWeWorkSec .howWeWorkbx_inbx img {
    width: 65px;
    margin: auto;
    display: block;
    transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

#howWeWorkSec .howWeWorkbx_inbx:hover img {
    filter: invert(1);
}

#howWeWorkSec h4 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 12px;
    color: #555555;
    font-size: 24px;
    font-weight: 500;
    transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

#howWeWorkSec .howWeWorkbx_inbx p {
    text-align-last: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
    transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

#howWeWorkSec .howWeWorkbx_inbx:hover h4,
#howWeWorkSec .howWeWorkbx_inbx:hover p {
    color: #fff;
}

/* #howWeWorkSec .col-md-7 .row .col-md-6:nth-child(2),
#howWeWorkSec .col-md-7 .row .col-md-6:nth-child(4) {
    margin-top: -60px;
} */

#howWeWorkSec .why_chooseCnt p {
    line-height: 30px;
}


/*  */


/* =========getQuote======
============================== */
#getQuote .modal-dialog{ max-width: 750px;}
#getQuote .form-floating>.form-control, #getQuote .form-floating>.form-select{ height: 48px;}
#getQuote .form-floating>label{ top: -3px;}
#getQuote .modal-body{ padding: 0px;}
#getQuote .quoteFrm{ padding: 22px;}
#getQuote textarea{ resize: none; height: 80px !important;}


/* ===========howItWorksPg==========
======================================== */
#howItWorksPg{ padding: 20px 0px; background-color: #f2fafa;}
.howWorksPgSec{ padding: 20px 0px; background-color: #f2fafa;}
.howWorksPgSec hgroup h2, .howWorksPgSec hgroup h6, .howWorksPgSec hgroup p{ text-align: center;}
.howWorksPgSec .howWorksPgCnt{ padding-left: 22px;}
.howWorksPgSec .howWorksPgCnt h2{color: #ddd;
    text-transform: uppercase;
    font-size: 60px; font-weight: 700; margin-bottom: 0px;}
    .howWorksPgSec .howWorksPgCnt h4{ font-size: 35px; color: #0000ff; }
    .howWorksPgSec .howWorksPgCnt p{ text-align: justify ; font-size: 16px; line-height: 26px;}


#howItWorksPg .howItWorksPginner .howWorksPgSec:nth-child(2) .howWorksPgCnt, #howItWorksPg .howItWorksPginner .howWorksPgSec:nth-child(4) .howWorksPgCnt{ padding-right: 22px; padding-left: 0px;}



/* ========weServeSec=========
================================== */
#weServeSec{ padding: 30px 0px;}
#weServeSec hgroup h2, #weServeSec hgroup h6{ text-align: center;}
#weServeSec .whoServeBx{ padding: 25px 18px; background-color: #fff; border: 1px solid #ddd; border-radius: 6px; display: block; transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
#weServeSec .whoServeBx span{ display: block; text-align: center; margin: 0px;}
#weServeSec .whoServeBx span:before{ font-size: 70px; transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
#weServeSec .whoServeColor1:before{ color: #8fd5e7;}
#weServeSec .whoServeColor2:before{ color: #ff8522;}
#weServeSec .whoServeColor3:before{ color: #ffdf73;}
#weServeSec .whoServeColor4:before{ color: #3dcebf;}
#weServeSec .whoServeColor5:before{ color: #bfb9f6;}
#weServeSec .whoServeColor6:before{ color: #ffa5a5;}
#weServeSec .whoServeColor7:before{ color: #4a66c3;}
#weServeSec .whoServeColor8:before{ color: #9d50dd;}
#weServeSec .whoServeColor9:before{ color: #ce44b0;}




#weServeSec .whoServeBx img{ width: 80px; display: block; margin: auto;}
#weServeSec .whoServeBx h6{ margin-top: 10px; color: #000; opacity: .8; text-align: center; min-height: 40px; margin-bottom: 0px; transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
#weServeSec hgroup{ margin-bottom: 20px;}
#weServeSec .whoServeBx:hover span:before, #weServeSec .whoServeBx:hover h6{ color: #fff; opacity: 1;}
#weServeSec .whoServeBx:hover{ background-color: #0000ff; border-color: #0000ff;}

#motivationVideoModal.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
            transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
       -moz-transition: -moz-transform 0.3s ease-out;
         -o-transition: -o-transform 0.3s ease-out;
            transition: transform 0.3s ease-out; margin-top: 120px;
  }
  
  #motivationVideoModal.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
/* ===========careerModal=========
====================================== */
 .modal-header{background: url(../images/careerPgBnr2.jpg) no-repeat center;
    background-size: cover;
    height: 120px;
    color: #fff;}
    .modal-body{ position: static;}
    #careerModal .form-floating>.form-control, #careerModal .form-floating>.form-select, #careerModal .internshipFileUp input, #careerModal .internshipFileUp label{ height: 50px;}
    #careerModal .form-floating>label{ top: -2px; }


    .form-floating>.form-control, .form-floating>.form-select{ height: 50px;}
    .form-floating>label{ top: -3px;}