@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Montserrat', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style: none;
}

a {
    outline: none;
}

a:hover {
    text-decoration: none;
}

.tophead {
    padding: 10px 0;
    background-color: #0096da;
}

.tophead i {
    font-size: 14px;
    color: #d7d7d7;
    margin-right: 14px;
}

.tophead .list i:hover {
    color: #faa41a;
}

.tophead .number {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #d7d7d7;
    letter-spacing: 1px;
    transition: all 0.2s;
    margin-right: 15px;
}

.tophead .number:hover {
    color: #faa41a;
}

.tophead .dot {
    color: #133046;
}

.btmhead {
    background-color: #fff;
}

.btmhead .navbar .nav-item {
    padding-left: 3px;
}

.btmhead .navbar .nav-item .nav-link {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #133046;
    font-weight: bold;
    text-transform: uppercase;
}

.btmhead .navbar .nav-item .nav-link:hover {
    color: #133046;
    border-bottom: 2px solid #e12222;
}

.btmhead .nav-link {
    display: inline;
}
.aaa{
    transition: 0.5s;
}
.aaa:hover .rrr{
    display: block;
    transition: 0.5s;
}
.rrr{
    display: none;
    transition: 0.5s;
}
.aaa .mtl-1{
    margin-top: 2.7rem;
}
.aaa .mtl-2{
    margin-left: 2rem;
}
.aaa .mtl-3{
    margin-top: 2.7rem;
    margin-left: 2rem;
}
.aaa .mtl-5{
    margin-top: 5.4rem;
    margin-left: 2rem;
}
.aaa .mtl-8{
    margin-top: 8.2rem;
    margin-left: 2rem;
}
.btmhead .navbar-light .navbar-nav .active .nav-link {
    color: #133046;
    border-bottom: 2px solid #e12222;
}

.btmhead .navbar .nav-item .nav-link:focus-visible {
    outline: none;
}

.btmhead .navbar-brand:focus-visible {
    outline: none;
}


.banner .change-content {
    font-family: 'Belleza', sans-serif;
    font-size: 80px;
    line-height: 84px;
    color: #fff;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.change-content::after {
    content: "";
    animation-name: changetext;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

@keyframes changetext {
    0% {
        content: "Polymers";
    }

    20% {
        content: "Les Polymères";
    }

    40% {
        content: "ポリマー";
    }

    60% {
        content: "聚合物";
    }

    80% {
        content: "Полимеры";
    }

    100% {
        content: "Polymeerit";
    }
}

.banner .carousel-caption {
    position: absolute;
    right: 0;
    bottom: 192px;
    left: 0;
    z-index: 10;
    text-align: center;
}

.banner .carousel-indicators li {
    padding: 5px;
    width: 2px;
    border-radius: 4px;
    margin-right: 5px;
}

.carousel-indicators .active {
    background-color: #faa41a;
}

.steel {
    padding: 70px 0;
    background-color: #a4a4a433;
}

.steel h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16PX;
    line-height: 20PX;
    color: #faa41a;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.steel h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    line-height: 40px;
    color: #03358b;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.steel .box2 p {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-transform:inherit;
    margin-bottom: 15px;
	text-align:justify;
}

.steel .btn49 {
    padding: 15px 30px;
    background-color: #0a1d2de6;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    transition: all 0.7s;
    font-weight: 700;
    letter-spacing: 1px;
}

.steel .btn49:hover {
    background-color: #faa41a;
}

.steel .and {
    margin-left: 5px;
}

.steel .media img {
    background-color: #133046;
}

.steel .media h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #faa41a;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 7px;
}

.steel .media p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #616263c7;
    text-transform: capitalize;
}

.steel .media {
    margin-bottom: 20px;
}

.steel .box3 {
    position: relative;
    overflow: hidden;
}

.steel .box3:hover .overlayy {
    opacity: 1;
}

.steel .overlayy {
    position: absolute;
    background-color: #00000096;
    padding: 62px 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 161px;
    transition: all 0.7s;
    text-align: center;
    opacity: 0;
}

.steel .overlayy h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 28px;
}

.steel .overlayy p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-transform: capitalize;
}

.steel .left a {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #616263c7;
}

.steel .left i {
    margin-right: 5px;
    color: #faa41a;
}

