/* PT SANS Font */
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
    /* font-family: 'Myriad Pro', sans-serif; */
    font-family: "PT Sans", sans-serif;
}

.font-poppins {
    /* font-family: 'Poppins', sans-serif; */
    font-family: "PT Sans", sans-serif;
}

a {
    text-decoration: none;
    color: #404040;
}

.text-c-grey {
    color: #4d4d4d;
}

.text-c-blue {
    color: #4397c8 !important;
}

.text-p-color {
    color: #404040;
}

.text-spec-blue {
    color: #1c4e84;
}

p {
    color: #404040 !important;
}

.bg-c-blue {
    background-color: #4397c8;
}

.bg-c-darkblue {
    background-color: #174a81;
}

.bg-g-line {
    background: rgb(67, 151, 200);
    background: linear-gradient(-90deg, rgba(67, 151, 200, 1) 65%, rgba(25, 96, 137, 1) 65%);
    height: 2px;
}

.bg-c-red-o {
    background-color: #43464b;
}

.bg-c-red {
    background-color: #43464b !important;
}

#bg-c-grey td {
    background-color: #e3e3e3 !important;
}

.btn:hover {
    border-color: #43464b !important;
}

.btn-danger {
    --bs-btn-border-color: #43464b !important;
}

.fs-14 {
    font-size: 14px;
}

.fs-28 {
    font-size: 28px;
}

.line-width {
    height: 2px;
    position: relative;
    width: 1920px;
    z-index: -10;
}
.line-blue{
    height: 2px;
    position: absolute;
    width: 1920px;
    top: 30%;
    z-index: -1;
    margin-left: 20%;
}

.sale-line-vertical {
    height: 65px;
    width: 20px;
    background-color: #174a81;
}

.letter-space-1 {
    letter-spacing: 1px;
}

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

.width-310 {
    width: 310px !important;
}

/* navbar */
li .nav-style {
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0px;
    text-transform: uppercase;
}

li:not(:last-child) .nav-style {
    /* border-right: 1px solid #000; */
}
.li-custom{
    font-size: 14px;
    font-weight: bold;
}

.login-search a {
    font-size: 12px;
    color: #9ab9cc;
    text-decoration: none;
    margin: 2px 0px 0px 10px;
    font-style: italic;
}

.login-search a:hover {
    color: #5e7c8e;
    font-size: 13px;
}

/* button style */
.btn-swipe {
    position: relative;
    display: inline-block;
    height: 35px;
    width: 200px;
    line-height: 16px;
    padding: 0;
    border-radius: 50px;
    background: #43464b;
    border: 2px solid #43464b;
    transition: .5s;
}

.btn-swipe:hover {
    background-color: #fff;
     line-height: 32px;
}

.btn-swipe:hover span.circle {
    left: 100%;
    margin-left: -31px;
    /* background-color: #43464b; */
    border: 1px solid #43464b;
}

.btn-swipe:hover span.circle {
    color: #fff;
}

.btn-swipe:hover span.title {
    left: 10px;
    opacity: 0;
}

.btn-swipe:hover span.title-hover {
    opacity: 1;
    left: 12px;
}

.btn-swipe span.circle {
    display: block;
    background-color: #fff;
    color: #fff;
    position: absolute;
    float: left;
    margin: 2px;
    line-height: 55px;
    height: 27px;
    width: 27px;
    top: 0;
    left: 0;
    transition: .5s;
    border-radius: 50%;
}

.btn-swipe span.title{
    top: 8px;
}
.btn-swipe span.title,
.btn-swipe span.title-hover {
    position: absolute;
    left: 40px;
    text-align: center;
    margin: 0 auto;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
    transition: .5s;
}

.btn-swipe span.title-hover {
    left: 10px;
    opacity: 0;
}

.btn-swipe span.title-hover {
    color: #43464b;
}

.btn-know-more,
.btn-visit-store {
    width: 150px;
}

.btn-news {
    width: 90px;
    height: 20px;
}

.btn-news span.circle {
    margin: 1px;
    line-height: 55px;
    height: 14px;
    width: 14px;
}

.btn-news:hover span.circle {
    margin-left: -16px;
}

.btn-right-angle-mounting-atc {
    width: 280px;
}

.btn-W-240 {
    width: 240px;
}

.btn-W-110 {
    width: 110px;
}

.btn-W-190 {
    width: 190px;
}

.btn-download-catalog {
    width: 220px;
}

th {
    background-color: #0474b5 !important;
    color: #fff !important;
}

/* the story background */
.the-story {
    background-image: url(/assets/img/bg-the-story.webp);
    background-position: right;
    background-repeat: no-repeat;
}

