*{  margin:0;
    padding:0;
    box-sizing:border-box;
    font-family: 'Poppins', sans-serif;
}


  

.pageHeaderBackground {
    position: relative;
    float: left;
    width: 100%;
    max-width: 3000px;
}
.pageHeaderBackground p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0px;
    font-size: 25px;
    color: white;
}
.headerDescription {
    width: 100%;
    max-width:1000px;
    position: relative;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    float: centerline;
}

.centerAlignDesc {
    text-align:center;
    color: black;
}

/*css startfor achivement div*/
/*.achivementDiv {*/
    /*    background-color: #000000;*/
    /*    width:100%;*/
    /*    padding-top:80px !important;*/
    /*    padding-bottom:80px;*/
    /*}*/

    .achivementDiv {
        position: relative;
        float: left;
        width: 100%;
        padding-bottom: 100px;
        background-color: #000000;
    }
    .achivementDiv h2{
        margin: 100px 0px;
        text-align: center;
        color:white;
    }
    .achivementDiv p {
        text-align: left;
    }
    .whiteColor {
        color: #ffffff;
    }

    .separator-line-horrizontal-medium-light3 {
        width: 18%;
        height: 1px;
    }

    .bg-deep-pink {
        background-color: #0219d8;
    }

    .vertical-align-middle {
        vertical-align: middle;
    }

    .display-table-cell {
        display: table-cell !important;
    }
    .line-height-22 {
        line-height: 22px;
    }
    .text-large {
        font-size: 18px;
        line-height: 26px;
    }

    .feature-box-1 {
        display: table;
    }

    @media (min-width: 992px)
    .col-md-4 {
        width: 33.33333333%;
    }
    .no-padding {
        padding: 0 !important;
    }
    .feature-box-1 .char-value {
        display: table-cell;
        vertical-align: middle;
    }
    .font-weight-300 {
        font-weight: 300;
    }
    .letter-spacing-minus-1 {
        letter-spacing: -1px;
    }

    .text-light-gray {
        color: #d6d5d5;
    }
    .padding-20px-left {
        padding-left: 20px;
    }

    .margin-from-header {
        padding:15px;

    }

    .margin-top-10px {
        margin-top: 10px;
    }

    .margin-top-30px {
        margin-top: 30px;
    }
    /*css end for achivement div*/

    .missionImage {
        margin-left: -30px;
        padding-left: 0;
        max-width: 500px;
        width: 100%;

    }

    .margin-top-40px {
        margin-top: 40px;
    }

    .margin-bottom-80px {
        margin: 80px 0px;
    }
    .margin-right-40px {
        margin-right: 40px;
    }
    .padding-top-80px {
        padding-top: 80px;
    }
    .missionDiv {
        margin-bottom: 100px;
    }
    .missionDiv p {
        text-align: justify;
    }
    .missionDiv h1 {
        color: #010e76;
    }

    .missionDivRight h1 {
        color: #010e76;
    }

    .missionDivRight {
        margin-bottom: 100px;

    }



    .clients2 h2:before {
        display: block;
        position: absolute;
        top: 87px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 55px;
        height: 4px;
        content: '';
        background: linear-gradient(135deg, #6394ff 0%, #07047B 100%);
    }
    .clients2 {
        position: relative;
        float: left;
        width: 100%;
        background-color: #ffffff;
    }
    .clients2 h2{
        margin: 100px 0px;
        text-align: center;
    }
    .clients2 img{
        width: 100%;
    }


    /*owl crousel style started*/

    #owl-demo .owl-item {
        margin-top: 0px;
        margin-left:20px;
        margin-bottom:0px;
        margin-right:20px;
    }
    #owl-demo .owl-item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .clientCrouselStyle {
        width: 100%;
        max-width: 1100px;
        margin-right:auto;
        margin-left:auto;
        margin-bottom:100px;
    }

    .coursesCrouselStyle {
        width: 100%;
        max-width: 1500px;
        margin-right:auto;
        margin-left:auto;
        margin-bottom:100px;
    }

    .clientName {
        position: absolute;
        bottom:0;
        text-align:center;
        float:bottom;
    }

    .itemDiv {
        position: relative;
        min-height:300px;
        margin-bottom:0px;
        margin-top:auto;
    }

    .itemImage {
        position:relative;
        max-height: 250px;
        max-width: 250px;
        bottom:0;
        float:center;
        margin-left:auto;
        margin-right:auto;
    }






    /*courses desgining started*/
    .coursesHeaderDiv {
        position: relative;
        float: centerline;
        background-color: #010e76;
        width:100%;
        margin-left:auto;
        margin-right:auto;
        padding-bottom:50px;
        padding-top: 80px;
    }

    .separator-line-horrizontal {
        width: 60%;
        height: 2px;
        background-color:white;
    }

    .courseHeaderBackground {
        position: relative;
        float:right;
        margin-left: auto;
        margin-right: 100px;
        margin-top:-100px;
        background-color:white;
        border-radius: 5px;
        border: 3px solid #ffffff;
        box-shadow: 0px 0px 2px 2px #888888;

    }
    .courseHeaderBackground h1 {
        color:#010e76;
    }

    .courseHeaderBackground p {
        color:black;
    }
    .courseHeaderImage {
        position:relative;
        float:right;
        z-index:9;
        max-width:400px;
        margin-left:auto;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;

    }

    
    .WhatYouLearn {
        background-color:red;
        width:100%;

    }

    .what-you-get {
        width:100%;
        max-width:900px;
        /* margin-left:100px; */
        /* margin-top:50px; */
        background-color: #f1f4fa;
        border: 5px solid #dedfe0;
        padding: 10px 15px;
    }
    .js-simple-collapse--what-you-get {
        max-height: 301px;
    }
    .js-simple-collapse {
        overflow: hidden;
        position: relative;
    }
    .what-you-get__content {
        margin-bottom: 5px;
        /*float: right;*/
    }
    .what-you-get__title {
        font-size: 22px;
        font-weight: 600;
        margin: 0 0 10px;
        /*float: right;*/
    }
    .what-you-get__items {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .what-you-get__item {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        width: 100%;
    }
    .what-you-get__items ul, ol {
        margin-top: 0;
        margin-bottom: 10.5px;
    }

    .what-you-get__items ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .what-you-get__item--columns {
        width: 45%;
    }

    .what-you-get__icon {
        align-self: flex-start;
        color: #68B513;
        font-size: 16px;
        margin-right: 15px;
        margin-top: 2px;
    }
    .udi {
        vertical-align: -8%;
    }
    .udi {
        font-family: udemyicons!important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .what-you-get__text {
        font-size: 15px;
    }



    .courseDescriptionDiv {
        /* margin-top:110px; */
        padding-top:80px;
        padding-bottom:80px;
        background-color: #f1f4fa;

    }

    #regionDivion p {
        font-size: 30px;           
    }

    .courseDescriptionDiv h2{
        text-align:center;
    }
    .courseDescriptionDiv p {
        text-align:center;
    }
    #regionDivion p {
        text-align:center;
    }

    .coursePreRequistiDiv {
        width:100%;
        /*margin:3px 0px;*/
        padding: 80px 27px;
        height: auto;
        /*padding-bottom:100px;*/
        background-color:#f1f4fa;
    }


    .coursePreRequistiDiv h8{
        color: #010e76;
        font-size:22px;
        font-weight:500;
    }

    .coursePreRequistiDiv li{
        color: black;
        list-style: none;
    }

    .whoThisCourseIsFor {
        position:relative;
        /*margin-top:2px;*/
        background: white;
        /*background-image: linear-gradient(to right, #6976dd, #3240b8,#303eb4, #2938b6, #2334b6, #152284, #0b1779,#010e76);*/
        /*background: rgb(216,245,63);*/
        /*background: linear-gradient(90deg, rgba(216,245,63,1) 0%, rgba(98,133,48,1) 100%, rgba(9,9,121,1) 100%, rgba(0,212,255,1) 100%);*/
        /*background-color: #f1f4fa;*/
        /*border-top: 1px solid #ddd;*/
        /*background-color: pink;*/
        padding-top:40px;
        padding-bottom:80px;
        margin-bottom:0px;
    }


    .whoForCourse {
        width:100%;
        margin-left:50px;
        margin-right:50px;
        margin-top:20px;
        background-color: #f1f4fa;
    }
    .whoThisCourseIsFor h2 {
        text-align:center;
    }
    .bullet {
        display: list-item;
        list-style-type: disc;
        list-style-position: inside;
        font-size:20px;
    }


    .serviceDescription {
        padding-top:80px;
        padding-bottom:80px;
    }


    .queryDiv {
        height:25px;
        background-color:black;
        width:100%
    }

    .queryDiv p {
        text-align:center;
        font-size:11px;
        color:white;
        vertical-align:center;
    }

    .queryDiv b {
        text-align:center;
        font-size:12px;
        color:white;
        vertical-align:center;
    }



    /*workshop page style*/

    .tab {
        float: left;
        width: 35%;
        height: 100%;
        max-height:900px;
        overflow-y: scroll;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
        border: 1px solid #010e76;

    }

    /* Style the buttons inside the tab */
    .tab button {
        display: block;
        background-color: inherit;
        color: black;
        padding: 22px 16px;
        width: 100%;
        padding-top: 50%;
        border: none;
        outline: none;
        text-align: left;
        cursor: pointer;
        transition: 0.3s;
        font-size: 17px;
    }

    /* Style the tab content */
    .tabcontent {
        float: center;
        border: 1px solid #ccc;
        width: 90%;
        border-left: none;
        height:100%;
        overflow-y: scroll;
        background-color: #f1f4fa;
        margin-left:auto;
        margin-right:auto;
    }

    .workshopTopicsSection {
        background-color: #f1f4fa;
        padding:100px;
        height: 100%;
        margin-bottom:100px;
    }

    .workshopTopicLayout {
        position:relative;
        background-color: white;
        padding:80px;
        margin-top:80px;
        border-radius:25px;
        border: 3px solid #010e76;
    }

    .workshopDaysDivContiner {
        float:right;
        width:65%;
    }
    .workshopDaysDiv {
        float:center;
        vertical-align:centerline;
        margin-right:auto;
        margin-left:auto;
        height:100px;
        width:70%;

    }


    .dayRowDiv {
        margin:auto;
        width:inherit;
        float:center;
        padding-left:5%;
        margin-top:10px;

    }

    .dayDiv {
        text-align: center;
        margin-right:3.25%;
        width:29%;
    }

    .btn.day-btn {
        font-size: 11px;
        width:100%;
        height:100%;
        font-weight: 600;
        background-color: #010e76;
        color: white;
    }

    .dayDiv div.active {
        background-color: #ccc;
    }


    .overallPadding-10px {
        padding:10px;
    }

    .leftAlignment: {
        text-align:left;
    }

    img {
        object-fit:contain;
    }



    /*Contact Us Style Started*/

    .ContactUsDiv {
        width:100%;
        margin-top:100px;
    }

    .ContactUsDiv img {
        width:100%;
        max-height:500px;
        object-fit:cover;

    }

    .nopadding {
        padding: 0 !important;
        margin: 0 !important;

    }

    .ContactUsDivSection {
        background-color:#000000;
        /*    padding: 70px;*/


    }

    .ContactUsDivSection img {
        width:80px;
        height:80px;
    }

    .ContactUsDivSectionA {
        background-color:#171717;
        vertical-align:middle;
        display:table-cell;
    }

    .ContactUsDivSectionB {
        background-color:#000000;
        /*    border-left: 1px solid white;*/
        vertical-align:middle;
        display:table-cell;
    }

    .ContactUsDivSectionC {
        background-color:#000000;
        /*    border-top: 1px solid white;*/
        vertical-align:middle;
        display:table-cell;

    }

    .ContactUsDivSectionD {
        /*    border-left: 1px solid white;*/
        background-color:#171717;
        /*    border-top: 1px solid white;*/
        vertical-align:middle;
        display:table-cell;
    }


    .margin-5px-bottom {
        margin-bottom: 5px;
    }

    .font-weight-600 {
        font-weight: 600;
    }

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


    .regionDiv {
        padding-top:100px;
        padding-bottom:100px;
        width:100%;
    }




    .regionDiv h2, .regionDiv i {
        color:#010e76;
    }

    .regionDiv h4, .regionDiv h7 {
        color:black;
    }

    .negative-10top {
        margin-top:-10px;
    }

    .secondryThemeColor {
        color: #0219d8;
    }

    .secondryBackgroundThemeColor {
        background-color: #f1f4fa;
    }

    .themeGradientBackground {
        background-image: linear-gradient(to right, #3240b8,#303eb4, #2938b6, #2334b6, #152284);
    }

    .letsTalkBtn {
        background-color:#010e76;
        padding-left:30px;
        padding-right:30px;
        padding-top:15px;
        padding-bottom:15px;
        border: 0px solid #010e76;
        color:white;
        font-size:20px;
        font-weight:500;
        border-radius:3px;
        margin-top:50px;

    }


    .letsTalkBtn:hover {
        background-color:#ffffff;
        border: 2px solid #010e76;
        color:#010e76;

    }

    .primaryThemeColor {
        color:#010e76;
    }



    /*webDevelopment*/
    .webDevHighlights {
        padding-top:50px;
        padding-bottom:50px;
    }

    .webDevHighlights p {
        text-align:left;
    }

    .webDevInductorImg{
        float:right;
    }

    .webPackCard {
        margin:10px;
        padding:10px;
        border: 1px solid #010e76;
        border-radius: 4px;
        box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1), 0 3px 1px 0 rgba(20, 23, 28, .1);
    }

    .webPackCard ul {
        list-style-type:circle;
        list-style-position:outside;
        padding: 10px;
    }

    .webPackCard ul li {
        margin: 5px;
        font-size:12px;
        font-weight:700;
    }


    .webDevContactUsBtn {
        background-color:#010e76;
        padding-left:15px;
        padding-right:15px;
        padding-top:5px;
        padding-bottom:5px;
        border: 2px solid #010e76;
        color:white;
        font-size:20px;
        border-radius:2px;
        width:100%;
        text-align:center;

    }

    .webDevContactUsBtn:hover {
        background-color:#ffffff;
        border: 2px solid #010e76;
        color:#010e76;

    }

    .webDevelopmentQualtiy {
        background-color: #f1f4fa;

    }

    .webDevelopmentQualtiy svg {
        margin:auto;
        height:64px;
        width:64px;
        display: block
    }

    .webDevelopmentQualtiy h5 {
        text-align:center;
    }

    .contactContainer {
        max-width: 250px;
        margin:0px  auto 10px;
    }


    .parallax {
        /* The image used */
        background-image: url('../images/webDevParllelX.png');
        max-height:700px;
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .clearBackgroundColor {
        background: none !important;
        background: red;

    }
    .primaryThemeColor {
        font-size: 45px;
    }
    p.text-center.whiteColor.copyRightNotice {
        max-width: 313px;
        margin: auto;
    }
    @media (min-width: 992px ){


        .RegionDivSectionA {
            border-right: 2px solid #010e76;
            border-bottom: 2px solid #010e76;    
        }

        .RegionDivSectionB {
            border-right: 2px solid #010e76;
            border-bottom: 2px solid #010e76;   
        }

        .RegionDivSectionC {
            border-bottom: 2px solid #010e76;
        }

        .RegionDivSectionD {
            border-right:  2px solid #010e76;

        }
        .RegionDivSectionE {
            border-right:  2px solid #010e76;

        }


    }
    @media (min-width: 768px ) and (max-width: 992px){
        .RegionDivSectionA,.RegionDivSectionB,.RegionDivSectionC,.RegionDivSectionD
        {
            border-bottom: 2px solid #010e76; 
        }    
        .RegionDivSectionA,.RegionDivSectionC,.RegionDivSectionE{
            border-right: 2px solid #010e76;
        }


    }
    @media (max-width:768px )
    {

        .RegionDivSectionE,.RegionDivSectionD,.RegionDivSectionC,.RegionDivSectionA,.RegionDivSectionB {
            border-bottom:  2px solid #010e76;

        }   

    }
    /* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
    /*@media only screen and (max-device-width: 1366px) {*/
        /*    .parallax {*/
            /*        background-attachment: scroll;*/
            /*    }*/
            /*}*/


            .trainingTypeHeader {
                color: #010e76;
                font-size:35px;
                font-weight:500;
                text-align:left;
            }

            .trainingTypeDescription {
                text-align:justify;
                color:black;
            }

            .text-align-justify {
                text-align:justify
            }



            /*course content style*/


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


            .wraper-45days{
                flex-direction: column;
                display: flex;
                margin: 50px;
                height: auto;
                width: auto;
                padding: 25px 0px; 



            }

            .wraper-30days{
                flex-direction: column;
                display: flex;
                margin: -10px;
                height: auto;
                width: auto;
                padding: 25px 20px; 



            }

            .title{

               font-weight: bold;
               border: 1px solid rgb(1, 14, 118);
               font-size: 17px;
               padding: 10px;
               margin: 5px 0px;
               border-radius: 24px;
           }
           .title:hover{

               border: 1px solid rgb(1, 14, 118);
               font-size: 17px;
               padding: 10px;
               color: white;
               background: rgb(1, 14, 118);
               cursor: pointer;


           }



           .showItems li {

              margin:10px 0px;
              /*list-style-type: none;  !important*/
              /*border: 1px solid black;*/
              /*border: 1px solid rgb(1, 14, 118);*/
              padding: 5px;
              font-size:15px;
              /*border-radius: 20px;*/
              margin-left: 40px;

          }

          .showItems li:hover{
             
              margin:10px 0px;
              padding: 5px;
              margin-left: 40px;
          }

          .hideItems li {

              margin:10px 0px;
              /*list-style-type: none;*/
              /*border: 1px solid #ddd;*/
              padding: 10px;
              display: none;
              /*border-radius: 20px;*/

          }

          .coursebtn{
            display: flex;
            justify-content: center;  
            margin-top: 50px; 
        } 
        .coursebtn p{

            margin:0px 25px;
        }




        .myButton {
            background-color:#000000;
            border-radius:28px;
            border:1px solid #18ab29;

            cursor:pointer;
            color:red;
            font-family:Arial;
            font-size:17px;
            padding:15px 50px;
            text-decoration:none;
            text-shadow:0px 1px 0px #2f6627;
        }
        .myButton:hover {
            background-color:#c7d7d7;
        }

        .myButton p:focus {

            background-color: pink;
        }


         /* Right course card style */

        .right-courseCard{
            padding: 6px;
            width: 300px;
            }
   
            .card-body {
            padding: 16px;
            }
            .card-text:last-child {
            text-align: justify;
            font-size: smaller;
            }



        /* main header */

        a {
            color: #010e76;
          }

       
            .h-header {
     background-color: #fff;
     box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
     position: fixed;
     width: 100%;
     z-index: 1;
   }
   
   .h-header ul {
     margin: 0;
     padding: 0;
     list-style: none;
     overflow: hidden;
     background-color: #fff;
   }
   
   .h-header li a {
     display: block;
     padding: 20px 20px;
     /* border-right: 1px solid #f4f4f4; */
     text-decoration: none;
   }

   .h-header li a:hover{
       color: white;
   }
   
   .h-header li a:hover,
   .h-header .menu-btn:hover {
     /* background-color: #f4f4f4; */
     background-color: #010e76;

   }
   
   .h-header .logo {
     display: block;
     float: left;
     font-size: 2em;
     padding: 10px 20px;
     text-decoration: none;
   }
   
   /* menu */
   
   .h-header .menu {
     clear: both;
     max-height: 0;
     transition: max-height .2s ease-out;
   }
   
   /* menu icon */
   
   .h-header .menu-icon {
     cursor: pointer;
     display: inline-block;
     float: right;
     padding: 28px 20px;
     position: relative;
     user-select: none;
   }
   
   .h-header .menu-icon .navicon {
     background: #010e76;
     display: block;
     height: 2px;
     position: relative;
     transition: background .2s ease-out;
     width: 18px;
   }
   
   .h-header .menu-icon .navicon:before,
   .h-header .menu-icon .navicon:after {
     background: #010e76;
     content: '';
     display: block;
     height: 100%;
     position: absolute;
     transition: all .2s ease-out;
     width: 100%;
   }
   
   .h-header .menu-icon .navicon:before {
     top: 5px;
   }
   
   .h-header .menu-icon .navicon:after {
     top: -5px;
   }
   
   /* menu btn */
   
   .h-header .menu-btn {
     display: none;
   }
   
   .h-header .menu-btn:checked ~ .menu {
     max-height: 395px;
   }
   
   .h-header .menu-btn:checked ~ .menu-icon .navicon {
     background: transparent;
   }
   
   .h-header .menu-btn:checked ~ .menu-icon .navicon:before {
     transform: rotate(-45deg);
   }
   
   .h-header .menu-btn:checked ~ .menu-icon .navicon:after {
     transform: rotate(45deg);
   }
   
   .h-header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
   .h-header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
     top: 0;
   }
   
   /* 48em = 768px */
   
   @media (min-width: 991px) {
     .h-header li {
       float: left;
     }
     .h-header li a {
       padding: 30px 30px;
     }
     .h-header .menu {
       clear: none;
       float: right;
       max-height: none;
     }
     .h-header .menu-icon {
       display: none;
     }

  
   
   }