.steel .btn77 {
    padding: 15px 30px;
    background-color: #133046;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    transition: all 0.7s;
}

.steel .btn77:hover {
    background-color: #faa41a;
    transition: all 0.3s ease-in-out;
    outline: 0;
}

.steel h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    line-height: 50px;
    color: #133046;
    font-weight: 700;
    letter-spacing: 1px;
    
    text-align: center;
    position: relative;
    top: 71px;
    background-color: #0000001c;
    border-radius: 3px;
    padding: 10px 0;
}

.new {
    padding: 60px 0;
    background-color: #fff;
}

.new h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 44px;
    color: #133046;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.new .box {
    margin-top: 40px;
    text-align: left;
}

.new img {
    width: 100%;
}

.new .box h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #133046;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-top: 20px;
    margin-bottom: 10px;
}

.new .box p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #616263c7;
    text-transform: capitalize;
}

.new .box .btn {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #ff5e14;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize;
    position: relative;
    left: -15px;
    top: 10px;
}

.new .box .btn i {
    margin-left: 5px;
}

.new .box .btn:focus {
    box-shadow: none;
}

.new .box .btn:hover {
    color: #133046;
}

.time {
    padding: 30px 0;
    background-image: url(../images/map7.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 60%;
    background-color: #0663af;
    background-attachment: fixed;
}

/*********
**********/
.time .counter {
    border-radius: 50%;
    padding: 40px 47px;
    position: relative;
    left: -58px;
    top: 22px;
}

.time h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    line-height: 44px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}

.time p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 1px;
    color: #000;
    margin-top: 10px;
}

.time .btn47 {
    padding: 15px 30px;
    background-color: #0a1d2de6;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    transition: all 0.7s;
    font-weight: 700;
    letter-spacing: 1px;
}

.time .btn47:hover {
    background-color: #faa41a;
}

.time .count-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 44px;
    color: #0a1d2d;
    letter-spacing: 1px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.time .count-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.company {
    background-color: #8e8e8e;
}

.company .box7 {
    column-count: 2;
    column-gap: 1px;
}

.company .suba-text h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #133046;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-top: 20px;
    margin-bottom: 10px;
}

.company .suba-text p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #000000c7;
    margin-bottom: 30px;
}

.company .suba-text h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #133046;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-top: 20px;
    margin-bottom: 10px;
}

.company2 .box8 {
    column-count: 2;
    column-gap: 1px;
}

.company2 .suba {
    position: relative;
    overflow: hidden;
}

.company2 .suba:hover .overlay {
    background-color: #00000091;

}

.company2 .suba:hover .overlay .arrow {
    opacity: 0;
}

.company2 .suba:hover .overlay p {
    opacity: 1;
    margin-top: -34px;
}

.company2 .suba .overlay {
    position: absolute;
    background-color: #faa41a;
    padding: 100px 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.5s;
}

.company2 .suba .overlay h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-top: 20px;
    margin-bottom: 40px;
}

.company2 .arrow {
    color: #fff;
    font-size: 20px;
    transition: all 0.7s;
}

.company2 .suba .overlay p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 30px;
    opacity: 0;
    transition: all 1s;
}

.company2 .suba2 {
    position: relative;
    overflow: hidden;
}

.company2 .suba2:hover .overlay2 {
    background-color: #000000a8;
}

.company2 .suba2:hover .overlay2 .arrow {
    opacity: 0;
}

.company2 .suba2:hover .overlay2 p {
    opacity: 1;
    margin-top: -34px;
}

.company2 .suba2 .overlay2 {
    position: absolute;
    background-color: #0096da;
    padding: 100px 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.5s;
}

.company2 .suba2 .overlay2 h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-top: 20px;
    margin-bottom: 40px;
}

.company2 .arrow {
    color: #fff;
    font-size: 20px;
    transition: all 0.7s;
}

.company2 .suba2 .overlay2 p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 30px;
    opacity: 0;
    transition: all 1s;
}

.aproduct {
    padding: 30px 0;
    background-color: #fff;
    position: relative;
    margin-top: 20px;
}

.aproduct h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    line-height: 34px;
    color: #0096da;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.aproduct h2::after {
    position: absolute;
    content: "";
    background-color: #616263c7;
    width: 2px;
    height: 124px;
    top: 0;
    left: 568px;
}