.spare {
    /* background-image: url(/assets/img/bg-spare.webp); */
    background-image: url(/assets/img/home/bg-spare-home.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.eee {
    background-image: url(/assets/img/bg-educate.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.banner-style {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#banner .row {
    height: 300px;
}

.banner-about {
    background-image: url(/assets/img/banner-about-us.webp);
}

.atc-banner {
    background-image: url(/assets/img/atc-banner.webp);
}

.cnc-banner {
    background-image: url(/assets/img/cnc-banner.webp);
}

.tools-banner {
    background-image: url(/assets/img/tools-banner.webp);
}

.power-banner {
    background-image: url(/assets/img/power-banner.webp);
}

.banner-product {
    background-image: url(/assets/img/banner-produts.webp);
}

.banner-disk-type-magazine {
    background-image: url(/assets/img/banner-disk-type-magazine.webp);
}

.banner-chain-type-magazine {
    background-image: url(/assets/img/chain.webp);
}
.banner-vmc-chain-sidemount {
    background-image: url("https://placehold.co/933x284");
}
.banner-vmc-sm-armunit{
    background-image: url("https://placehold.co/933x284");
}
.banner-drum-type-magazine{
    background-image: url("https://placehold.co/933x284");
}

.banner-drill-type-magazine {
    background-image: url(/assets/img/tapping.webp);
}

.banner-umberlla {
    background-image: url(/assets/img/umberala.webp);
}

.banner-vmc-armlesstype-sm{
    background-image: url("https://placehold.co/933x284");
}

.banner-vmc-armless-chain{
    background-image: url("https://placehold.co/933x284");
}

.banner-hmc-disk {
    background-image: url(/assets/img/hmc-disk.webp);
}

.banner-hmc-chain {
    background-image: url(/assets/img/hmc-chain.webp);
}

.banner-hmc-chain-sm{
    background-image:url("https://placehold.co/933x284");
}

.banner-hmc-chain-tm{
    background-image:url("https://placehold.co/933x284");
}

.banner-hmc-chain-sm-pocket{
    background-image:url("https://placehold.co/933x284");
}

.banner-hmc-chain-sm-toolshifter{
    background-image:url("https://placehold.co/933x284");
}

.banner-hmc-chain-sm-ringtype{
    background-image:url("https://placehold.co/933x284");
}
.banner-hmc-chain-sm-swivel{
    background-image:url("https://placehold.co/933x284");
}

.banner-hmc-drum-sm{
    background-image:url("https://placehold.co/933x284");
}

.banner-hmc-drum-tm{
    background-image:url("https://placehold.co/933x284");
}

.banner-hmc-drum-sm-splitype{
    background-image:url("https://placehold.co/933x284");
}

.banner-umberlla-sm{
    background-image:url("https://placehold.co/933x284");
}

.banner-universal-type{
    background-image:url("https://placehold.co/933x284");
}
.banner-armunit-vmc{
    background-image:url("https://placehold.co/933x284");
}
.banner-armunit-hmc{
    background-image:url("https://placehold.co/933x284");
}
.banner-armunit-axis-vmc{
    background-image:url("https://placehold.co/933x284");
}

.banner-hmc-type {
    background-image: url(/assets/img/hmc-type.webp);
}

.banner-disk-type {
    background-image: url(/assets/img/disk-type.webp);
}

.banner-spilt-type {
    background-image: url(/assets/img/spilt-type.webp);
}

.banner-turn-mill {
    background-image: url(/assets/img/turn-mill.webp);
}

.banner-boring-machine {
    background-image: url(/assets/img/boring-machine.webp);
}

.banner-arm-unit {
    background-image: url(/assets/img/arm-unit.webp);
}

.banner-special-type {
    background-image: url(/assets/img/special-type.webp);
}

.banner-btp {
    background-image: url(/assets/img/btp.webp);
}

.banner-htp {
    background-image: url(/assets/img/htp.webp);
}

.banner-stp {
    background-image: url(/assets/img/stp.webp);
}

.banner-sqt {
    background-image: url(/assets/img/sqt.webp);
}

.banner-vertical-tool {
    background-image: url(/assets/img/vertical-tool.webp);
}

.banner-live-tool {
    background-image: url(/assets/img/live-tool.webp);
}

.banner-sales {
    background-image: url(/assets/img/banner-sales.webp);
}

.banner-phs {
    background-image: url(/assets/img/phs.webp);
}

.banner-pss {
    background-image: url(/assets/img/pss.webp);
}

.banner-p-series {
    background-image: url(/assets/img/cnc-system.webp);
}

.banner-cnc-system {
    background-image: url(/assets/img/pss.webp);
}

.banner-simualtor {
    background-image: url(/assets/img/simualtor.webp);
}

.banner-plc {
    background-image: url(/assets/img/plc.webp);
}

.banner-encoders {
    background-image: url(/assets/img/encoders.webp);
}

.banner-motors {
    background-image: url(/assets/img/motors.webp);
}

.banner-drivers {
    background-image: url(/assets/img/drivers.webp);
}

.banner-index {
    background-image: url(/assets/img/index.webp);
}

.banner-chucks {
    background-image: url(/assets/img/chucks.webp);
}


.banner-contact {
    background-image: url(/assets/img/banner-contact.webp);
}

.banner-infra {
    background-image: url(/assets/img/banner-infra.webp);
}

.banner-events {
    background-image: url(/assets/img/banner-news.webp);
}

.banner-blog {
    background-image: url(/assets/img/banner-blog.webp);
}

.banner-power {
    background-image: url(/assets/img/power.webp);
}

.banner-servo {
    background-image: url(/assets/img/servo.webp);
}

.banner-dual {
    background-image: url(/assets/img/dual.webp);
}

.banner-axial {
    background-image: url(/assets/img/axial.webp);
}

.banner-single {
    background-image: url(/assets/img/single.webp);
}
.banner-swivelling {
    background-image: url(/assets/img/swivelling.webp);
}
.banner-foot {
    background-image: url(/assets/img/foot.webp);
}
.banner-facemount {
    background-image: url(/assets/img/facemount.webp);
}
.banner-armless-gripping{
    background-image: url(/assets/img/products/atc/product-banner-gripper-type.webp);
}
.banner-armless-magazine{
    background-image: url(/assets/img/products/atc/product-banner-magazine-type.webp);
}
.banner-power-dtt{
    background-image: url(/assets/img/products/tool-turret/product-banner-dtt.webp);
}
.banner-power-dst{
    background-image: url(/assets/img/products/tool-turret/product-banner-dst.webp);
}
.banner-power-smta{
    background-image: url(/assets/img/products/tool-turret/product-banner-smt-a.webp);
}
.banner-power-smtr{
    background-image: url(/assets/img/products/tool-turret/product-banner-smt-r.webp);
}
.banner-power-dmt{
    background-image: url(/assets/img/products/tool-turret/product-banner-dmt-r.webp);
}
.banner-power-y-bmt{
    background-image: url(/assets/img/products/tool-turret/product-banner-y-axis-bmt.webp);
}


.spare .row,
.eee .row {
    height: 500px;
}

.news {
    font-size: 300px;
    color: #bedaea;
    font-weight: 800;
    font-style: italic;

}

.textarea:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: none;
    box-shadow: none;
    outline: none;
    border: 1px solid #000;
    background-color: #ffffff;
    font-weight: 400;

}

.textarea,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input:focus {
    border-color: none;
    box-shadow: none;
    outline: none;
    border: 1px solid #000;
    background-color: #ffffff;

}

.about-us-1 {
    height: 235px;
    object-fit: cover;
}

.about-us-2 {
    height: 235px;
    object-fit: cover;
}

.history-of-pragati {
    background-image: url(/assets/img/pragati-history.webp);
    background-size: 37%;
    background-repeat: no-repeat;
    background-position: right;
}

.infra img {
    height: 320px;
    object-fit: cover;
}

/* slick  */
.slick-prev::before, .slick-next::before{
    color: #4397c8 !important;
    top: -60px;
    
}
.slick-next, .slick-prev{
    top: 91%;
}
.slick-prev{
    left: 34%;
    z-index: 9999;
}
.slick-next{
    right: 34%;
    z-index: 9999;
}
.quote-blue{
    width: 75px;
    margin-top: -100px;
}

@media all and (max-width:768px){
    .quote-blue{
        display: none;
    }
    
    .hero-banner {
    height: 40vh !important;
}
.pr-banner-title {
        font-size: 26px !important;
        line-height: 30px !important;
    }
    .pr-banner-subtitle {
    font-size: 20px !important;
    letter-spacing: 3px !important;
}
.pr-banner-caption {
    top: 0px !important;
}

}


@media only screen and (max-width: 768px) and (min-width: 577px) {}

@media only screen and (max-width: 992px) and (min-width: 769px) {}

@media only screen and (max-width: 1200px) and (min-width: 993px) {}

@media only screen and (max-width: 1400px) and (min-width: 1201px) {}

@media only screen and (min-width: 1401px) {}

@media only screen and (max-width: 992px) {
    .the-story {
        background-image: none;
    }

    HTML,
    body {
        width: 100%;
        overflow-x: hidden;
    }

    .news {
        font-size: 230px;
    }

    .history-of-pragati {
        background-image: none;
    }

    li:not(:last-child) .nav-style {
        border-right: 0px solid #000;
    }
    line-blue {
    top: 14%;
    margin-left: 25%;
}
  
}

@media only screen and (max-width: 768px) {
    .logo {
        width: 180px;
    }

    .news {
        font-size: 100px;
    }

    /* .banner-disk-type-magazine {
        background-image: url(/assets/img/products/mobile/product-1.webp);
    } */
   
    .power-banner {
        background-image: url(/assets/img/powered-mobile.webp);
    }
    .atc-banner {
        background-image: url(/assets/img/atc-mobile.webp);
    }
    
    .cnc-banner {
        background-image: url(/assets/img/cnc-mobile.webp);
    }
    
    .tools-banner {
        background-image: url(/assets/img/tools-mobile.webp);
    }
      .banner-style {
        background-position: left center;
    }
    .line-blue {
    width: 100%;
    top: 10%;
    margin-left: 0%;
}
    
}

@media only screen and (min-width: 1400px){
.history-of-pragati {
    background-image: url(/assets/img/pragati-history.webp);
    background-size: 34%;

}
}


  .country-icon{
    width: 20px;
  }