a.download-btn.text-dark img{animation: sssasdfsdfsadfasdf 2s ease 0s infinite normal forwards;}
.bg-blues{background-color: #e2eaf8 !important;}
.bg-blue{background-color: #070442 !important;}
.month1 {
    padding: 10px;
    background-image: url(../images/logo-white.png);
    height: 45.2px;
    margin: auto;
    width: 250px;
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
.month2 {
    padding: 10px;
    background-color: #070442  !important;
    height: auto
    width: 100%;

}
.month3 {
    padding: 10px;
    background-image: url(../images/month2.jpeg);
    height: 400px;
       width: 100%;
       background-repeat: no-repeat;
    background-size: 100%;
}
.gold-text{color: #DBA521;}
p.dd-botsf {

    background: #070442;

    display: inline-block;

    padding: 4px 10px;

}

p.dd-botsf a.download-btn.text-dark {

    color: #fff !important;

}



ol, ul {

    padding-left: 1rem !important;

}

/*span.border-cc-down {

    background-color: #ffffff;

    padding: 3px;

    display: block;

    background-image: repeating-linear-gradient(-80deg, #ffffff57, #070442, #ffffff00 50%);

}*/
@keyframes sssasdfsdfsadfasdf {
    0% {
        animation-timing-function: ease-out;
        transform: scale(1)translateY(-5px);
        transform-origin: center center;
    }

    45% {
        animation-timing-function: ease-out;
        transform: scale(1)translateY(-0px);
    }
        70% {
        animation-timing-function: ease-out;
        transform: scale(1)translateY(-5px);
        transform-origin: center center;
    }
            100% {
        animation-timing-function: ease-out;
        transform: scale(1)translateY(-5px);
        transform-origin: center center;
    }
}
.box-award h5 {

     color: #070442;

    min-height: 50px;

    font-size: 16px;

    display: flex;

    align-items: start;

    justify-content: center;

    padding: 5px 6px;

}

.box-award {

    padding: 5px;

    border-radius: 2px;

}

.ccox {

    border: 1px solid #00000024;

    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);

    overflow: hidden;

}

i.faq_fafa {

    background: #fff;

    width: 20px;

    text-align: center;

    height: 20px;

    padding: 2px 1px;

}

.plants_img.cc {

    transition: .3s;

    transform: scale(.9);

}

.plants_img.cc:hover {

    transition: .5s;

    transform: scale(1);

}

a.download-btn.text-dark {

    font-size: 14px;

    display: block;

    font-weight: 600;

    height: 38px;

    padding: 7px 0px;

}

table{border: 1px solid #000000;width: 100%;}

table tbody tr td {

    border: 1px solid #000000;

    padding: 5px;

    font-size: 14px;

}

.aua_ass{transform: translateY(0px);transition: .4s;}

.aua_ass:hover{transform: translateY(3px) skew(-2deg, 1deg);transition: .4s;}

.display-5{font-size: calc(1.225rem + 1.4vw);}

i.font-fa {

    background: #f6f9fe;

    color: #070442;

    width: 22px;

    text-align: center;

    height: 22px;

    border: 1px solid #f6f9fe;

    border-radius: 2px;

    padding: 3px;}

a.custome_download_show_download {



    background: #070442;



    color: #fff;



    display: -webkit-inline-box;



    padding: 4px 10px 4px 9px;



    text-align: center;



min-width: 74px;



    align-items: center;



    font-size: 14px;



    border-radius: 7px;



    margin-right: 10px;



    margin-bottom: 10px;



    cursor: pointer;



    transition: .3s;



}



img.blog_imgs {



    height: 200px;



    width: 100%;



}



.icon-css {



    min-width: 60px;

     font-size: 2em !important;

    height: 60px;



}



button.innercard {



    background: #070442;



}



button:hover.innercard {



    background: #070442;



}



p.date-microprix {



     display: flex;



    position: absolute;



    font-size: 14px;



    margin: 8px;



    width: 115px;



    border-radius: 5px;



    background: #fff;



    text-align: center;



    justify-content: center;



    color: #070442;



    box-shadow: 0px 0px 4px #00000026;



    padding: 5px;}







.box-min-height{min-height: 165px;background: #f5f5f591;}



.blog-boy:hover img {



  background-color: rgba(0, 0, 0, 0.5) !important; 



  opacity: .5s;



}



.micro1{background-color: #f1f1f1  !important;}



.micro2{background-color: #070442 !important;}



.micro3{background-color: #070442  !important;}



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



img.call-icons {

    background-color: #fff;

    padding: 1px;

    width: 20px;



    height: 20px;



}



button.btn.btn-primary.primary-color.border-0.submit {



    background: #fff !important; color: #070442;}



.card_qua_body{}



.nav-link:focus, .nav-link:hover{color: #070442}



.navy-blue{color: #070442;}



.partner-with h3{color: #070442;}



.grey{color: #B0B0B0;}



.orange{color:#070442}



.text-orange{color:#070442}



i.fas.fa-phone.call-icons {transform: rotate(93deg) !important;}



.strategy-and-core-value {



    height: 180px;



    width: 100%;



    border-radius: 10px;



    box-shadow: 0px 0px 3px #000;



    object-fit: cover;



}







img.image_add_susta {



    height: 60px;



    width: 60px;



}



.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 7px !important;}



img.microscope {



    height: 95px;



    padding: 10px;



}



img.testing{



    height: 95px;



    padding: 10px;



}



img.certificate{



    height: 95px;



    padding: 10px;



}



a.custome_download_show {



    background: #070442;



    color: #fff;



    display: flex;



    padding: 4px 7px 4px 9px;



    text-align: center;



        align-items: center;



    font-size: 14px;



    border-radius: 7px;



    cursor: pointer;



    transition: .3s;



}







a:hover.custome_download_show {



    background: #070442;



    color: #fff;



    display: flex;



    padding: 4px 7px 4px 9px;



    text-align: center;



        align-items: center;



    font-size: 14px;



    border-radius: 7px;



    cursor: pointer;



    transition: .3s;



}







  .carousel-item {



    position: relative;



  }



  .carousel-item img {



    object-fit: cover;



    height: 81vh;



    width: 100%;



  }



  .carousel-item::before {



    content: '';



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    background: #07044238;



    z-index: 0;



  }







  .carousel-caption {



    position: absolute;



    z-index: 2;



    height: 64vh;



  }







  .card-body.card_qua_body_se{background-color: #f1f1f1  !important;



   border-radius: 10px;    transform: translate3d(1px, 20px, 1px);transition: .5s;



}



  .card-body:hover.card_qua_body_se{background-color: #f1f1f1  !important;



   border-radius: 10px;    transform: translate3d(0px, 5px, 10px);transition: .5s;



}



.nextandprev span.carousel-control-prev-icon {



    background-color: #000000;



    border-radius: 25px;



    border: 2px solid #000000;



    box-shadow: 0px 0px 0px 6px #000000;



}



.nextandprev span.carousel-control-next-icon {



    background-color: #000000;



    border-radius: 25px;



    border: 2px solid #000000;



    box-shadow: 0px 0px 0px 6px #000000;



}



span.dis-main.text-end.btn.btn-primary.orange-color.border-0.send-animastion {



    background: #070442;



    transition: .3s;



}



span:hover.dis-main.text-end.btn.btn-primary.orange-color.border-0.send-animastion {



    background: #070442;



    transition: .3s;



}



a.dis-main.text-end.btn.btn-primary.orange-color.border-0{   background: #070442;



    transition: .3s;}



a:hover.dis-main.text-end.btn.btn-primary.orange-color.border-0{  background: #070442;



    transition: .3s;}



.view-icon}{background: #070442 !important;



    transition: .3s;}



    .view-icon:hover{background: #070442 !important;



    transition: .3s;}



    button.dis-main.text-end.btn.btn-primary.orange-color.border-0{background: #070442;



    transition: .3s;}



        button:hover.dis-main.text-end.btn.btn-primary.orange-color.border-0{background: #070442;



    transition: .3s;}



span.new-pro.USED {display: none;}



.custome_blog_nav{width: 100% !important;



text-align: left;}



.csr_box {



    box-shadow: 0px 0px 3px 0px #00000036 !important;



    transition: .3s;



}



.csr_box:hover {



    box-shadow: 0px 4px 6px 0px #00000036 !important;



    transition: .3s;



}







img.csr_img {



    height: 225px;



}



div.card.card_awa:nth-child(1) {



  background-color: red;



}



.get_in_touch{display: none;}



div.card.card_awa:nth-child(2) {



  background-color: pink !important;



}



.main_body_card .card-body.card_body {



    min-height: 245px !important;



    transform:scale(1);



    padding: 20px;



}







.main_body_card .card-body.card_body {



    min-height: 172px;



    transform: scale(1);



    padding: 20px;



    background: #070442;



    color: #000;



    transition: 2s;



}







.filter_css {



        max-height: 305px;



    filter: hue-rotate(44deg);



    animation: xfgndfkdsfgkjdfkjdgfsdgf 2s ease 1s infinite normal forwards;



   



     



}



@keyframes xfgndfkdsfgkjdfkjdgfsdgf {



    0%{ filter: hue-rotate(44deg);}



    25%{ filter: hue-rotate(44deg);transform: translateX(2px);}



    50%{ filter: hue-rotate(57deg); border-radius: 40px 0px 0px 0px ;}



    75%{ filter: hue-rotate(75deg);transform: translateY(3px);}



    100%{ filter: hue-rotate(308deg);}



}







.step-icon:nth-child(1) {



  background-color: #070442 !important; /* Orange */



}



.step-icon:nth-child(2) {



  background-color: #2196F3 !important; /* Blue */



}



.step-icon:nth-child(3) {



  background-color: #4CAF50 !important; /* Green */



}



.step-icon:nth-child(4) {



  background-color: #9C27B0 !important; /* Purple */



}



.card-body {



    min-height: 180px;



}



img.part-1 {



    height: 80px;



    width: 80px;



        object-fit: scale-down;



}



img.part-2 {



    height: 80px;



    width: 80px;



        object-fit: scale-down;



}



img.part-3 {



    height: 80px;



    width: 80px;



        object-fit: scale-down;



}



.part-1{animation: part 3s ease 0s infinite normal forwards;}



@keyframes part {



    0%,



    100% {



        transform: translateX(0%);



        transform-origin: 50% 50%;



    }







    15% {



        transform: translateX(-10px) rotate(-10deg);



    }







    30% {



        transform: translateX(5px) rotate(10deg);



    }







    45% {



        transform: translateX(-5px) rotate(-3.6deg);



    }







    60% {



        transform: translateX(9px) rotate(7.4deg);



    }







    75% {



        transform: translateX(-6px) rotate(-5.2deg);



    }



}



.part-2{animation: dasfgahfghdfsgh 2s ease 0s infinite normal forwards;}



@keyframes dasfgahfghdfsgh {



    0% {



        transform: scale(1);



    }







    50% {



        transform: scale(1.2)rotate(5deg);



    }



      75% {



        transform: scale(1.2)rotate(-1deg);



    }







    100% {



        transform: scale(1);



    }



}



.part-3{animation: dyjdgfhdfsghdfgdfghdfghdfg 4s ease 0s infinite normal forwards;}



@keyframes dyjdgfhdfsghdfgdfghdfghdfg {



    0%,



    100% {



        transform: translateY(0);



    }







    10%,



    30%,



    50%,



    70% {



        transform: translateY(-4px);



    }







    20%,



    40%,



    60% {



        transform: translateY(4px)rotate(5deg);



    }







    80% {



        transform: translateY(6.4px)rotate(-5deg);



    }







    90% {



        transform: translateY(-6.4px);



    }



}







.arrow-icon-right{animation: dsfghsdfgsdfgsdfgsdsdfgsfgda 2s ease 2s infinite normal forwards !important;}



@keyframes dsfghsdfgsdfgsdfgsdsdfgsfgda {



    0%,



    100% {



        transform: rotate(0deg);



        transform-origin: 100% 50%;



    }







    10% {



        transform: rotate(2deg);



    }







    20%,



    40%,



    60% {



        transform: rotate(-4deg);



    }







    30%,



    50%,



    70% {



        transform: rotate(4deg);



    }







    80% {



        transform: rotate(-2deg);



    }







    90% {



        transform: rotate(2deg);



    }



}



.arrow-icon-left{animation: dsrytyrtytyetyghfhdf 2s ease 1s infinite normal forwards;}



@keyframes dsrytyrtytyetyghfhdf {



    0%,



    100% {



        transform: rotate(0deg);



        transform-origin: 0 50%;



    }







    10% {



        transform: rotate(2deg);



    }







    20%,



    40%,



    60% {



        transform: rotate(-4deg);



    }







    30%,



    50%,



    70% {



        transform: rotate(4deg);



    }







    80% {



        transform: rotate(-2deg);



    }







    90% {



        transform: rotate(2deg);



    }



}



.tmt_main{min-height: 300px;}



.btn-instagram {



    background: #f09433; 



background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 



background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 



background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );



    color: #fff !important;



}



.accordion-button:not(.collapsed){background-color: #070442; color: #fff}



.slider-bg-sub {



    background: #07044200;



}



p.link-phone:hover a {



    color: #070442 !important;



    font-weight: 500;



    transition: .4s;



}



p.link-phone:hover a svg {



     animation: dhf 0.3s;



  animation-iteration-count: infinite;



}



@keyframes dhf {



  0% { transform: rotate(0deg); }



  25% { transform: rotate(10deg); }



  50% { transform: rotate(0eg); }



  75% { transform: rotate(-10deg); }



  100% { transform: rotate(0deg); }



}



section.one.how_we_are.four {



    min-height: 290px;



}



.custome-cert-cert{}



.dis-main{overflow: hidden;}



.csr_content {



    min-height: 105px;



}



.send-animastion i.fa.fa-paper-plane-o {



    position: relative;











}



.send-animastion:hover i.fa.fa-paper-plane-o {



    position: relative;



    animation: ringrol 2s linear infinite; 







}







@keyframes ringrol {



  0%   { left:0px; top:0px; transform: rotate(0deg) scale(1); }



  5%   { left:0px; top:0px; transform: rotate(0deg) scale(1); }



  10%   { left:0px; top:0px; transform: rotate(0deg) scale(1); }



  15%   { left:0px; top:0px; transform: rotate(0deg) scale(1); }



  25%   { left:0px; top:0px; transform: rotate(0deg) scale(.9); }



  25%   { left:0px; top:0px; transform: rotate(0deg) scale(.9); }



  30%   { left:0px; top:0px; transform: rotate(0deg) scale(.8); }



  31%   { left:0px; top:0px; transform: rotate(0deg) scale(.8); }



  41%   { left:0px; top:0px; transform: rotate(0deg) scale(.7); }



  42%   { left:0px; top:0px; transform: rotate(0deg) scale(1); }







  60%  { left:30px; top:-70px; transform: rotate(45deg) scale(1.1); }



  70%  { left:60px; top:60px; transform: rotate(180deg) scale(1); }



  90%  { left:-10px; top:20px; transform: rotate(360deg) scale(1.8); }



  100% { left:0px; top:0px; transform: rotate(360deg) scale(1); }



}



a.send-animastion {



    overflow: hidden;



}



.small-calender-icon{font-size: 14px;}







a.dis-main-view {



    display: flex;



    border: 1px solid #070442;



    color: #070442;



    padding: 6px 20px;



    border-radius: 7px;



    align-items: anchor-center;



    margin-bottom: 5px;



    justify-content: center;



}



a span.mail-system {



    background: #f8f9fa;



    color: #f4981d;



    border: 1px solid #f4981d;



    padding: 8px 15px;



    border-radius: 10px;



    font-size: 14px;



    transition: .5s;



}



a:hover span.mail-system



 {



    background: #070442;



    color: #ffffff;



    border: 1px solid #f4981d;



    padding: 8px 15px;



    border-radius: 10px;



    font-size: 14px;



    transition: .5s;



}



.navbar-expand-lg .navbar-nav .dropdown-menu {



    position: absolute;



    left: 50%;



    transform: translateX(-50%);



    transition: .3s;



}







.social-media-animastion i.fa {



    transform: rotate(-360deg);



    transition: 0s;



}



.social-media-animastion:hover i.fa {



    transform: rotate(-0deg)scale(1.3);



    transition: .8s;



}



.swiper-button-next, .swiper-rtl .swiper-button-prev {



    right: var(--swiper-navigation-sides-offset, 10px);



    left: auto;



    border: 2px solid #000 !important;



    width: 44px !important;



    height: 44px !important;



}



.swiper-button-prev, .swiper-rtl .swiper-button-next {



    left: var(--swiper-navigation-sides-offset, 10px);



    right: auto;



        border: 2px solid #000 !important;



    width: 44px !important;



    height: 44px !important;



}



.js-cookie-consent.cookie-consent {



        display: none;}



        .js-cookie-consent.cookie-consent{z-index: 999;}



        .fixed {



            position: fixed;



        }







        .bottom-0 {



            bottom: 0;



            width: 100%;



        }



    .bg-yellow-100 {



        background-color: #f7e8d4;



    }



    .cox {



        justify-content: center;



    }



    .text-#070442{color: #bc8034;}



    .btn-org {



        background: #f7d1a1;



        border: navajowhite;



        color: #b27320;



        margin-right: 13px;



        margin-left: 13px;



        box-shadow: 0px 0px 3px 1px #0000001f;



        padding: 3px 11px;



    }



    .box-org {



        box-shadow: 0px 0px 0px 2px #0000000a inset;



    }







input[type="number"]::-webkit-outer-spin-button,



input[type="number"]::-webkit-inner-spin-button {



  -webkit-appearance: none;



  margin: 0;



}











input[type="number"] {



  -moz-appearance: textfield; 



}



input[type="number"] {



  appearance: none;        



  -webkit-appearance: none;



  -moz-appearance: textfield;



}



.submit:hover {



    background: #f1f1f1 !important;



    transition: .3s;



    color: #070442;



}



  .qa-icon svg {



    color: #070442; 



  }



.gallery img {



      padding: 5px;



    height: 190px;



    width: 100%;



    object-fit: scale-down;



    transition: .3s;



}



.gallery img:hover {



    padding: 1px;



    transition: .3s;



}



.micro_magic:nth-child(1) .image_add_susta {



    animation: bounce 2s infinite;



}







.micro_magic:nth-child(2) .image_add_susta {



     animation: rotate 6s linear infinite;



    transform-origin: center;



}







.micro_magic:nth-child(3) .image_add_susta {



      animation: pulse 2s infinite;



}







.micro_magic:nth-child(4) .image_add_susta {



    animation: rotate 6s linear infinite;



    transform-origin: center;



}



.micro_magic:nth-child(5) .image_add_susta {



    animation: bounce 2s infinite;



}







.micro_magic:nth-child(6) .image_add_susta {



     animation: rotate 6s linear infinite;



    transform-origin: center;



}







.micro_magic:nth-child(7) .image_add_susta {



      animation: pulse 2s infinite;



}







.micro_magic:nth-child(8) .image_add_susta {



    animation: rotate 6s linear infinite;



    transform-origin: center;



}



  .microscope  {



    animation: bounce 2s infinite;



  }







  .testing  {



    animation: rotate 6s linear infinite;



    transform-origin: center;



  }







  .certificate  {



    animation: pulse 2s infinite;



  }







  @keyframes bounce {



    0%, 100% { transform: translateY(0); }



    50% { transform: translateY(-10px); }



  }







  @keyframes rotate {



    from { transform: rotate(0deg); }



    to { transform: rotate(360deg); }



  }







  @keyframes pulse {



    0%, 100% { transform: scale(1)rotate(-12deg); opacity: 1; }



    50% { transform: scale(1.2)rotate(25deg)skew(3deg); opacity: 0.8; }



  }







a {



    text-decoration: none;



}



.card_body {



    border: 2px solid #070442;



    border-radius: 15px;



    padding: 10px;



    box-shadow: 0px 0px 0px 2px #070442 inset !important;



    border-style: dotted;



    transform: translateY(0px);



    background: #eff2fb;



    min-height: 160px;



    transition: .3s;







}



.card_body:hover{



    padding: 10px;



    border-style: dotted;



    transform: translatY(5px);



    background: #eff2fb;



    min-height: 160px;



    transition: .3s;



    border-radius: 15px;



     transform: scale(1.05);



    animation: animastioncards 2s ease 0s infinite normal forwards;



}



@keyframes animastioncards {



    to{



         border: 2px solid #070442;



         border-style: dotted;



         border-radius: 15px;



         background: #eff2fb;



         



    }



        from{



        opacity: 1;



        border: 2px solid #070442;



         border-style: dotted;



         background: #eff2fb;



         border-radius: 17px;



         



    }







}



img.plants_img {



    height: 200px;



    object-fit: cover;



    width: 100%;



}







.#070442-color{background-color: #070442 !important;}



.dis-main {



    display: flex;



        min-height: 38px;



    align-items: center;



}



.card_body .content_card {



    min-height: 100px;



}



.download-show{display: block;}



.certif .certfication-img{transform: scale(1);transition: 1s;}



.certif:hover .certfication-img{transform: scale(.9);transition: .3s;}



.certif {



    opacity: 1;





    transform: scale(1);



    transition: .3s;











    transition: .5s;



}



.certif:hover {



    opacity: 1;





    transform: scale(1.1);



    transition: .3s;









    transition: .5s;



}



.custome-cert-final {



    display: flex;



    justify-content: space-between;



    align-items: baseline;



}



.custome-cert {



    display: flex;



    justify-content: end;



    align-items: baseline;



}



.custome-cert-end {



    display: flex;



    justify-content: space-between;



    align-items: baseline;



}



.custome-cert-final-center-career {



    display: flex;



    justify-content: space-between;



       align-items: center;



       transition: .3s;



}







.box-why-us{ background: #f1f1f1;transition: .8s;transform: scale(1);    border-radius: 1px;}



.box-why-us:hover{



    background: #070442;



    transition: .8s;



    transform: scale(1.1) translateZ(167px) translateY(15px);



    border: 1px solid #f5f2d9;



    border-style: dashed;



    border-radius: 3px;



    box-shadow: 0px 0px 0px 4px #070442;







}



.box-why-us img.img-why {



    width: 100%;



    height: 95px;



    padding: 15px !important;



    object-fit: scale-down;



}



.box-why-us:hover h5 {



    color: #fff;



}



.aa1{animation: aa1 2s ease 0s infinite normal forwards;}



@keyframes aa1 {



    0% {



        transform: scale(1);



    }







    50% {



        transform: scale(1);



    }







    60% {



        transform: scale(1)rotate(5deg);



    }



     70% {



        transform: scale(1)rotate(-5deg);



    }



     80% {



        transform: scale(1.1)rotate(0deg);



    }



     100% {



        transform: scale(1)rotate(0deg);



    }



}



.aa2{animation: bb2 2s ease 0s infinite normal forwards;}



@keyframes bb2 {



    0%,



    100% {



        transform: translateX(0);



    }







    10%,



    30%,



    50%,



    70% {



       transform: translateX(0px)rotate(1deg);



    }







    20%,



    40%,



    60% {



        transform: translateX(0px);



    }







    65%,



    68%,



    70% {



        transform: translateX(0px)rotate(20deg);



    }















    80% {



        transform: translateX(0px);



    }







    90% {



        transform: translateX(0px);



    }











}







.aa3{animation: aa3 3s ease 0s infinite normal forwards;}



@keyframes aa3 {



        0%,



    100% {



        transform: rotate(0deg);



        transform-origin: 50% 100%;



    }







    10% {



        transform: rotate(0deg);



    }







    20%,



    40%,



    60% {



        transform: rotate(-0deg);



    }







    30%,



    50%,



    70% {



        transform: rotate(2deg);



    }







    80% {



        transform: rotate(-2deg);



    }







    90% {



        transform: rotate(2deg);



    }



}



.aa4{animation: aa4 2s ease 0s infinite normal forwards;}



@keyframes aa4 {



    0%,



    100% {



        transform: translateY(0);



    }







    10%,



    30%,



    50%,



    70% {



        transform: translateY(1px);



    }







    20%,



    40%,



    60% {



        transform: translateY(1px);



    }







    80% {



        transform: translateY(1px);



    }







    90% {



        transform: translateY(-1.1px)scale(1.1);



    }



}



    .hover-cards .carding {



    text-wrap: auto;

    margin: auto;

    color: #fff;



}



    .wraps{width: 85%;margin: auto;}



    .timeline {



      margin-top: 250px;



      position: relative;



    }



    .track {



      display: flex;



      justify-content: space-between;



      align-items: center;



      position: relative;



    }



    .track::before {



      content: "";



      position: absolute;



      top: 18px;



      left: 0;



      right: 0;



      height: 9px;



      background: #070442;



    }



    .milestone {



      position: relative;



      text-align: center;



      flex: 1;



      cursor: pointer;



    }



    .dots {



      width: 25px;



      height: 25px;



      border-radius: 50%;



      background: #fff;



      border: 5px solid #070442;



          border-style: groove;



      margin: auto;



      display: block;



      top: 10px;



      position: relative;



      z-index: 2;



      transition: .3s;



      transform: rotate(190deg);



    }



    .milestone.active .dots {



      border-color: #f00d0d;



      transform: scale(1.3);



    }



    .milestone.active:hover .dots {



    border-color: #f00d0d;



    transform: scale(1.5);



}



    .hover-cards {



      display: none;



      position: absolute;



      bottom: 70px;



      left: 50%;



      transform: translateX(-50%);



      box-shadow: 0px 1px 5px #00000038;



      background: #f4f4f4;



      padding: 10px;



      border-radius: 8px;



      transition: .3s;



      font-size: 0.9rem;



      white-space: nowrap;



    }



     .milestone.active .hover-cards {



    display: block;



    display: flex;align-items: anchor-center;



    width: 250px;



    background: #070442;



    border: 2px solid #fff;



    height: 200px;



    box-shadow: 0px 0px 0px 3px #070442;



    transition: .5s;



    font-size: 16px;



    color: #000;



    }



    .milestone .caption {



      margin-top: 20px;



      font-size: 1rem;



      color: #000;



      transition: .3s;



    }



    .milestone.active .caption {



      font-size: 1rem;



      transform: scale(1.3);



      font-weight: 600;



      color: #000;



    }



    .icon-css {



      background: #070442;



      font-size: 34px;



      margin: 10px;



      padding: 9px;



      height: 60px;



      border: 3px solid #f8f8f8;



      width: 60px;



      border-radius: 15px 15px 0px;



    }







    /**/







.certfication-img {



    height: 190px;



    margin: auto;



    width: 100%;



    object-fit: scale-down;



}



/* Mega menu hover effect */



a.btn.btn-outline-dark.social-media-icon:nth-child(1) {



  background-color: #0866ff; /* Facebook Blue */



  color: #fff;



  box-shadow: 0px 0px 2px 3px #0866ff;



}







a.btn.btn-outline-dark.social-media-icon:nth-child(2) {



  background-color: #e4405f; /* Instagram Pink */



  color: #fff;



  box-shadow: 0px 0px 2px 3px #e4405f;



}







a.btn.btn-outline-dark.social-media-icon:nth-child(3) {



  background-color: #0077B5; /* LinkedIn Blue */



  color: #fff;



  box-shadow: 0px 0px 2px 3px #0077B5;



}







a.btn.btn-outline-dark.social-media-icon:nth-child(4) {



 background: #f09433; 



background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 



background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 



background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );



  box-shadow: 0px 0px 2px 3px #e2503fe3;



  color: #fff;



}







a.social-media-icon {



font-size: 18px;



    width: 40px;



    transform: rotate(360deg) scale(1.1);



    height: 40px;



    color: #fff;



    background: #f49a20;



    padding: 6px;



    transition: .3s;



    box-shadow: 0px 0px 2px 3px #f49a20;



    border-radius: 25px !important;



    border: 1px solid #fff;



  



} a:hover.social-media-icon { font-size: 18px; border-radius: 25px; width:



40px; height: 40px; border: 1px solid #fff; background: #f49a20;



transition: .3s; animation: socal 1s ease .3s 1 normal forwards; }



@keyframes socal {



    0% {



        animation-timing-function: ease-out;



        transform: scale(1);



        transform-origin: center center;



         width: 40px;



         height: 40px;



    }











    45% {



        animation-timing-function: ease-out;



        transform: scale(1.1)rotate(+360deg);



        font-size: 18px;



         width: 40px;



         height: 40px;



        



    }



       75% {



        animation-timing-function: ease-out;



        transform: scale(1)rotate(0deg);



        font-size: 8px;



         width: 40px;



         height: 40px;



        border-radius: 40px !important;



        



    }



       100% {



        animation-timing-function: ease-out;



        transform: scale(1.1)rotate(0deg);



        font-size: 18px;



         width: 40px;



         height: 40px;



        



    }



}







.swiper-pagination-clickable .swiper-pagination-bullet {



    cursor: pointer;



    background: #070442 ;



    box-shadow: 0px 0px 2px 3px #070442 ;



    border: 1px solid #ffffff;



    transform: scale(1.3);



}



.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 6px !important;}







p.link-phone {



    margin: 0px 0px -18px 0px !important;



    transition: .3s;







}



p:hover.link-phone {



    margin: 0px 0px -18px 5px !important;



    transition: .3s;







}



.micro_magic span.new-pro {



    position: absolute;



    right: -30px;



    z-index: 1;



    background: #070442 !important;



    padding: 3px 25px;



    text-align: center;



    top: 12px;



    box-shadow: 0px 0px 0px 1px #fff inset;



    font-size: 14px;



    color: #fff;



    min-width: 110px;



    transform: rotate(45deg);



    transition: 1s;



    animation: blick 2s ease 0s infinite normal forwards;



}



@keyframes blick {



    0%,



    50%,



    100% {



         color: #fff;



    }







 



    75% {



         color: #bbb;



    }



     50% {



         color: #fff;



    }



}







.micro_magic:hover span.new-pro {



    position: absolute;



    right: -30px;



    z-index: 1;



    background: #070442;



    padding: 3px 25px;



    text-align: center;



    top: -45px;



    box-shadow: 0px 0px 0px 1px #fff inset;



    font-size: 14px;



    color: #000000;



    min-width: 110px;



    transform: rotate(0deg);



    transition: 1s;



}











.micro_magic{overflow: hidden;}



.calling_icon {



    margin-right: 20px;



    transition: .3s;



}



.calling_icon:hover {



    margin-right: 20px;



    transition: .3s;



    color: #332e54 !important;



    font-weight: 500;



}



.calling_icon i.fa.fa-phone{}



img.client_image_micro {



    height: 160px;



    object-fit: scale-down;



    width: 160px;



    margin: auto;



    display: flex;



}







bold{font-weight: 600;}



strong{font-weight: 600;}



.custome-3 .custome-box h4.number-counter:after {



    content: "+";}



.swiper-button-next:after, .swiper-button-prev:after {



    font-family: swiper-icons;



    text-transform: none !important;



    letter-spacing: 0;



    font-variant: initial;



    background: #000000;



    width: 28px;



    font-size: 14px !important;



    color: #ffffff !important;



    border-radius: 19px;



    padding: 8px;



    height: 28px;



    transform: scale(1.5);



    text-align: center;



    line-height: 1;}







.navbar .nav-link{border-bottom: 3px solid #fff;color: #070442 !important;}



.mega-menu:hover .dropdown-menu {



    display: block;



    border-top: 2px solid red;



    margin-top: 0; /* default ke jaisa smooth open */



    transition: .3s;



}



.mega-menu:hover > a,



.mega-menu .dropdown-menu:hover ~ a {



  border-bottom: 3px solid #000;



  animation: myAnim .5s ease 0s .5 normal forwards;



}







@keyframes myAnim {



    0%{



         border-bottom: 3px solid #fff;



         min-width: 100%;



         border-radius: 5PX;



    }







    100% {



       



         border-bottom: 3px solid #070442;



         width: 100%;



         border-radius: 1PX;



    }



}



.navbar .nav-link{border-bottom: 3px solid #fff;padding: 22px 0px ;}



.navbar .nav-link:hover{border-bottom: 3px solid #070442;animation: myAnim .5s ease 0s .5 normal forwards;}



/* Optional: styling for smoothness */



.mega-menu .dropdown-menu {



    display: none;



    position: absolute;



    left: 0;



    right: 0;



    top: 100%;



    border-radius: 0;



        min-height: 168px;



    background: #fff;



    padding: 20px;



    transition: .3s;



}







.auto-move-slow{animation: moveauto 5.5s ease 0s infinite normal forwards;}



.auto-move{animation: moveauto 5s ease 0s infinite normal forwards;}



@keyframes moveauto {



    0% {



        transform: translate(0);



    }







    20% {



        transform: translate(-2px, 2px);



    }







    40% {



        transform: translate(-2px, -2px);



    }







    60% {



        transform: translate(2px, 2px);



    }







    80% {



        transform: translate(2px, -2px);



    }







    100% {



        transform: translate(0);



    }



}







.container, .container-lg, .container-md, .container-sm{transition: 1s;}



.mega-heading {



    color: #575b5e;



    font-weight: 400;



}



.download {



    width: 30px;margin-right: 5px;



    height: 20px;object-fit: scale-down;



}



.mega-title {



    color: #070442;



     font-size: 18px;



         margin-bottom: 18px;



}



.mega-title a {



    color: #070442;



    font-size: 18px;



        margin-bottom: 18px;



}



.sticky-top {



    box-shadow: 3px 2px 1px #fafbfe;



}



.dropdown-box{padding: 30px;}



.dropdown-menu.show {



    display: block;



    margin: 0em .1em !important;



    



}



.dropdown_menu{border-radius: 0px ;background: #F6F9FE  !important;box-shadow: 0px 4px 8px #00000029 !important;}



.dropdown-menu.show {



    opacity: 1;



    transform: translateY(10px);



    visibility: visible;



}



i.fa.fa-search {



    font-size: 20px;



        padding: 2px 0px;



    color: #070442;



}



img.frame {



    position: absolute;



    z-index: 1;



    object-fit: fill;



    height: 380px;



    width: 100%;



}



img.img-v {



    position: absolute;



    top: 20px;



    width: 80%;



    right: 0px;



    border: 5px solid #FFF;



    border-radius: 35px;



    object-fit: cover;



    height: 280px;



}



img.img-m{



    position: absolute;



    bottom: 75px;



    width: 45%;



    object-fit: cover;



    left: 10px;



    border-radius: 30px;



    z-index: 2;



    border: 4px solid #fff;



    height: 200px;



}



 .blinking {



      animation: blink-animation 2s steps(2, start) infinite;



      color: #fff;



      font-size: 22px;



      min-height: 30px;



      #fff;transition: .8s;



    }







    @keyframes blink-animation {



      0%{font-size: 22px; color: #fff;transition: .8s;}



      10%{font-size: 22px; color: #fff;transition: .8s;}



      20%{font-size: 22px; color: #fff;transition: .8s;}



      30%{font-size: 22px; color: #fff;transition: .8s;}



      40%{font-size: 22px; color: #fff;transition: .8s;}



      50%{font-size: 22px; color: #fff;transition: .8s;}



      60%{font-size: 22px; color: #070442;transition: .8s;}



      70%{font-size: 22px; color: #fff;transition: .8s;}



      80%{font-size: 22.30px; color: #fff;transition: .8s;}



      90%{font-size: 22px; color: #fff;transition: .8s;}



      100%{font-size: 22px; color: #fff;transition: .8s;}



    }











     .p{font-size: 14px;}



   .tit-card-four {font-size: 14px;    min-height: 50px;}



      section.one{padding: 40px 0px 40px 0px;}



      section.two{padding: 40px 0px 40px 0px;}



      section.three{padding: 40px 0px 40px 0px;}



      section.four{padding: 40px 0px 40px 0px;background-color: #f5f2d9;}



      section.three{padding: 40px 0px 40px 0px;}



      section.five{padding: 40px 0px 40px 0px;}



      section.six{padding: 40px 0px 40px 0px;background-color: #f5f2d9;}



      section.saven{padding: 40px 0px 40px 0px;background-image: url(../images/saven-section.png);background-size: 100% 100%;background-repeat: no-repeat;}



      section.two.how_we_are{padding: 40px 0px 40px 0px;}



      section.contact{padding: 40px 0px 40px 0px;background-color: #f5f2d9;}



      section.common{padding: 40px 0px 40px 0px;background-color: #f1f1f1;}



      section.footer-bottom{background: #070442;}



      section.tmt-one {background-image: url(/images/cover.jpg);



      height: 280px;color: #fff;}



      .three-bg-color:nth-child(3n+1) {background-color: #f1f1f1;}



      .three-bg-color:nth-child(3n+2) {background-color: #fff;}



      .three-bg-color:nth-child(3n+3) {background-color: #f1f1f1;}



      .three-bg-color:nth-child(3n+4) {background-color: #fff;}



      .three-bg-color:nth-child(3n+5) {background-color: #f1f1f1;}



      footer{background: #F6F9FE;}



      .primary-color{background-color: #070442 !important;}



      .green-color{background-color: #070442  !important;}



      .green-text-color{color: #070442 !important;}



      /*tmt pa*/



      section.tmt-main-section {margin-top: -75px;}



    .avi{overflow: hidden;}



    .tmtbox-img {width: 80%; height: auto;object-fit: cover;border-radius: 10px;



        margin-top: -85px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}



    .tmt-box { background: #f6f9fe;border: 2px solid #eaeaea; border-radius: 20px;padding: 18px 32px;



        box-shadow: 0px 2px 4px #dbdbdb91;margin-bottom:85px;}



    /*end tmt*/



    .rounded {border-radius: 10px !important;}



    .calender-box {



    background: #FAFAFA;



    padding: 15px;



    border-bottom: 3px solid #070442;}



    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{



    background-color: #070442 !important; border-radius: 0px !important;color: #fff !important;}



    .nav-link{color: #000;font-size: 14px; font-weight: 500;}



    .nav-link:hover;{color: #070442;font-size: 14px; font-weight: 500;}



      img.partner{height: 90px;width:100%;transition: .3s;}



      .min-height-50{min-height: 50px;height: auto;}



      .min-height-80{min-height: 80px;height: auto;}



      .min-height-100{min-height: 100px;height: auto;}



      .min-height-200{min-height: 200px;height: auto;}



      .min-height-300{min-height: 300px;height: auto;}



      .swiper-button-prev, .swiper-button-next{    margin-right: 20px;



       margin-left: 20px; transition: .3s;}



       .swiper-button-next:hover {transition: .3s;background: #070442; color: #fff;font-weight: 600;}



        .swiper-button-prev:hover {transition: .3s;background: #070442; color: #fff;font-weight: 600;}



      .swiper-slide-box {



      text-align: center;



      display: flex;



      justify-content: center;



      align-items: center;



      }



      a.footer-link-bold {



      text-decoration: none;



      color: #070442;



      font-weight: 500;



      font-size: 15px;}



      a.footer-link-two {



      text-decoration: none;



      color: #070442;



      font-size: 14px;}



            a:hover.footer-link-two {



      text-decoration: none;



      color: #070442;



      font-size: 14px;}



      li::marker {color: #332e54;}



      .swiper {



      width: 99%;



      max-width: 100%;



      margin: auto;



      }



      .swiper-slide {



      transition: transform 0.3s ease;



      overflow: hidden;



      display: block;



      justify-content: center;



      align-items: center;



      }



      .swiper-slide img {



      width: 100%;



      border-radius: 10px;



      transition: transform 0.3s ease;



      transform: translateY(5px)scale(1); !important;



      transition: .3s;



      }



      .swiper-slide:hover img{transform: translateY(0px) scale(1.1) !important;transition: .3s;}



      .swiper-slide:hover h6{color: #070442;}



      .swiper-slide{}







 







      .swiper-button-prev {



    position: relative;



    }



   .swiper-button-next{



    position: relative;



    }







    .shine-hover {



  position: relative;



  display: inline-block;



  width: 100%;



  overflow: hidden;



}







.shine-hover img {



  display: block;



  width: 100%;







  min-height: 144px;



  max-height: 145px;







}







.shine-hover::before {



  content: '';



  position: absolute;



  top: 0;



  left: -75%;



  width: 50%;



  height: 100%;



  background: linear-gradient(



    to right,



    rgba(255, 255, 255, 0) 0%,



    rgba(255, 255, 255, 0.6) 100%



  );



  transform: skewX(33deg);



  pointer-events: none;







}



.shine-hover img {



    overflow: hidden;



    object-fit: cover;



}



.shine-hover:hover::before {



  animation: shine 1s ease;



}







@keyframes shine {



  to {



    left: 125%;



  }



}







      .swiper-button-prev,



      .swiper-button-next {



      color: #333; /* Change icon color */



      background: rgba(255, 255, 255, 0.8);



      border-radius: 50%;



      width: 40px;



      height: 40px;



      top: 45%;



      box-shadow: 0 2px 10px rgba(0,0,0,0.1);



      }



      .swiper-button-prev::after,



      .swiper-button-next::after {



      font-size: 20px;



      }



      .footer-box{width: 20%;flex: 0 0 auto;}



      .footer-box1{width: 20%;flex: 0 0 auto;}

      .footer-box2{width: 23%;flex: 0 0 auto;}

      .footer-box3{width: 17%;flex: 0 0 auto;}

      .footer-box4{width: 40%;flex: 0 0 auto;}







      /#070442*/



      /* Topbar */



      .text-small{font-size: 13px;}



      .bottom-line {



      position: relative;



      display: inline-block;



      overflow: hidden;



      color: #070442;



      padding: 0px 0px 5px 0px;



      font-size: 30px;



      }



      .bottom-line::after {



      content: '';



      position: absolute;



      bottom: 0;



      left: 0;



      width: 0%;



      border-radius: 20px;



      height: 3px;



      width: 0;



      background-color: #070442;



      transition: width 2s ease-in-out;



      }



      .bottom-line. animate::after {



    



      animation: linebbr 3s ease 0s infinite normal forwards;



      border-radius: 20px;



      }



      @keyframes linebbr {



    0% { width: 40%;}



    30%{ width: 50%;}



    60%{ width: 80%;}



    100% { width: 40%;}



}



      .search-box {



       width: 450px;



      background-color: #464164;



      padding: 5px;transition: .3s;}



      .search {



      background: #464164;



      border: navajowhite;}



      .search::placeholder {



      color: #fff;



      }



    .topbar



     {



        background-color: #D9DBE1;



        color: #838383;



        padding: 5px 0px;



        box-shadow: 0px -1px 1px #d9dbe1 inset;



        animation: slideDown 1s ease-out;



    }



      .topbar a.mini-nav {



      margin-right: 8px;



      margin-left: 8px;



      }



         .topbar a.english {



            color: red;



            font-size: 15px;



            padding: 0px 10px;



        }



         .topbar a.globe {



            color: #119e1e;



            font-size: 15px;



            padding: 0px 10px;



        }



      .topbar h6 span{padding: 5px 10px;font-size: 14px;}



      .topbar a {



      color: #000;



      text-decoration: none;



      font-size: 14px;



      margin-right: 0px;



      }



      h2.h2{transition: .3s; font-size: 34px; margin-bottom: 20px; color: #fff;font-weight: 600;text-shadow: 0px 0px 4px #070442;}



      h2.h2 span{transition: .3s; font-size: 34px;color: #070442; margin-bottom: 20px;font-weight: 600;}



      .event-card {



      display: flex;



      align-items: center;



      padding: 5px;



      padding: 15px 0px;



      border-radius: 0px;



      border-bottom: 1px solid #dee2e6bf;



      max-width: 100%;



      }



      .calendar-box {



       width: 75px;



       height: 60px;



       background-color: white;



       border: 1px solid #dee2e67d;



       border-top: 3px solid #070442 !important;



       border-radius: 0px;



       text-align: center;



       margin-right: 1rem;



       display: flex;



       flex-direction: column;



       justify-content: center;



       font-weight: 600;



      }



      .calendar-box .day {



      font-size: 20px;



      color: #070442;



      font-weight: 600;



      }



      .calendar-box .month {



      font-size: 12px;



      border-top: 1px solid #dee2e67d;



      text-transform: capitalize;



      color: #070442;



      }



      .event-content h6 {



      margin: 0;



      font-size: 1rem;



      font-weight: 600;



      }



      .event-content p {



      margin: 0;



      color: #495057;



      font-size: 0.95rem;



      }



   /*   @keyframes slideDown {



      0% { transform: translateY(-10%); opacity: 0; }



      100% { transform: translateY(0); opacity: 1; }



      }*/



      /* Navbar */



      .navbar {



      animation: fadeIn 1s ease-in-out;



      }



  /*    @keyframes fadeIn {



      from { opacity: 0; transform: translateY(10px); }



      to { opacity: 1; transform: translateY(0); }



      }*/



      /* Bottombar */



      .bottombar {



      background-color: #070442;



      color: #fff;



      animation: slideDown .9s ease-out;



      position: relative;



      bottom: 0;



      width: 100%;



      z-index: 999;



      }



      .bottombar a {



      color: #fff;



      margin: 0 18px;



      text-decoration: none;



      }



      @keyframes slideUp {



      0% { transform: translateY(100%); opacity: 0; }



      100% { transform: translateY(0); opacity: 1; }



      }



      img.logo {



      width: auto;



      height: 20px;



      }



      .custome-box {



      min-height: 150px;



      padding: 18px;



      background: #fff;



      transition: 1s;



      box-shadow: 0px 1px 6px #9f9f9f8f;



      border-radius: 20px;







      }



      .custome-box:hover {



        transition: .5s;



        background: #f1f1f1 !important;



        transform-style: preserve-3d;



            



    border-bottom: 3px solid #dfdfdf;



        transform: translateY(7px);



        background: #fff;;







    }



      .custome-3{flex: 0 0 auto;width: 20%;transition: .5s;}



      .custome-3 .custome-box h4.number-counter {font-size: 32px;transform: scale(1.0); transition: .6s;color: #070442;}



      .custome-3:hover .custome-box h4.number-counter {transform: scale(1.2); transition: .3s;    color: #070442;}



      .custome-3 .custome-box img{transform: rotate(-360deg); transition: 1s;}



      .custome-3:hover .custome-box img{transform: rotate(-362deg) scale(1.3); transition: .6s;}







      .custome-4{flex: 0 0 auto;width: 25%;transition: .5s;}



      .custome-4 .custome-box h4.number-counter {font-size: 32px;transform: scale(1.0); transition: .6s;color: #070442;}



      .custome-4:hover .custome-box h4.number-counter {transform: scale(1.2); transition: .3s;    color: #070442;}



      .custome-4 .custome-box img{transform: rotate(-360deg); transition: 1s;}



      .custome-4:hover .custome-box img{transform: rotate(-362deg) scale(1.3); transition: .6s;}







      .banner-section-about {



      position: relative;



      background-size: cover;



      background-position: center;



      min-height: 60vh;



      color: white;



      display: flex;



      justify-content: center;



      align-items: center;



      text-align: left;



      }



      .overlay {



      position: absolute;



      top: 0;



      left: 0;



      right: 0;



      bottom: 0;



          background: rgb(0 0 0 / 59%);



      z-index: 0;



      }



      .content {



      position: relative;



      z-index: 2;



      max-width: 800px;



      padding: 20px;



      }



      .content h2 {



      font-size: 40px;



      font-weight: 600;



      }



      .content p {



      font-size: 18px;



      margin-top: 20px;



      }



      .card-inner-four {



          background: #fff;



      transition: .3s;



      border-radius: 15px;



      min-height: 183px;



      box-shadow: 0px 0px 0px 3px #fff;



      padding: 15px;



      transform: scale(1.2);}



      .card-inner-four:hover {



          background: #fff;



      transition: .6s;



      border-radius: 15px;



      padding: 15px;



      transform: scale(1.2)rotate(0deg);



      box-shadow: 0px 0px 0px 3px #fff;}











      @media (max-width: 767px) {
    .month3 {
        height: 400px;
        padding: 0px;
        background-size: 100% auto;
        background-position: bottom center;
        margin-bottom: 0px;
    }

                        .carousel-caption {





    height: 69vh;



  }



        img.plants_img{height: 125px;}



        a.navbar-brand {



    padding: 10px;



}







        .navbar-expand-lg .navbar-nav .dropdown-menu{position: relative;}







.navbar {



            padding: 10px 0px;        margin: 0px;}



    .navbar .nav-link {



    border-bottom: 3px solid #fff;



    padding: 5px 0px;



    font-size: 16px;



}



        section.micro4.micromm {



    overflow: hidden;



    overflow-x: scroll;



}



.wraps {



        width: 250%;



        padding: 0px 140px;



        margin: auto;



    }







        .get_in_touch{display: block;color: #fff;}



        .custome-box{transition: .3s;min-height: 175px;}



           h2.h2{transition: .3s;}



        .fix-box {height: 340px}



      img.img-m {bottom: 30px;    object-fit: fill;    height: 140px;}



      section.tmt-one{height: 355px;}



      section.one{padding: 0px 0px 40px 0px;}



      section.two{padding: 30px 0px 30px 0px;}



      section.three{padding: 30px 0px 30px 0px;}



      section.four{padding: 30px 0px 30px 0px;background-color: #f5f2d9;}



      section.three{padding: 30px 0px 30px 0px;}



      section.five{padding: 30px 0px 30px 0px;}



      section.six{padding: 30px 0px 30px 0px;background-color: #f5f2d9;}



      section.saven{padding: 30px 0px 30px 0px;background-color: #fff;}



      section.one.how_we_are{padding: 30px 0px 30px 0px;}



      section.contact{padding: 30px 0px 30px 0px;}



      section.common{padding: 30px 0px 30px 0px;}



      .footer-box{width: 100%;flex: 0 0 auto;        margin-bottom: 20px;}





      .footer-box1{width: 100%;flex: 0 0 auto;}

      .footer-box2{width: 100%;flex: 0 0 auto;}

      .footer-box3{width: 100%;flex: 0 0 auto;}

      .footer-box4{width: 100%;flex: 0 0 auto;}

      .footer-box5{width: 100%;flex: 0 0 auto;}











         img.partner{height: 115px;width: 115px;transition: .3s;}



      .custome-3{flex: 0 0 auto;width: 50%;transition: .5s;margin: auto;}



      .custome-4{flex: 0 0 auto;width: 50%;transition: .5s;margin: auto;}



      body {



      background-color: #f8f9fa;



      padding: 0px;



        margin: 0px;



        overflow-y: scroll;



        overflow-x: hidden;



      }



      .topbar h6 {



      display: block;



      text-align: center;



      }



      .topbar a {



      display: inline-block;



      }



      h2.h2{transition: .3s; font-size: 21px; margin-bottom: 21px; color: #fff; font-weight: 600;}



      h2.h2 span{transition: .3s; font-size: 20px;color: #070442; margin-bottom: 10px;font-weight: 600;}











      /*end media*/



      }



























      @media (min-width: 768px) and (max-width: 991px) {



        .custome-box{transition: .3s;}



           h2.h2{transition: .3s;}



        .navbar-expand-lg .navbar-nav .dropdown-menu {



    position: relative !important;



    left: 50%;



    transform: translateX(-50%);



}







    .navbar-expand-lg .navbar-nav .dropdown-menu {



        position: relative !important;



        left: 50%;



        transform: translateX(-50%);



    }



        img.img-m {



    position: absolute;



    bottom: 205px;



    width: 50%;



    object-fit: cover;



    left: 10px;



    border-radius: 30px;



    z-index: 2;



    border: 4px solid #fff;



   



}



         .search-box {width: 285px;transition: .3s;}



        .footer-box {



    width: 33.33%;



    flex: 0 0 auto;



}



      .footer-box1{width: 33.33%;flex: 0 0 auto;}

      .footer-box2{width: 33.33%;flex: 0 0 auto;}

      .footer-box3{width: 33.33%;flex: 0 0 auto;}

      .footer-box4{width: 66.66%;flex: 0 0 auto;}





        img.partner {height: 50px;width: 50px;transition: .3s;}



      .topbar h6 {



      font-size: 14px;



      }



      .topbar a {



      font-size: 14px;



      }



      .navbar .nav-link {



      font-size: 14px;



      font-weight: 500;



      color: #070442;



      }



      h2.h2{transition: .3s; font-size: 24px; margin-bottom: 10px; color: #fff; font-weight: 600;}



      h2.h2 span{transition: .3s; font-size: 24px;color: #070442; margin-bottom: 20px;font-weight: 600;}



      .custome-3{flex: 0 0 auto;width: 50%;transition: .5s;}



      .custome-4{flex: 0 0 auto;width: 50%;transition: .5s;}















      }



      /*end media*/



      @media (min-width: 992px) and (max-width: 1199px) {



        .custome-box{transition: .3s;}



           h2.h2{transition: .3s;}



        i.fa.fa-search {



    font-size: 26px;



    margin-top:0px;



    color: #070442;



6



        img.logo {



    width: auto;



    height: 15px;



}



        .nav-link {



    color: rgb(0, 0, 0);



    font-size: 11px;



}



      .navbar .nav-link {



      padding: 0.5rem 0rem;



      color: #070442 !important;



              height: 35px;



              font-size: 11px;



      font-weight: 500;



      }



      h2.h2{transition: .3s; font-size: 35px; margin-bottom: 20px; color: #fff; font-weight: 600;}



      h2.h2 span{transition: .3s; font-size: 35px;color: #070442; margin-bottom: 20px;font-weight: 600;}



      .custome-3{flex: 0 0 auto;width: 50%;transition: .5s;}



      .custome-4{flex: 0 0 auto;width: 50%;transition: .5s;}











      }



      /*end media*/



      @media (min-width: 1200px) {



   







   img.logo {width: auto;height: 22px;transition: .3s;}



        .custome-3



 {



    flex: 0 0 auto;



    width: 21%;



    transition: .5s;



}



        .custome-4



 {



    flex: 0 0 auto;



    width: 24%;



    transition: .5s;



}



        .custome-box{transition: .3s;}



           h2.h2{transition: .3s;}



      .topbar h6 {



      font-size: 15px;



      }



      .navbar .nav-link {



        font-size: 13px;



                padding: 20px 3px;



        color: #070442 !important;



        font-weight: 500;



      }



      .custome-3{flex: 0 0 auto;width: 20%;transition: .5s;}



      .custome-4{flex: 0 0 auto;width: 25%;transition: .5s;}











      /*end media*/



      }



      @media (min-width: 1300px) {







        img.logo {width: auto;height: 20px;}



        .custome-box{transition: .3s;}



           h2.h2{transition: .3s;}



            .navbar .nav-link {



        font-size: 14px;



        color: #070442;



        padding: 20px 0px;



        font-weight: 500;



        transition: .3s;



    }



    .custome-3{



    flex: 0 0 auto;



    width: 20%;



    transition: .5s;}



    .custome-4{



    flex: 0 0 auto;



    width: 25%;



    transition: .5s;}















   }



   /*end media*/







         @media (min-width: 1400px) {







    .navbar .nav-link {



        font-size: 14px;padding: 14px 1px;}















         }



         /*end media*/







      @media (min-width: 1600px) {



   



      .custome-4{flex: 0 0 auto;width: 25%;transition: .5s;}



      .custome-3{flex: 0 0 auto;width: 20%;transition: .5s;}







         .navbar .nav-link {



        font-size: 15px;padding: 20px 1px;}







         















       }



      /*end queery*/







          @media  only screen and (max-width: 767px){











             .swiper-slide-active img {



      transform: scale(1);



      z-index: 10;



      }



                .carousel-caption {



    position: absolute;



    z-index: 2;



    height: 50vh;



  }



    .carousel-item img {



    object-fit: cover;



    height: 60vh;



    width: 100%;



  }







            button.navbar-toggler {



    margin: 4px 1px;



}



            img.logo {



    width: auto;



    height: 24px;



}



            .custome-cert-final-center-career {



    display: block;



    justify-content: space-between;



    align-items: center;



    padding: 15px 0px;



    transition: .3s;



}



            img.plants_img {



    height: 120px;



    object-fit: cover;



    width: 100%;



}



            img.plants_img {



    height: 120px;



    object-fit: cover;



    width: 100%;



}



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



            .milestone.active .hover-cards{width: 250px;height: 214px;display: flex;align-items: anchor-center;}



            .track{width: 50%;margin: auto;}



            img.img-m{width: 62%;}



            .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 7px 8px !important;}



            .swiper-backface-hidden .swiper-slide{border-radius: 10px;



    background: #fff;}



            .shine-hover img {



    display: block;



    width: 100%;



    min-height: 218px;



    max-height: 219px;



}



.custome-box {



    min-height: 170px;}







            .navbar .nav-link {



    border-bottom: 3px solid #fff;



    padding: 7px 0px;



}



            .mega-menu.dropdown-menu{}



            .track::before{width: 1000px;}



            section.one.how_we_are {



    width: 100%;



}



            .wraps {



    width: 90vw !important;



    overflow-x: scroll;



    margin: auto;



    overflow-y: hidden;



}







    .milestone.active .hover-cards{left: 30px;}







.milestone.active .hover-cards{    box-shadow: 0px 0px 0px -1px #070442;}



   .milestone {



    position: relative;



    text-align: center;



    flex: 1;



    min-width: 70px;



    cursor: pointer;



}



.tmt_main{min-height: 50vh;}



.gallery img {



    padding: 5px;



    height: auto;



    min-height: 75px;



    width: 100%;



    object-fit: scale-down;



    transition: .3s;







        .download-show{display: none;}



                .timeline{margin-top: 270px;}



                .milestone .caption {



      margin-top: 20px;



      font-size: 1rem;



      color: #000;



      min-width: 60px;



      transition: .3s;



    }



    .milestone.active .caption {



      font-size: 1rem;



      transform: scale(1.3);



      font-weight: 600;



      color: #000;



      min-width: 60px;



    }



    .wraps{



        width: 100%;



        margin: auto;



        overflow-x: auto;



    }



    .track::before {



    content: "";



    position: absolute;



    top: 18px;



    left: 0;



    width: 200vw;



    right: 0;



    height: 9px;



    background: #070442;



}



    .hover-cards {



      display: none;



      position: absolute;



      bottom: 70px;



      left: 0%;



      transform: translateX(0%);



      box-shadow: 0px 1px 5px #00000038;



      background: #f4f4f4;



      padding: 10px;



      border-radius: 8px;



      font-size: 0.9rem;



      white-space: nowrap;



    }



   .milestone.active .hover-cards{    margin: 20px;}







/*timeline end*/



        .dropdown-box {



    padding: 10px 2px !important;



}



        .custome-box{transition: .3s;}



           h2.h2{transition: .3s;}



       .collapse:not(.show){transform: translateX(100%);transition: .4s}



        button.navbar-toggler {



    z-index: 5;



            position: absolute;



        right: 16px;



        top: 16px;



    background-image: linear-gradient(97deg, #000000, #070442, #444);



    color: #fff;



    border-radius: 0px 0px 0px 0px;



                   box-shadow: 5px -5px 0px #724a00;



}



        .navbar-collapse {



    flex-basis: 100%;



    flex-grow: 1;



    align-items: center;



    background: #fff;



    position: fixed !important;



    top: 0px;



    height: 100vh;



    padding: 12px 10px;



    left: 0px;







   transition: .4s;



    z-index: 2;



    width: 100%;



}



    .mega-title {



    color: #070442;



    font-size: 14px;



    margin-left: 0px;



    line-height: 2em;



     }



     .dropdown_menu {padding: 10px 10px;}



    .cox {



        display: inline-block !important;}



        .btn-org {



        background: #f7d1a1;



        border: navajowhite;



        color: #b27320;



        margin-right: 13px;



        margin-top: 7px;



        margin-left: 13px;



        box-shadow: 0px 0px 3px 1px #0000001f;



        padding: 3px 11px;



    }



    .navbar-expand-lg .navbar-nav .dropdown-menu {



    position: relative !important;



    left: 50%;



    transform: translateX(-50%);



    transition: .3s;



}







    .navbar-expand-lg .navbar-nav .dropdown-menu {



        position: relative !important;



        left: 50%;



        transform: translateX(-50%);



        transition: .3s;



    }















    }



    /*end media*/



      



















/*other css*/







.navbar-expand-lg .navbar-nav .dropdown-menu {



    position: relative;



    left: 50%;



    transform: translateX(-50%);



    transition: .3s;



}