.aproduct p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #616263c7;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.bproduct {
    column-count: 4;
    column-gap: 0;
}

.bproduct img {
    width: 100%;
    transition: all 0.9s;
}

.bproduct .box11-img {
    position: relative;
    overflow: hidden;
}

.bproduct .box11-img:hover img {
    transform: scale(1.2);
}

.bproduct .box11-img:hover .overlay7 {
    opacity: 1;
}

.bproduct .overlay7 {
    position: absolute;
    background-color: #000c;
    padding: 100px 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.5s;
    opacity: 0;
}

.bproduct .overlay7 h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    line-height: 30px;
    color: #faa41a;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-top: 20px;
    margin-bottom: 40px;
}

.clint {
    background: url(../images/map.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0;
    text-align: center;
}

.clint h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    line-height: 22px;
    color: #133046;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 40px;
}

.clint p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #000000c7;
    text-transform: capitalize;
    margin-bottom: 70px;
}

.clint img {
    margin-bottom: -2px;
    background-color: #000000ba;
    margin-left: 30px;
    transition: all 0.7s;
}

.clint img:hover {
    box-shadow: 0 0 10px;
    box-sizing: border-box;
    transform: scale(1.1);
}

.company7 {
    background-color: #0096da;
    padding: 30px 0;
}

.company7 h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 40px;
    text-align: center;
}


footer {
    padding: 50px 0;
    background: url(../images/footer-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

footer p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 15px;
    width: 80%;
    margin-left: 70px;
    
}
footer h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    letter-spacing: 1px;
    font-weight: 700;
    margin-bottom: 24px;
}

.drop li {
    padding-bottom: 10px;
}

.drop li i {
    margin-right: 20px;
    color: #fff;
    font-size: 18px;
    padding: 5px 8px;
    background-color: #faa41a;
    transition: all 0.7s;
}

.drop li i:hover {
    transform: rotate(-360deg);
}

.drop li a {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    color: #fff;
}

.drop li a:hover {
    color: #959595;
}

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

.sub-footer {
    padding: 20px 0;
    background-color: #061e30;
    border-top: 1px solid rgb(143, 143, 143);
}

.sub-footer h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    letter-spacing: 1px;
}


/*****************
Aboutus Page
*******************/
.banner2 {
    background-image: url(../images/banner2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 130px 0;
}

.banner2 h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}

.help {
    padding: 60px 0;
    background-color: #6a656533;
}

.help h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 50px;
    color: #faa41a;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 24px;
}

.help p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #616263c7;
    margin-bottom: 30px;
}

.help .left {
    margin-bottom: 50px;
}

.help .left i {
    margin-right: 5px;
    color: #faa41a;
}

.help .right i {
    margin-right: 5px;
    color: #133046;
}


.help .left a {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #616263c7;
}

.help .right a {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #616263c7;
}

.help .btn77 {
    padding: 15px 30px;
    background-color: #faa41a;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    transition: all 0.7s;
}

.help .btn77:hover {
    background-color: #133046;
}

.help .btn78 {
    padding: 15px 30px;
    background-color: #133046;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    transition: all 0.7s;
}

.help .btn78:hover {
    background-color: #faa41a;
}

.help h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    line-height: 50px;
    color: #133046;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    text-align: center;
    position: relative;
    top: 70px;
}

/******************
Product page
******************/
.box97 {
    margin-top: 30px;
}

.box97-img {
    overflow: hidden;
}

.box97-img img {
    width: 100%;
    transition: all 1s;
}

.box97:hover .box97-img img {
    transform: scale(1.1);
}

.box97-text {
    padding: 20px 0;
    background-color: #ccc;
}

.box97-text h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #133046;
    font-weight: 700;
    letter-spacing: 1px;
}

.call {
    background-image: url(../images/g1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
    background-attachment: fixed;
}

.call h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 44px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 50px;
}

.call .btn99 {
    padding: 15px 30px;
    background-color: #133046;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.7s;
    letter-spacing: 1px;
}

.call .btn99:hover {
    background-color: #ff5e14;
}

/*******************
Contact page
*******************/
.contact {
    padding: 50px 0;
}

