@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
#myHeader{z-index: 999}
.header-top{background: #04233B; color: rgba(255, 255, 255, .65); padding: 7px; font-weight:400;z-index: 9999; position: relative;}
.header-top i{color: #fff; margin-right:6px; float: left;}
.header-top em{float: left; font-style: normal; margin-right: 10px}
.header-top span{margin-right: 20px}
.header-social-icon{text-align: right}
.header-social-icon a{color: transparent; display: inline-block; margin: 0px 5px}
.header-social-icon i{margin: 0px 5px}
body{     font-family: "Montserrat", sans-serif;font-weight:500; font-size: 14px; color:#333}
.nav-header{padding: 5px 10px;    z-index: 5; position: relative;
    background: #fff;box-shadow: 0 8px 28px 0 rgb(0 0 0 / 10%)}
.nav-header .navbar-brand img{height: 39px}
.nav-item{padding: 20px 12px}
.nav-header .nav-link{ font-weight: 600; padding: 0px; color: #000; font-size: 14px}
.nav-header .nav-link:hover, .nav-header .nav-link.active{color: #000; border-bottom: 3px solid #F26A26}
.banner-top{position: relative; width: 100%; height: 600px; overflow: hidden}
.banner{}
.banner:before {
  content: "";
  position: absolute;
  top: 50;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to bottom right, #fff , #ccc);
  opacity: 0.6;
  z-index: 1;
}
video.bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
height: 100%;
  width: auto;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
  z-index: 0;
}
.banner-content{position: absolute;z-index: 3; width: 100%; padding: 6rem; color: #000}
.banner-content h1{font-size: 58px;}
.banner-content p{font-size: 20px; margin-bottom:80px}
.pl50{padding-left: 50px;}
.outline_btn{border: solid 2px #000;background: none;    text-align: center; font-weight: bold; font-size: 16px; color: #000; padding: 10px  25px}
.primary_btn{border: solid 1px #04233B;background: #04233B;    text-align: center; font-weight: bold;  color: #fff; padding: 10px  25px}
.onetoone{padding: 80px 0px; position: relative; margin-top: 665px}
.onetoone h2{font-size: 40px; text-align: center; color:#3C3A3A; font-weight: 600; text-transform: capitalize; margin-bottom: 40px;   }

.oursolutions{padding: 80px 0px; background: #F5F5F5}
.oursolutions h2{font-size: 40px; text-align: center; color:#3C3A3A;font-weight: 600; text-transform: capitalize; margin-bottom: 10px;   }
.oursolutions p{color: #1C4B41;  margin-bottom: 50px; text-align: center}
.solutionsdiv{display: flex; margin-bottom: 30px}
.solutionsdiv .verticalline{width: 2%;padding-top: 20px;}
.solutionsdiv .verticalline img{height: 90px}
.solution_box{background: #fff; width: 98%; padding: 20px; box-shadow: 0 5px 4px #00000030;border-radius: 20px;}
.solution_box img{width: 100%}
.solution_box h3{font-size: 24px;    margin-bottom: 10px; font-weight: 600; margin-top: 30px}
.solution_box p{color: #626060; text-align: left;
    margin-bottom: 30px; min-height: 70px}
.countdiv{padding: 80px 0px; text-align: center; background: #2da86e; color: #fff}
.countdiv strong{font-size: 40px; border-bottom: 1px solid #288e5e; width: 80%; display: block; margin: 0 auto}
.countdiv p{margin-top: 15px; letter-spacing: 1px}
.howwork{padding: 40px 0px 150px 0px}
.howwork .sub-heading{color: #666; text-transform: uppercase; text-align: center; font-weight: 600 !important; font-size: 16px !important}
/*.howwork h2{font-size: 40px; text-align: center; color:#3C3A3A;font-weight: 600; text-transform: capitalize; margin-bottom: 10px; margin-top: 10px;  }*/
.howwork_div{padding: 20px; margin:80px 0px; border-radius: 20px; text-align: center}
.howwork_div strong{color: #3C3A3A; font-size: 24px; display: block; margin-top: 20px; font-weight: 600}
.bg-greenlight{background: #2da86e; color: #fff}
.bg-greenlight strong{color: #fff}
.bg-greenlight p{color: #fff !important}
.howwork_div p{color: #7A8986; margin-bottom: 0px}

 .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
.testimonials{transition-duration: 0.3s;box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); padding: 2.5rem; background: #fff; border: 1px solid rgb(241 245 249);border-radius: 1rem; margin-top: 50px}
.testimonials .profile{height: 60px; width: 60px; border-radius: 100%; margin-bottom: 20px}
.testimonials strong{font-size: 24px; color: #3C3A3A; display: block; font-weight: 600}
.testimonials em{ color: #999; font-style: normal; font-size: 14px}
.testimonials p{ line-height: 1.625;    font-style: italic;   margin: 1rem 0rem 2rem 0rem; display: block}
.testimonials:hover{box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);transform: scale(102%)}
.comma{float: right; height: 25px}
.font-bold{font-weight: bold}
.materialsagment-small-item {
    display: block;
    background: #FFFFFF;
    box-shadow: 0 8px 28px 0 rgb(0 0 0 / 10%);
    border-radius: 5;
    padding: 15px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.carousel-indicators button{background-color: #ccc !important;}
.carousel-indicators button.active{background-color:#2da86e !important}
.blog{background: #2da86e0a; padding: 30px 0px 80px 0px}
.blog-box{background: #fff; border-radius: 10px;box-shadow: 0 5px 4px #00000030; margin-bottom: 20px; transition-duration: 0.3s}
.blog-box img{width: 100%;border-radius:10px 10px 0px 0px; height: 250px}
.blog-content{padding: 15px;position: relative}
.blog-content em{color: #999; font-size: 14px; font-style: normal}
.blog-content h4{font-weight: 700; margin-top: 10px; display: block; font-size: 1.25rem; color: #000}

.blog-content p{text-align: justify;}
.blog-footer{border-top: 1px solid #6e6e6e40; padding: 10px 20px}
.blog-footer a{color: #666; text-decoration: none; font-weight: 600}
.blog-box:hover{transform: scale(102%);}
.blogDate{background: #2da86e;
    color: #fff;
    height: 80px; font-size: 21px; text-align: center; font-weight: bold; padding-top: 9px;
    width: 80px;
    position: absolute;
    right: 20px;
    top: -50px;
    border-radius: 5px; }
.blogDate p{ color: #ccc; margin-bottom: 0px; text-align: center; font-weight: 400; margin-top: -7px}
.footer{padding: 80px 0px 20px 0px; background: linear-gradient(to bottom right, #04233B , #154f7c)}
.footer-firstcolumn img{width: 80%}
.footer-firstcolumn p{color: #ccc; margin-top: 20px; }
.footer-link h4{color: #fff;  margin-bottom: 30px; font-weight: 700 }
.footer-link span{width: 100%; display: block;margin-bottom: 7px}
.footer-link span a{color:#ccc; text-decoration: none; }
.footer-link span a:hover{color: #f26a26}
.footerInput{background: #0e2e47; height: 40px; border: none; padding: 5px;    width: 70%;}
.footerInput::placeholder{color: #fff}
.footer-link .btn{border-radius: 0px;
    height: 40px;
    margin-left: -5px;
    margin-top: -3px;
    border: none;
    background: #f26a26;
}
.copyright{color: #ccc;
    text-align: center;
    padding-top: 35px;
    border-top: 1px solid #5c6165;
    margin-top: 35px;}
.footer-social-icon a{color:#fff; font-size: 16px; margin: 0px 5px}
.tx-12{font-size: 12px}
@media only screen and (max-width: 1180px) {
    .solution_box p{min-height: 130px;}
}
@media only screen and (max-width: 1024px) {
    .nav-item{padding: 20px 7px !important}
}
@media only screen and (max-width: 600px) {
    .SupplyChain {padding: 0px !important;}
    .SupplyChain .col-sm-7{padding:30px  10px 0px 10px !important;}

    .SupplyChain img{display: none;}
    #down-section .ps-5{padding: 10px !important;}
    .working_rating{padding: 20px 0px !important;}
    .working_rating .workbg{width: 100% !important;border-radius: 0px !important;}
    .working_rating .col-sm-7{width: 100%; padding: 20px !important;}
.m_img{height: 330px;}
.working_rating img{display: none !important;}
    .about_img {display: none}
    .inner-banner{padding-top: 80px !important; height: auto !important}
    .about-content{    margin-top: 28px !important; padding-bottom: 0px !important}
    .inner-banner p{font-size: 16px !important; width: 100% !important;}
    .md\:grid-cols-5, .md\:grid-cols-4, .md\:grid-cols-3, .md\:grid-cols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    .inner-banner h2{font-size: 28px !important}
    .banner-content{padding: 1.2rem}
    .banner-content h1{    font-size: 44px;}
    .banner-content p{    margin-bottom: 30px;}
    .impactbox{background:#fafafa !important }
    .top-panel{    display: none}
.aboutus {
    padding: 2rem 2rem 2rem 2rem !important;
}
    .banner-top{height: 510px}
    .aboutus p{margin-bottom: 10px !important}
    .header-social-icon{display:none}
    .nav-header .navbar-brand img{height: 30px}
    .slider1{padding: 130px 50px}
    .slider1 p{font-size: 20px;}
    .slider1 h1{font-size: 36px; margin-bottom: 50px}
    .outline_btn{width: 100%;
    margin: 0px !important;}
    .primary_btn{margin-bottom: 10px;
    width: 100%;}
    .onetoone h2{font-size: 30px; margin-bottom: 10px}
    .onetoone, .countdiv, .oursolutions, .materialsagment{padding: 40px 0px}
    .b2boffers{margin: 20px 20px}
    .howwork_div{margin: 20px 10px}
    .materialsagment h2, .oursolutions h2, .howwork h2{font-size: 36px;}
    .oursolutions p{margin-bottom: 20px}

    .actionbtn{margin: 10px 0px 0px 0px;
    width: 100%;
    display: block;}

}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
    z-index: 1;
}
.inner-banner{background:#04233B; background-size: cover; position: relative; top: 0px; width: 100%; height: 400px; padding-top: 120px;}
.inner-banner h2{ letter-spacing: 1px;font-size: 52px; color: #fff;
    margin-bottom: 10px;font-weight: 600;}
.inner-banner p{color: #fff; width: 100%; font-weight: 400; font-size: 24px;
    padding-left: 20px
    }
.about_img{position: absolute; width: 550px; border-radius: 20px; right: 115px; top: 90px; transition-duration: 0.3s}
.about_img:hover{box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);transform: scale(102%)}
.about-content{position: relative; margin-top: 70px; padding-bottom:70px}
.about-content .sub-heading{color: #69B31D; text-transform: uppercase; font-weight: 500}
.about-content h2{font-size: 40px; color: rgb(15, 23, 42);font-weight: 500;margin-bottom: 20px}
.about-content p{ text-align: justify; line-height: 24px}
.w-94{width: 94%}
.impact{padding:80px 0px 80px 0px}
.impact h2{font-size: 40px; color: #3C3A3A; font-weight: 600;}
.impact p{color: #7A8986; }
.impactbox{box-shadow: 0 5px 4px #00000030; background: url('../images/impactbg.webp') right no-repeat #fafafa; background-size: 50%; border-radius: 20px}
.whychooseus{margin: 50px 0px 100px 0px; display: block}
.btn-primary{    background-image: linear-gradient(to bottom right, #04233B , #154f7c); border-color: #154f7c; color: #fff}
.btn-primary:hover{background-image: linear-gradient(to bottom right, #04233B , #04233B); border-color: #059669; box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25)}
.bg-gradient-primary {
    background-image: linear-gradient(to bottom right, #04233B  , #154f7c);
}
    .actionbtn{transition-duration: .3s;    font-weight: 700;font-size: 1.365rem; background-image: linear-gradient(to bottom right, #04233B , #154f7c); color: #fff;
    line-height: 1.75rem; padding: 1rem 2rem; border-radius: 10px; text-decoration: none; display: inline-block}
.actionbtn:hover{transform: scale(1.05); box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);    }
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}


.md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

.md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

.md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

.gap-5 {
    gap: 5rem;
}
.grid {
    display: grid
;
}
.tx-40{font-size: 18px}
.feature_box{position: relative; width: 100%; z-index: 4; background: }
.top-panel{position: absolute; width: 100%; top:-80px}
.tab_banner_card{background: #FAF8F9; border-radius: 20px;box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25); padding: 1rem 0rem; opacity: 1}
.featuretab h3{color: rgb(15, 23, 42); font-size: 32px; padding: 1.5rem 0.5rem; font-weight: 700}
.featuretab:first-child{padding: 0.6rem 0.5rem; border-left:none; white-space: nowrap}
.featuretab{padding: 0.5rem 0.5rem 0rem 1.5rem; border-left: 5px solid #D9D9D9; transition-duration: 0.5s}
.featuretab p{font-weight: 500; margin-top: 15px; font-size: 14px; margin-bottom: 0px;  line-height: normal;}
.featuretab svg{transition-duration: 0.3s}
.featuretab:hover svg{transform: scale(115%);}
.aboutus{padding:9rem 2rem 0rem 2rem;}
.heading{font-size: 40px; font-weight: 700; color: #000}
.aboutus p{ margin-bottom: 50px; text-align: justify; line-height: 24px}
.whatwedo{padding:4rem 0rem 6rem 0rem; background: url('../images/bg1.webp'); background-size: cover}
.whatwedo p, .whatwedo strong{ }

.services{padding: 4rem 0rem;}
.servicebox{    transition-duration: 0.5s;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    text-align: center;
    background: #fff;
    padding: 2rem 1rem;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(241, 245, 249);
    border-image: initial;
    transition-duration: .3s;
    border-radius: 1rem; }
.servicebox:hover{transform: scale(1.05); box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25); }
.servicebox:hover .service-icon{transform: scale(105%);}
.servicebox h4{font-size: 1.25rem;
    line-height: 1.45rem;
    margin-top: 20px;
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    color: rgb(15, 23, 42);
    margin-top: 20px;}
.servicebox p{ margin-bottom: 0px; padding: 0rem 1rem}
.servicebox-dark{    transition-duration: 0.5s;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    text-align: center;
    background: #0d314d87;
    padding: 2rem 1rem;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(229 229 229 / 26%);
    border-image: initial;
    transition-duration: .3s;
    border-radius: 1rem; }
.servicebox-dark:hover{transform: scale(1.05); box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25); }
.servicebox-dark:hover .service-icon{transform: scale(105%);}
.servicebox-dark h4{font-size: 1.25rem;
    line-height: 1.45rem;
    margin-top: 20px;
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    color: #fff;
    margin-top: 20px;}
.servicebox-dark p{ margin-bottom: 0px; padding: 0rem 1rem;   color: #cccccc;}
.bg-gradient-blue {
    background-image: linear-gradient(to bottom right, #3b82f6 , #2563eb);
}
.bg-gradient-purple{
    background-image: linear-gradient(to bottom right, #a855f7 , #9333ea);
}
.bg-gradient-orange{
    background-image: linear-gradient(to bottom right, #f97316 , #ea580c);
}
.service-icon{width: 80px; height: 80px; padding-top: 15px; margin: 0 auto; border-radius: 10px}
.creditbricksapp{padding: 4rem 0rem;}
.bg-gradient-green {
    background-image: linear-gradient(to bottom right, #0f172a, #1e293b, #064e3b);
}
 .ktrv {
        width: 100%;

        height: 580px;
        position: relative;
        clear: both;
        overflow: hidden;

    }
        .ktrv img{width: 100%}
    .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



    .ktrv>div.wwkt {
        display: inline-block;
        cursor: pointer;
        height: 580px !important;
        }
.gap-8 {
    gap: 2rem;
}
.solutionIcon{width: 66px; height: 66px; text-align: center; background-image:linear-gradient(to bottom right, #04233B , #154f7c); border-radius: 1rem; justify-content: center; padding-top: 15px; box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);transition-duration: .4s; }
.testimonials img{box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);transition-duration: .4s;}
.mb-8 {
    margin-bottom: 2rem;
}
.solutionsdiv:hover .solutionIcon, .testimonials:hover img{transform: scale(110%);}
.text-xl{font-size: 1.25rem !important;
    line-height: 1.75rem;}
.solutionIcon span{color: #fff;    font-weight: 700;font-size: 1.125rem;
    line-height: 2.2rem;}
.flex {
    display: flex;
}
.mr-4 {
    margin-right: 1rem;
}
.text-slate-900 {
   color: rgb(15 23 42 / 1);
}
.text-emerald-600 {

    color: #154f7c;
}
.font-medium {
    font-weight: 500;
}
.text-slate-500 {
    color: rgb(100 116 139 / 1);
}
.img_div{width: 100%; display: block; height: 16rem; position: relative}
.img_div img{width: 100%; border-radius: 1rem 1rem 0rem 0rem; height: 100%; position: absolute}
.top-4 {
    top: 1rem;
}

.left-4 {
    left: 1rem;
}
.absolute {
    position: absolute;
}
.bg-emerald-600 {
    background-color: rgb(5 150 105 / 1);
}
.p-8 {
    padding: 2rem;
}
.rounded-lg {
    border-radius: .5rem;
}
.text-slate-400 {
    color: rgb(148 163 184 / 1);
}
.leading-tight {
    line-height: 1.25 !important;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-emerald-400 {
    color: rgb(52 211 153 / 1);
}
.meetteam a {
    text-decoration: none;
    color: #1f1f1f;
}

.meetteam .ib-people-info {
    background-color: #fff;
    margin: 6em 2em;
    border-radius: 5px;
    position: relative;
    transition-duration: 0.3s
}

.meetteam .ib-people-info:before {
    content: "";
    position: absolute;
    border-left: 8px solid #f26a26;
    height: 30%;
    top: 13%;
    left: -7px;
}

.meetteam .ib-people-info .ib-people-img {
    width: auto;
    position: relative;
    transition-duration: 0.3s;
    top: -40px;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
    height: 200px;
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
}

.meetteam .ib-people-info .ib-people-text {
    padding: 10px 30px 30px;
    margin-top: -35px;
   min-height: 387px;
 text-align: justify;
}

.meetteam .ib-people-info .ib-people-text h6 {

    font-size: 23px;
    letter-spacing: .5px;
    line-height: 1.2;
    margin-top: 10px;
    font-weight: 600;
    color: #000
}

.meetteam .ib-people-info .ib-people-text p {

    letter-spacing: .5px;
    line-height: 1.4;

}
.contact-box{margin-top: 60px; width: 100%}
.meetteam .ib-people-info:hover{transform: scale(102%); box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25); }
.meetteam .ib-people-info:hover .ib-people-img {transform: scale(105%);}
.info-box{box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.2); text-align: center; padding: 20px; border-radius: 20px; background: #fff; margin:35px 45px; transition-duration: 0.3s}
.info-box img{height: 60px}
.info-box:hover{transform: scale(105%);}
.info-box h3{color: #000; font-size: 22px; text-transform: uppercase; font-weight: bold; margin-top: 20px;}
.info-box p{color:#56656b; font-size: 16px; margin-top: 10px; text-align: center; width: 100%}
.contact-form{background: #d9d9d9; padding: 200px 0px 100px 0px; width: 100%; overflow: hidden}
.contact-form h2{font-size: 50px; font-weight: bold; color: #1b356a}
.contact-form h4{color: #000; font-style: italic; font-weight: 600}
.contact-form p{width: 60%; line-height: 1.8em}
.form-input{padding:0px 50px}
.form-input label{color: #1b356a !important; font-weight: 700;}
.form-input input, .form-input textarea{ border-bottom: 2px solid #1b356a; border-radius: 0px; margin-bottom: 10px;padding: 10px 12px;}
.map{widows: 100%; height: 450px}

.blog-masonry .card {
    color: inherit;
}
.border-radius-4px {
    border-radius: 4px !important;
}
.border-0 {
    border: 0 !important;
}
.box-shadow-large {
    -webkit-box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    -webkit-transition: all 350ms cubic-bezier(.37,0,.63,1);
    transition: all 350ms cubic-bezier(.37,0,.63,1);
}
.overflow-hidden {
    overflow: hidden !important;
}
.blog-masonry{background: #f3f3f3; padding: 100px 0px}
.blog-masonry .card{transition-duration: 0-3s}
.blog-masonry .card:hover{transform: scale(101%)}
.blog-masonry .card .card-top {
    position: relative;
    padding: 15px 20px;
}
.align-items-center {
    align-items: center !important;
}
.d-flex {
    display: flex !important
;
}
.blog-masonry .card .card-top .avtar {
    height: 30px;
    width: 30px;
    margin-right: 10px;
    position: relative;
    border-radius: 100%;
}
.grid li img {
    width: 100%;
}
.fs-16 {
    font-size: 16px;
}
.fw-600 {
    font-weight: 600 !important;
}
.btn-link.text-dark-gray, .text-dark-gray, a.text-dark-gray-hover:hover {
    color: #313e3b;
}
.fs-14 {
    font-size: 14px;
}
.ms-auto {
    margin-left: auto !important;
}
.blog-masonry a{text-decoration: none}

.blog-masonry .card .like-count a i {
    margin-right: 5px;
    -webkit-transition: all .4s cubic-bezier(.5,1,.89,1);
    transition: all .4s cubic-bezier(.5,1,.89,1);
    will-change: transform;
}
.blog-masonry .card:hover .blog-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.blog-masonry .card .like-count a:hover i {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.btn-link.text-red, .text-red, a.text-red-hover:hover {
    color: #dc3131;
}
.btn-link.text-dark-gray, .text-dark-gray, a.text-dark-gray-hover:hover {
    color: #313e3b;
}
.blog-masonry .card .card-top:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    clear: both;
    z-index: 1;
}
.position-relative {
    position: relative !important;
}

.blog-masonry .card .blog-image img {
    -webkit-transition: all 1s cubic-bezier(.5,1,.89,1);
    transition: all 1s cubic-bezier(.5,1,.89,1);
    height: 250px; width: 100%
}
.p-11 {
    padding: 5% !important;
}
.mb-10px {
    margin-bottom: 10px !important;
}
.blog-heading{font-size: 1.25rem;
    line-height: 1.45rem;
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    color: rgb(15, 23, 42);
    margin-top: 20px;}
.background-position-left-top {
    background-position: left top !important;
}
.background-no-repeat, .select-style select {
    background-repeat: no-repeat;
}
.right-0px {
    right: 0;
}
.left-0px {
    left: 0;
}
.top-0px {
    top: 0;
}
.z-index-1 {
    z-index: 1;
}
.top-30px {
    top: 30px;
}
[data-top-bottom] {
    transition: transform .65s cubic-bezier(.23,1,.32,1);
}
[data-anime].appear {
    opacity: 1;
}
.top-minus-40px {
    top: -40px;
}
[data-anime] {
    opacity: 0;
}
[data-anime], [data-anime].btn {
    transition: none;
}
.d-block {
    display: block !important;
}
.h-70px {
    height: 70px !important;
}

.w-70px {
    width: 70px !important;
}
.rounded-circle {
    border-radius: 50% !important;
}
.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.icon-very-medium {
    font-size: 28px;
}
.lh-0px {
    line-height: 0;
}
.justify-content-center {
    justify-content: center !important;
}
.mt-minus-1 {
    margin-top: -1%;
}
@media (min-width: 1200px) {
    .offset-xl-1 {
        margin-left: 8.33333333%;
    }
}
.align-self-start {
    align-self: flex-start !important;
}
.feature-box.text-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.feature-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    position: relative;
    z-index: 1;
}
.categories-style-01 .categories-box, .feature-box, .time-table-box, .time-table-box .inner-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction
In webkit applications, -webkit-box-direction specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).
: normal;
}
.ps-30px {
    padding-left: 30px !important;
}
.pe-30px {
    padding-right: 30px !important;
}
.feature-box, .video-icon {
    -webkit-box-align: center;
}
.opacity-1 {
    opacity: .1;
}

.fw-700 {
    font-weight: 700 !important;
}
.ls-minus-1px {
    letter-spacing: -1px !important;
}
.fs-100 {
    font-size: 7.25rem;
    line-height: 6.25rem;
}
.w-60px{width: 60px}
/*
.alt-font {
    font-family: var(--alt-font);
}*/
.last-paragraph-no-margin p:last-of-type {
    margin-bottom: 0;
}
.bg-orange {
    background-color: #F26A26;
}
.h-3px {
    height: 3px !important;
}
.mt-25 {
    margin-top: 20% !important;
}
.mt-16 {margin-top: 10% !important;}
.mt-minus-12 {
    margin-top: -12%;
}
#down-section{padding: 80px 0px}
.feature-box-content{margin-top: 60px}
.platform_heading{font-size: 1.25rem;
    line-height: 1.45rem;
    margin-top: 20px;
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    color: rgb(15, 23, 42);
    margin-top: 20px;}
.vissionmission{padding: 80px 0px}
.vissionmissionBox{background: url('../images/vissionbg.webp'); background-size: cover; color: #fff; padding: 60px; text-align: center;position: relative}
.vissionmissionBox h3{font-size: 24px; font-weight: bold; margin-bottom: 38px}
.vissionmissionBox h3:after {
    content: "";
    width: 39px;
    height: 3px;
    background: #fff;
    position: absolute;
    top: 88px;
    left: 0;
    right: 0;
    margin: auto;
}
.middleBox{background: url('../images/about2.jpg'); background-size: cover}
.missionBox{background: url('../images/missionbg.webp'); background-size: cover; color: #fff; padding: 60px; text-align: center;position: relative}
.missionBox h3{font-size: 24px; font-weight: bold; margin-bottom: 38px}
.missionBox h3:after {
    content: "";
    width: 39px;
    height: 3px;
    background: #fff;
    position: absolute;
    top: 88px;
    left: 0;
    right: 0;
    margin: auto;
}
.card{box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); border: none}
.blog-list{padding: 20px; margin-bottom: 20px}
.blog-list{text-decoration: none}
.blog-list:hover{background: #f3f3f3; cursor: pointer}
.blog-list h3{font-size: 18px; font-weight: 600; text-decoration: none; margin: 0px}
.blog-detail img{height: 300px; margin-bottom: 30px;  border-radius: 5px}
.blog-detail h3{font-weight: bold}
.blog-detail p{font-weight: 400; text-align: justify}
.blog-detail .avtar{width: 40px; height: 40px; border-radius: 100%; float: left;}
.sub-heading{font-size: 2rem !important;
    line-height: 1.45rem;
    margin-top: 20px;
    display: block;
    margin-bottom: 20px;
    font-weight: 700 !important;
    color: rgb(15, 23, 42);
    margin-top: 20px;}
.text-justify{text-align: justify}
.working_rating{padding: 80px 0px; position: relative; background: #f3f3f3}
.working_rating .workbg{position: absolute; width: 57%; height: 475px; background: linear-gradient(to bottom right, #04233B , #154f7c); color: #fff; box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25); z-index: 0; top:0px;border-radius: 0px 300px 300px 0px;}
.working_rating p, .working_rating .sub-heading{color: #fff !important}
.floating {
           position: relative;
            animation: float 3s ease-in-out infinite;
        }

        @keyframes float {
            0% {
                transform: translateY(0);
            }

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

            100% {
                transform: translateY(0);
            }
        }
.relative{position: relative}
.SupplyChain{padding: 150px 0px 0px 0px}
.thumb1{width:80%; position: absolute; border-radius: 20px;border: 10px solid #d8dce5;}
.thumb2{width: 60%; position: absolute; bottom: 0px; right: 0px; border: 10px solid #fff; box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); border-radius: 20px}
.property_content strong{color: #F26A26;
    font-weight: 500;
    text-transform: uppercase; letter-spacing: 1px}
.property_content h3{font-size: 2rem !important;

    margin-top: 10px !important;
    display: block;
    margin-bottom: 30px;
    font-weight: 700 !important;
    color: rgb(15, 23, 42);
    margin-top: 20px;}
.property_content ul li strong{color: #07263d;font-weight: 600;font-size: 16px;margin-bottom: 5px;display: block;text-transform: capitalize;}
.mobilebackground{background: url('../images/mobile-background.svg') no-repeat; background-size: 74%; position: relative; padding: 20px; margin-top: 40px; display: inline-block}
.tabimg{width: 80%}
.screenshot{position: absolute; width: 40%; right: 30px; top: 170px; border-radius: 20px; box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}
.rightbackground{background: url('../images/rightbackground.webp') no-repeat center; background-size: 70%; position: relative; padding:50px 20px; margin-top: 40px; display: inline-block; height: 550px}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px;
    }
}
.dropdown-menu.show{box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    border: none !important;}
    .dropdown-item:focus, .dropdown-item:hover{background-color: #0b3556; color:#fff}
    .websitelink{    color: #c5c5c5;
        text-align: center;
        width: 100%;
        display: block;
        font-size: 10px;}
        .websitelink a{color:#c5c5c5}