.contact .dive {
    background-color: #ff5e14;
    padding: 30px 50px;
    box-shadow: 0 0 6px;
    box-sizing: border-box;
}

.dive h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    line-height: 34px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.dive h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    line-height: 26px;
    color: #fff;
}

.dive p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}

.dive i {
    color: #fff;
    font-size: 30px;
    margin-right: 15px;
}

.hive h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    line-height: 34px;
    color: #133046;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.hive p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #133046;
    margin-bottom: 30px;
}

label {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #133046;
}

button {
    padding: 15px 30px;
    background-color: #133046;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.7s;
    letter-spacing: 1px;
}

button:hover {
    background-color: #faa41a;
}

.contact .media {
    transition: all 0.2s;
}

.contact .media:hover {
    background-color: #133046;
}

/******************
Gallery
*******************/
.tab7 {
    padding: 80px 0;
}

.tab7 .nav {
    margin-left: 380px;
}

.tab7 .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #133046;
    padding: 15px 30px;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
}

.tab7 .nav-link {
    display: inline-block;
    padding: 15px 30px;
    color: #133046;
    border: 2px solid #133046;
    margin-right: 15px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
}

.tab7 .nav-link:hover {
    color: #133046;
}

/******************
Facilities
*******************/
.source {
    background-image: url(../images/ss.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
}

.source h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    line-height: 34px;
    color: #133046;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.source p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #4d4d4d;
    margin-bottom: 90px;
}

.source .btn95 {
    padding: 15px 30px;
    background-color: #133046;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.7s;
    letter-spacing: 1px;
}

.source .btn95:hover {
    background-color: #ff5e14;
}

/***********************
about us page
************************/

.banner2 {
    background-image: url(../images/about-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 150px 0;
}

.street {
    padding: 70px 0;
}

.street h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 44px;
    color: #0096da;
    letter-spacing: 1px;
    font-weight: 700;
    margin-left: 20px;
}

.street p {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #000000;
    margin-bottom: 10px;
    margin-top: 20px;
    margin-left: 20px;
	text-align: justify;
}

.street p i {
    font-size: 14px;
    color: #b7b7b7;
    margin-right: 5px;
}
/***********************
clients page
************************/

.banner-clients {
    background-image: url(../images/clients-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 150px 0;
}

.banner-clients h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}



/***********************
product us page
************************/
.new {
    padding: 60px 0;
    background-color: #fff;
}

.new h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 44px;
    color: #133046;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.new .box {
    margin-top: 40px;
    text-align: left;
}

.new img {
    width: 100%;
}

.new .box h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #133046;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-top: 20px;
    margin-bottom: 10px;
}

.new .box p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #616263c7;
    text-transform: capitalize;
}

.new .box .btn {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #ff5e14;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize;
    position: relative;
    left: -15px;
    top: 10px;
}

.new .box .btn i {
    margin-left: 5px;
}

.new .box .btn:focus {
    box-shadow: none;
}

.new .box .btn:hover {
    color: #133046;
}

.call {
    background-image: url(../images/g1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
    background-attachment: fixed;
}

.call h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 44px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 50px;
}

.call .btn99 {
    padding: 15px 30px;
    background-color: #133046;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.7s;
    letter-spacing: 1px;
}

.call .btn99:hover {
    background-color: #faa41a;
}

/***********************
gallery page
************************/

.campas-grid-gallery {
    padding: 50px 0;
}

.campas-gallery-menu {
    margin-bottom: 65px;
}

.campas-gallery-menu li {
    float: left;
    padding-right: 35px;
    padding-bottom: 5px;
    position: relative;
}

.campas-gallery-menu .campas-text-active:before {
    background-color: #019f57;
}

.campas-gallery-menu li:before {
    position: absolute;
    content: '';
    top: 27px;
    right: 0;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 65px;
    height: 2px;
    background-color: transparent;
    display: inline-block;

}

.campas-gallery-menu li:hover:before {
    background-color: #019f57;
}

.campas-gallery-menu li a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #74757f;
}

.campas-gallery-menu li a:hover {
    color: #29293a;
}

.campas-gallery-menu .active {
    color: #29293a;
}

.campas-gallery-img {
    position: relative;
    margin-bottom: 40px;
}

.campas-gallery-img img {
    width: 100%;
}

.campas-gallery-hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    padding: 120px 45px;
    transform: scale(0.8);
    transition: all 0.3s ease;
    opacity: 0;
    text-align: center;
}

.campas-gallery-hover:hover {
    opacity: 1;
    transform: none;
    
}

.campas-gallery-hover h2 {
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    margin-top: 43px;
    letter-spacing: 1px;
}

.campas-gallery-hover h3 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #ecebeb;
    cursor: pointer;
}

/***********************
contact page
************************/

.contact-icons {
    margin: 60px 0;
}

.contact-text:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #efeded;
    width: 2px;
    height: 103px;
}

.contact-icons a {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #000000;
    display: block;
}

.contact-icons a:hover {
    color: #faa41a;
    cursor: pointer;
}

.contact-icons i {
    font-size: 30px;
    color: #133046;
    padding-bottom: 10px;
}

.contact-contact-us {
    padding: 60px 0;
    background-color: #f6f6f6;
}

.contact-contact-us h2 {
    padding-bottom: 50px;
    font-size: 36px;
    line-height: 1.3;
    color: #151515;
    font-weight: 300;
    font-family: "Work Sans";
}

.form-control {
    height: 50px;
}

.contact-message {
    padding-bottom: 40px;
}

.contact-posts-button1 {
    border-radius: 6px;
    padding: 14px 24px;
    font-size: 14px;
    background-color: #019f57;
    text-align: center;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 400;
    font-family: 'Oswald';
    text-transform: uppercase;

}

.contact-posts-button1:hover {
    background-color: #151515;
    color: #fff;
}

.form-label-outside {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #133046;
}

.contact-contact-us .btn {
    background-color: #133046;
    padding: 14px 28px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    border-radius: 0;
    letter-spacing: 2px;
    margin-right: 5px;
}

.contact-contact-us .button2 {
    background-color: transparent;
    border: 1px solid #faa41a;
    color: #000;
    margin-left: 5px;
}

.contact-contact-us .button2:hover {
    background-color: #000f08;
    color: #fff;
    border: 1px solid #000f08;
}

.contact-contact-us .btn:hover {
    background-color: #faa41a;
}

.contact-contact-us .button2 img {
    margin-right: 5px;
}

.contact-contact-us span {
    font-size: 16px;
    font-weight: 400;
    color: #aeb1be
}

/***********************
partner page
************************/

.banner-partner {
    background-image: url(../images/become-partner-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 150px 0;
}
.banner-partner h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 44px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 50px;
}


/* my css start */

************************/

.dropbtn {
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
  }
  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    width: 260px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 111111111111;
    margin-top: 5px;
    font-size: 15px;
  }
  
  .dropdown-content a {
    color: black;
    padding: 8px 0 8px 15px;
    text-decoration: none;
    display: block;
  }.aaa .mtl-1
  
  .dropdown-content a:hover {
    background-color: #ddd;
    border-bottom: 2px solid #2c58a5;}
   
  .dropdown:hover .dropdown-content {
    display: block;
}
.sub-submenu{
    position: absolute;
    left: 250px;
    width: 100%;
    top: 0;
    background:  #f1f1f1;
     opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
    z-index: 2;
    }
    .dropdown li:hover .sub-submenu{
    
    left: 200px;
    background:  #f1f1f1;
    opacity: 1;
    visibility: visible;         
}


/* extreme */
.extreme-nav
{
    padding: 50px 0 20px 0;
    margin-left: 19px;
}
.extreme-nav ul li
{
 list-style: none;
 display: inline-block;
}
.extreme-nav ul li a
{
    text-decoration: none;
    color: #656565;
    font-weight: 600;
}

.extreme-h h1
{
    font-family: Mulish,sans-serif;
    color: #025e80;
    font-size: 35px;
    font-weight: 800;
    border-bottom: solid 1px #025e80;
    padding-bottom: 20px;
    position: relative;
}
.extreme-h h1::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100px;
    height: 1px;
    background: #f6bf05;
    content: "";
}
.extreme-h p {
    text-align: left;
    color: #656565;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    padding-top: 20px;
}

.tfg
{
    padding: 50px 0;
}


.tfg ul 
{
    border-left:1px  solid #000;
    padding-left: 10px;
}
.tfg ul li a
{
    text-decoration: none;
    color: #656565;
    font-weight: 600;
    font-size: 14px;
    margin-top: 10px;
    display: block;
}
.tfg .col-md-6 h4 {
    color: #005e80;
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    margin-top: 0;
    font-family: Mulish,sans-serif;
}
.tfg .col-md-6 h5{
    font-family: 'Open Sans',sans-serif;
    color: #656565;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 20px;

}
.tfg .col-md-6 ul 
{
    border-left: none;
    margin-top: 20px;
}
.tfg .col-md-6 ul li
{
    list-style: disc;
}
.success-stories h1
{
    border-bottom: 1px solid rgb(174, 174, 174);
    width: 100%;
    padding-bottom: 50px;
}
.success-stories .row
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.success-stories .row .col-md-6 p:nth-child(4)
{
    border-bottom: 1px solid rgb(174, 174, 174);
    width: 100%;
    padding-bottom: 50px;
}

.inddstry h3
{
font-family: Mulish,sans-serif;
color: #025e80;

font-weight: 800;
border-bottom: solid 1px #025e80;
padding-bottom: 20px;
position: relative;
}
.inddstry h3::after
{
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100px;
    height: 1px;
    background: #f6bf05;
    content: "";
}
.img-fluid-2
{
    width: 70%;
}
.BLOGs p:nth-child(2)
{
    font-size: 12px;
    font-weight: 700;
    color: #005e8b;
    text-transform: uppercase;
    line-height: 24px;
    margin-top: 10px;
}
.BLOGs h5
{
    color: #656565;
    font-weight: 600;
    margin-top: 15px;
}
.BLOGs p:nth-child(4)
{
    font-size: 13px; 
    margin-top: 30px;  
}

/* ------------------start counting ---------------------------------- */
.count-area {
    position: relative;
    background: url(../images/counting.png);
    text-align: center;
    color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: center;
  }
  .count-area-content {
    margin-top: 30px;
  }
  .count-area i {
    font-size: 48px;
  }
  .count-digit {
    margin: 20px 0px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-size: 50px;
  }
  .count-title {
    font-size: 20px;
  }
/* my css end */

/*****************
Vision Page
*******************/
.banner-vision {
    background-image: url(../images/banner2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 130px 0;
}

.banner-vision h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}
/*****************
Mission Page
*******************/
.banner-mission {
    background-image: url(../images/banner-mission.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 130px 0;
}

.banner-mission h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}
/*****************
purpose Page
*******************/
.banner-purpose {
    background-image: url(../images/banner-purpose.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 130px 0;
}

.banner-purpose h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}
/*****************
Chairman Page
*******************/
.banner-chairman {
    background-image: url(../images/banner-chairman.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 130px 0;
}

.banner-chairman h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}
/*****************
people Page
*******************/
.banner-people {
    background-image: url(../images/banner-people.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 130px 0;
}

.banner-people h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}
/*****************
business-principal Page
*******************/
.banner-business {
    background-image: url(../images/banner-business.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 130px 0;
}

.banner-business h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}
/*****************
business-principal Page
*******************/
.banner-coc {
    background-image: url(../images/banner-coc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 130px 0;
}

.banner-coc h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}
/*****************
Diversity Page
*******************/
.banner-Diversity {
    background-image: url(../images/banner-Diversity.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 130px 0;
}

.banner-Diversity h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}
/*****************
cleaner energy Page
*******************/
.banner-cenergy {
    background-image: url(../images/banner-cenergy.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 130px 0;
}

.banner-cenergy h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}
/*****************
certificate Page
*******************/
.banner-certificate {
    background-image: url(../images/banner-certificate.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 130px 0;
}

.banner-certificate h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}
/*****************
Industry Page
*******************/
.banner-industry {
    background-image: url(../images/banner-industry.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 130px 0;
}

.banner-industry h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}
/*****************
Success Stories Page
*******************/
.banner-ss {
    background-image: url(../images/banner-ss.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 130px 0;
}

.banner-ss h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}
/*****************
career Page
*******************/
.banner-career {
    background-image: url(../images/banner-career.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 130px 0;
}

.banner-career h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}