body, h1, h2, h3, h4, h5, h6, a {} .page-header h1 {line-height: 1.4;} /* .site-logo i{color: #000;position: absolute;top: 10%;right: 33%;transform: translateX(-10px);} */ .header-social .header-social-link{transition: 0.45s;} .header-social .header-social-link:hover{background-color: #0e4a86;} .page-header { padding-bottom:0; } .page-header .header-content { top: 35%; } .copyText { display: flex !important; font-size: 13px; justify-content: space-between; width: 100% !important; } .site-header .container { width: 100%; padding: 0 30px; } .updatesInner span:nth-child(2) {display: none;} .home-section-three-inner .cycle-slideshow li figcaption { padding: 0 20px; } .cta.button.arrow-right.seeDetail.readMore.ButtonPLAY.videobtn { display: none; } .cycle-slideshow .slick-prev.slick-arrow { display: inline-block; position: absolute; left: 37% !important; top: 60px; left: 50%; font-size:34px; z-index: 100; cursor: pointer; transform: translate(-50%, -50%); } .cycle-slideshow .slick-next.slick-arrow { display: inline-block; position: absolute; font-size:34px; left: 63% !important; top: 60px; z-index: 100; cursor: pointer; left: 50%; transform: translate(-50%, -50%); } .services-slider a:nth-child(8) h3 {color:#000;} .home-section-three-inner .cycle-slideshow li figure img{height: 90px; width: 90px; object-fit: contain; object-position: top;} /*.ourReachSection .MapImg figure figcaption .mapText .tooltip .tooltiptext p.mapPara {display:none;}*/ .playIcon.videobtn.abbsbtn { background-color: #0f4b86; border-radius: 10px; padding: 11px 26px 11px; color: #fff; vertical-align: middle; font-size: 1rem; font-weight: 400; line-height: 23px; display: inline-block; } .sec-2 { padding: 100px 0px 0px; position: relative; z-index: 0; } .playIcon span { border: 1px solid #fff; border-radius: 9px; padding: 4px 9px; font-size: 14px; position: relative; top: 1px; left: 6px; } .abbsbtn span { } .abbsbtn i { } .abbsbtn:hover { background-color:#000; } .playIcon.abb-btn { padding: 1rem 2rem; font-size: 1rem; } .cl-div { margin-top:10px; } .cl-btn { background: #52b74a; color: #fff; padding: 8px 20px 8px 20px; font-size: 16px; font-weight: 500; } .f-wrapper { background: #144d84 url('https://dev.imagiacian.com/zishanengg/public/assets_frontend/img/contact.png')no-repeat 0 0; padding:70px 0 20px; } .f-wrapper iframe {border:4px solid #000!important;} .f-wrapper .form-control { background-color: #f1f1f1; border: 1px solid #237fb0; color: #000; opacity: 1; font-weight: 500; } .testmDv { position: absolute; bottom: 70px; left: 50%; z-index: 10; transform: translateX(-50%); } .testmDv a { background-color: #000; border-radius: 0; color: #fff; padding: 10px 19px; font-size: 16px; } .testmDv span { -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .testmDv a:hover > span { -webkit-transform: translateX(-0.5rem); transform: translateX(-0.5rem); } .testmDv a i { color: #fff; margin-left: 5px; } .f-wrapper ::placeholder{ opacity:1; } .f-wrapper .btn.btn-default.btn-send { background: #000; border: none; color: #fff; padding: 9px 19px 8px; border-radius: 4px; cursor: pointer; } .banner.turning h2 {position:relative;} .banner.turning p { position:absolute;top:4px; font-size:13px;margin-left:5px!important; } .OurProjects-cycle h2 { margin-bottom: 0; } .icons { display: inline-block; background: url('https://dev.imagiacian.com/zishanengg/public/assets_frontend/img/sec2Icon.png')no-repeat right bottom; width: 42px; height: 47px; position: absolute; bottom: 34px; transform: rotate(537deg); margin-left: 4px; right:0; } .caption3 { } .widget:nth-child(3) {display:none;} .modal-content iframe { width: 100%; height: 500px; object-fit: contain; object-position: top; } .right-Logo figcaption { /*min-height:47px;*/ } .right-Logo figcaption a { } .ourReachSection .MapImg figure figcaption .mapText .tooltip .tooltiptext strong { } .bg-white .timeline h3:before {content:none;} .bg-white .timeline h3:after {content:none;} .bg-white .timeline h3 {position: static !important; transform: none; text-align: left; padding: 0; font-size: 25px;} .it-right {position:relative;} .bg-white .timeline {max-width:1000px;margin-bottom: 50px; } .bg-white.history p { } .bg-white.history p { font-size:17px!important; max-width:900px; margin-left:auto; margin-right:auto; margin-bottom:30px; } .two-column-gallery-text p span { font-size: 18px !important; font-weight: 500 !important; line-height: 1.6 !important; display: block; } .sectorSection .row .left-Chemical-name ul li a p { line-height: 1.4!important; font-size: 15px!important; } .left-Chemical-name .ms-hover { margin-bottom:30px!important; } .sectorSection .row .right-Logo ul li figure { width: 95px; height: 95px; border-radius: 50%; text-align: center; border: 3px solid #4d97e0; padding: 6px 10px; margin: 0 auto 10px; line-height: 100px; } .right-Logo img { height: 78px; object-fit: contain; width: 60px; object-position: center center; } .tabArea {position:relative;} .your-class { overflow: hidden; } .tabPnl2 { margin-bottom: 50px; } .scroll_svg { z-index: 100; cursor: pointer; } .slick-slide { display: inline-block; } .site-header.sth.fixed .site-logo.slog h3 { top: 20px; left: 80%; text-align: left;} .site-header.sth.fixed .site-logo img { width: 58px !important; left: 13% !important;} .header-social-link:hover i{color: #fff;} .page-header .containerCaption { padding: 15px; border-radius: 6px; } .page-header .content{ max-width:64.125rem; } .page-header .content h2 { } .slider-scroll{z-index: 999;} .page-header .header-content .containerCaption p {font-size: 20px;margin-top: 40px;} .page-header .header-content .containerCaption p i {font-size: 21px;vertical-align:top;} .cta span{text-transform: capitalize;} .playIcon {background: #78c3eb; padding: 12px 15px 12px 20px; vertical-align: middle;transition: 0.45s;cursor: pointer;margin-left: 5px;} .playIcon span{} .playIcon:hover{background-color: #0f4b87;color:#fff;} /* .mainPg h2{font-size: 38px;}*/ .scroll_svg{display: none!important;} /* OUTER CONTAINER */ .tcontainer { width: 100%; overflow: hidden; margin-top: 8%; /* Hide scroll bar */ } /* MIDDLE CONTAINER */ .ticker-wrap { width: 100%; padding-left: 100%; /* Push contents to right side of screen */ background-color:inherit; } /* INNER CONTAINER */ @keyframes ticker { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } } .ticker-move { /* Basically move items from right side of screen to left in infinite loop */ display: inline-block; white-space: nowrap; padding-right: 100%; animation-iteration-count: infinite; animation-timing-function: linear; animation-name: ticker; animation-duration: 20s; } .ticker-move:hover{ animation-play-state: paused; /* Pause scroll on mouse hover */ } /* ITEMS */ .ticker-item{ display: inline-block; /* Lay items in a horizontal line */ padding: 0 1rem; } .ticker-move li i{ font-size: 10px;vertical-align: middle;color: #fab90a; margin-right: 4px; } .ticker-move li a{color: #fff;text-transform: uppercase;font-size: 14px;} .ticker-move li:hover a{border-bottom: 1px solid #fab90a;} .services-slider .swiper-slide strong{background: #fff;color: #fff;padding: 28px 62px;line-height: 25px;font-size: 13px;} .tabSection{padding-bottom: 50px;padding-top: 80px;} .tabSection h2{text-align: center;} .tabSection .tabArea .tabPnl{display: none;} .tabsWrapper .devTab ul{border-bottom: 1px solid #ccc;padding-left: 0;text-align: center;} .tabsWrapper .devTab ul li{display: inline-block;margin:0 12px;} .tabsWrapper .devTab ul li a.active{border-bottom: 3px solid #039ed3;padding-bottom: 14px;} .tabsWrapper .devTab ul li:nth-child(8){margin-right: 0;} .tabsWrapper .devTab ul li a{display: inline-block;color: #4e6e9a;font-size: 16px;font-weight: 600;position: relative;} /*.tabsWrapper .devTab ul li a::before{content: "";border-bottom: 3px solid transparent;position: absolute;bottom: -16px;left: 0;right: 0;} .tabsWrapper .devTab ul li:hover a::before{border-bottom: 3px solid #039ed3;}*/ .tabArea .tabpnl{overflow: hidden;} .tabArea{width: 98%;margin: 30px auto auto;} .your-class{display: block;} .your-class .innerWrapper{padding: 0 10px 0 10px;} .your-class a{margin: 0 15px 15px 0;width: 22%;} .your-class figure{position: relative;width: 100%;margin: 0;} .your-class figure figcaption{width: 100%; left: 0;position: absolute;padding: 0 20px;top: 0;z-index: 999;color: #fff;} .your-class figure figcaption:before{ content: "";background: -moz-linear-gradient(to top, rgba(28, 28, 28, 0) 60%,rgba(0,0,0, 0.9) 100%);background: -webkit-linear-gradient(to top, rgba(28, 28, 28, 0) 60%,rgba(0,0,0, 0.9) 100%);background: linear-gradient(to top, rgba(28, 28, 28, 0) 12%,rgba(0,0,0, 0.9) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00656460', endColorstr='#a6656460',GradientType=0 );position: absolute;top: 0;left: 0; right: 0;display: block;height: 100%;width: 100%;} .slick-slide{padding-right:0px;} .your-class figure figcaption h3{font-size: 20px;margin-bottom: 5px;position: relative;} .your-class figure figcaption p{font-size: 14px;} .btn{text-align: center;margin-top: 0px;} .seeDetail{background-color: #52b74a;border-radius: 0;color: #fff;padding: .9375rem 1.875rem;} .your-class figure img{width: 100%;object-fit: cover;height: 370px;} .btn .seeDetail i{color: #fff;margin-left: 5px;} .tabArea .slick-prev{position: absolute;left: 0;transform: translateX(-50px);color:#4694df;top: 47%;font-size: 28px;cursor: pointer;} .tabArea .slick-next{position: absolute;right: -4%;color:#4694df ;top: 47%;font-size: 28px;cursor: pointer;} /*===TwoSectionPart-About-Us===*/ .TwoSectionPart-About-Us .column-One .part-About { margin-top: 66px; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade { opacity: 1; transition: opacity .56s linear; } .cl-ul { } .TwoSectionPart-About-Us{padding:50px 0 0px 0;} .TwoSectionPart-About-Us .column-One{width: 50%;display: inline-block;} .TwoSectionPart-About-Us .column-One .part-About{} .TwoSectionPart-About-Us .column-One .part-About .text-about-us{padding-right: 67px;} .TwoSectionPart-About-Us .column-One .part-About .text-about-us strong{font-weight: 600;font-size: 18px;} .TwoSectionPart-About-Us .column-One .part-About .text-about-us p {font-weight: 400; font-size: 16px; margin: 13px 0 12px;} .text-about-us .about-Btn{} .text-about-us .about-Btn a{margin-right: 15px;} .text-about-us .about-Btn .readMore{padding: 12px 50px;} .about-Btn i{color: #fff;margin-left: 5px;} .about-Btn i.fa-play{color: #fff;margin-left: 0px;font-size: 28px;} .text-about-us .about-Btn .ButtonPLAY{background-color: #0f4b86;border-radius: 10px;padding: 8px 75px;vertical-align: middle;} .featured-projects {padding-bottom:100px;} .OurProjects-cycle { margin-top: 20px; } .column-Two {width: 49%;display: inline-block;position: relative;vertical-align: top;} .column-Two h2.centrHeading{text-align: center; margin-bottom: 0; font-size: 32px; line-height: 43px; text-transform: capitalize;} .home-section-three-inner{background-color: #f2f9f1; padding-top: 30px; padding-bottom: 50px; min-height: 570px;} .home-section-three-inner .cycle-slideshow{ margin-top: 0;padding: 0; text-align: center; } .home-section-three-inner .cycle-slideshow > li{padding: 70px 65px 90px;} .home-section-three-inner .cycle-slideshow li {display: block;list-style: none;} .home-section-three-inner .cycle-slideshow li figure{ width: 150px; object-fit: cover; margin: 10px auto 40px; height: 63px; } .home-section-three-inner .cycle-slideshow li figure img { height:80px; object-fit: contain; width: 80px; margin: 0 auto; } .home-section-three-inner .cycle-slideshow li figcaption{position: relative;text-align: center;} .home-section-three-inner .cycle-slideshow li figcaption h3{color: #000; font-size: 17px; margin: 0; display: block; font-weight: 600;} .home-section-three-inner .cycle-slideshow li figcaption span{color: #000; font-size: 14px; margin: 0;} .home-section-three-inner .cycle-slideshow li figcaption p { font-size: 16px; margin:0 30px 20px; font-weight: 500; } .home-section-three-inner .cycle-slideshow li figcaption p img{position: absolute; top: -25px; left: 65px; transform: translateX(-50px);} .home-section-three-inner .prev1, .home-section-three-inner .next1{ cursor: pointer; position: absolute;transform: translateX(-50%); padding: 0; background: transparent; color:#9bbde0; font-size: 40px;top: 40%;z-index: 999; } .home-section-three-inner .prev1:hover, .home-section-three-inner .next1:hover{color:#f7d73a ; } .home-section-three-inner .prev1{left: 32%;} .home-section-three-inner .next1{right: 32%;} .column-Two .home-section-three-inner .colInner-box{margin: 0 auto;} .home-section-three-inner .cycle-pager { bottom:19px; right:0; left:0; margin:0 auto; position:absolute; text-align:center; max-width:150px; z-index:100; } .home-section-three-inner .cycle-pager span { width: 10px; height: 10px; display: inline-block; vertical-align: middle; cursor: pointer; font-size: 0px;border-radius: 50%; margin: 4px; text-align: center; background-color: #bcbcbc; position: relative;} .home-section-three-inner .cycle-pager span.cycle-pager-active { margin: 4px 6px; background: #5385b7; height: 10px; width: 10px;} .home-section-three-inner .cycle-pager > * { cursor: pointer;} .activeLi .number-order{color: #fff;} .activeLi .text-box h3{color: #fff;} .featured-projects .IconImg{} .featured-projects .IconImg img{position: absolute;left: 4%;bottom: 10px;} .featured-projects .project-name{padding-left: 30px;} .featured-projects .number-order{font-size: 25px;position: absolute;right: 0;color: #95c0ea26;transform: translateX(61%);width: 15px;} .featured-projects .text-box h3{font-size: 18px;} .featured-projects ul{padding: 0 0 20px !important;} .featured-projects .text-box{padding: 0.875rem 1.813rem;background-color: #0f4b86;border-bottom: 2px solid transparent;} .activeLi .text-box {background-color:#0f4b87;border-bottom: 2px solid #fab90a !important;} .activeLi .text-box li:hover a{transform:none;} .featured-projects .figure {} .featured-projects ul li{margin-top: 2.25rem;} .featured-projects figure figcaption{display: block;padding: 0.6rem 2.5rem;} .featured-projects figure figcaption p{display: block;color: #fff;position: relative;padding-left: 40px;font-size: 18px;font-weight: 400;} .featured-projects figure figcaption p:before{content: "";position: absolute;width: 6%;color: #4593de;z-index: 999;left: 3%;bottom: 35%;border-bottom: 4px solid #4593de;transform: translateX(-50%);} .featured-projects ul {padding: 0 0 70px !important} .page-header.insideHeader { background-size: cover !important; } /*===New-Section-Updates===*/ .desc > p {display: none;} .desc ul li {font-size: 14px;} .desc ul li p { font-size: 14px; } .New-Section-Updates ul li figcaption span.borderSpan { background: #000; color: #fff; padding: 3px 8px; border-radius: 2px; } .New-Section-Updates{padding: 30px 0 60px;background-color: #f2f9f1;} .New-Section-Updates ul{padding: 0;} .New-Section-Updates ul li{vertical-align:top;list-style: none;width: 31.5%;margin: 0 auto;display: inline-block;border: 1px solid transparent;background-color: #fff;padding-bottom: 25px;} .New-Section-Updates ul li:nth-child(2){margin-right: 2%;margin-left: 2%;} .New-Section-Updates ul li .updatesInner{color: #000;} .New-Section-Updates ul li figure{width: 100%;margin: 0;} .New-Section-Updates ul li figure img{height: 300px;object-fit: cover;width: 100%;} .New-Section-Updates ul li figcaption{width: 87%;margin: 0 auto;margin-top: 8px;} .New-Section-Updates ul li figcaption span{font-size: 14px;display: inline-block;margin-right: 15px;position: relative;color: #00000087;font-weight: 400;} .New-Section-Updates ul li figcaption span.borderSpan:before{position: absolute;height: 100%;color: #00000087;z-index: 999;right: -10%;bottom: 12%;border-right: 2px solid #00000087;transform: translateX(-50%);} .New-Section-Updates ul li figcaption h3{font-size: 22px;min-height: 50px;} .New-Section-Updates ul li figcaption p{font-size: 15px;font-weight: 400; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .New-Section-Updates ul li figcaption .btnUpdate{background-color: transparent;padding: 0;} .New-Section-Updates ul li figcaption .btnUpdate span{color:#34b84a;margin-right: 0;font-weight: 700;} .New-Section-Updates ul li figcaption .btnUpdate span i{color: #34b84a;} /*===Footer===*/ .footer{background-color: #1d1e20;color: #fff;padding-top: 60px;} .footer .topFooter{padding-bottom: 10px;position: relative;} .footer .topFooter .footerLogo{width: 35%;position: relative;display: inline-block;vertical-align: top;padding-right: 41px;} .footer .topFooter .footerLogo h4{line-height: normal;font-size: 20px;line-height: 1.4;} .footer .topFooter .footerLogo span {} .footer .topFooter .footerLogo span img{height:40px;object-fit: cover;} .footer .topFooter .footerLogo strong{color: #fff;display: inline-block;margin-left: 90px;} .footer .topFooter .contact-form { padding: 20px 27px 30px; margin-bottom: 30px; position: relative; background-color: #4694df; margin-top: -50px; } .footer .AbtFooter h3 { margin-bottom: 17px; } .footer .topFooter .contact-form:before { position: absolute; content: ''; width: 30px; height: 30px; display: block; background: #fff; left:-17px; top: 0; transform: skewX(-40deg); } .footer ul li a {font-size: 14px;} .emailAdd { margin-top: 18px; } .socialIcons { display: flex; gap: 17px; } .socialIcons li {align-self: flex-end;} .socialIcons a {font-size:23px!important;} .leftFooter p {font-size:14px;margin-bottom: 15px;} .footer .topFooter .contact-form .innerContact h4{text-align: center;margin: 2px auto 15px;font-weight: 600;font-size: 24px;} .footer .topFooter .contact-form .innerContact form{margin: 20px auto 0;} .footer .topFooter .contact-form .innerContact input{ margin: 15px 0; padding:10px;display: block; border:none; outline:none;background-color: #fff;width: 100%;} .footer .topFooter .contact-form .innerContact input::placeholder{font-size: 16px;font-weight: 400;color: #969697;} .contactBtn{text-align: center;background-color:#0e4a86; } .contactBtn .ctnBtn{background-color:#0e4a86;} .contactBtn .ctnBtn span{margin-right: 5px;} .footer .leftFooter{display: inline-block;} .footer h3{font-weight: 500;font-size: 21px;margin-top: 20px;margin-bottom: 0;} .footer ul{padding: 0;} .footer ul li{list-style: none;font-size:12px; } .footer ul li a{color: #fff;} .footer .AbtFooter{display: inline-block;width: 30%;vertical-align: top;padding-top: 41px;text-align: center;} .footer .AbtFooter .firstUL{display: inline-block;margin-right: 35px;margin-top: 0;margin-left: -20px;} .footer .AbtFooter .firstUL li,.footer .AbtFooter .secondUL li{position: relative;margin-bottom:15px;padding:0 13px;transition: 0.45s;text-align: left;} .footer .AbtFooter .firstUL li a,.footer .AbtFooter .secondUL li a{transition: 0.45s;font-size: 14px;} .footer .AbtFooter .firstUL li:hover a, .footer .AbtFooter .secondUL li:hover a{color: #52b74a;} .footer .AbtFooter .firstUL li span, .footer .AbtFooter .secondUL li span{position: absolute;left: 3%;top: -17%;font-size: 18px; transform: translateX(-50%);} .footer .AbtFooter .firstUL li span i, .footer .AbtFooter .secondUL li span i{color:#52b74a; } .footer .AbtFooter .secondUL{ display: inline-block; margin: 0; vertical-align: top; } .footer .ThirdColm{ width: 390px; display: inline-block; margin-top: 42px; float: right; } .footer .subFooter{display: inline-block;width: 100%;} .footer .subFooter strong{font-size: 15px;font-weight: 600;} .footer .subFooter form{margin: 5px 0;position: relative;} .footer .subFooter form input{padding:14px 18px 13px;display:inline-block; border:none; outline:none;background-color: #fff;font-size: 16px;width: calc(100% - 120px);} .footer .subFooter form input[type=submit]{position:absolute;top: 0;right: 0;bottom: 0; text-transform:uppercase;background-color:#52b74a;color: #fff;width:120px;cursor:pointer; font-size: 16px; font-weight: 700; padding:0; } .footer .subFooter p{font-size: 11px;} .footer .copy {padding: 5px 0 10px; background: #292a2c; margin-top: 32px;} .footer .copy .copyText{display: inline-block;width: 73%;} .footer .copy p{color:#fff;font-size: 12px;margin: 0;line-height: 1.7;display: inline-block;position: relative;margin-right: 30px;} .footer .copy p:before{position: absolute;height: 100%;z-index: 999;right: -5%;bottom: 12%;border-right: 2px solid #707070;transform: translateX(-50%);} .footer .copy p a{color:#fff;} .footer .copy p a:hover{color: #52b74a;} .footer .copy span{color:#fff;font-size: 12px;margin: 0;line-height: 1;display: inline-block;} .footer .copy .footerIcons{display: inline-block;} .footer .copy .footerIcons ul{margin: 0;padding: 0;} .footer .copy .footerIcons ul li{display: inline-block;list-style: none;color: #0e4a86;background-color: #fff;border: 1px solid #fff;border-radius: 50%;width: 40px; height: 40px;text-align: center;padding-top: 7px;margin-right: 10px;transition: 0.45s;} .footer .copy .footerIcons{display: inline-block;} .footer .copy .footerIcons ul li i{color:#52b74a;font-size: 25px;transition: 0.45s;} .footer .copy .footerIcons ul li:hover i{color: #fff;} .footer .copy .footerIcons ul li:hover { background-color: #52b74a; border: 1px solid #52b74a; } .featured-projects .project-name.activeP{opacity: 1;} .featured-projects aside{position: relative;} .featured-projects aside:before{content: "";background-color: #c7e4f5db;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 9;} .featured-projects .featured-projects-watermark{filter: none;} .services-slider .swiper-slide { height: 30px !important; } /*.services-slider .swiper-slide:nth-child(8) {height: 70px !important;bottom: 0;}*/ .services-slider .security-systems.swiper-slide h3{text-transform: uppercase;} .services-slider .security-systems.swiper-slide{height: 110px !important;bottom: 0;} .services-slider a:nth-child(8):before{background-color: //* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0f4b87+51,165ea1+58,165ea1+66,0f4b87+76 */ background: #52b74a; /* Old browsers */ background: #52b74a; /* FF3.6-15 */ background: #52b74a; /* Chrome10-25,Safari5.1-6 */ background:#52b74a; } .services-slider a::before {background-color:#52b74a;} .services-slider a::before .security-systems.swiper-slide{background-color: linear-gradient(#0f4b87, #345da0e6, #0f4b87);} .services-slider .swiper-slide strong{padding:20px 20px;letter-spacing: 2px;line-height: 25px;color: #000;z-index: 9999;} .services-slider h3 {font-weight: 500; color: #000; text-transform: capitalize; letter-spacing: -0.02em;} .OurProjects-cycle{} .OurProjects-cycle h2{text-align: center;} .OurProjects-cycle .cycleWrapper{max-width:1230px;margin: 0 auto;padding-top: 70px;position: relative;} .OurProjects-cycle .cycleWrapper .centrCircle{position: relative;border:8px dotted;color: #519de8;height: 500px;width: 500px;border-radius: 50%;margin: 0 auto;background: #fff; z-index: 100;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle{position: absolute;border:1px solid #519de8;width: 190px;height: 190px;border-radius: 50%;z-index: 1;text-align: center;background-color: #fff;box-shadow: 0 0 7px #519de8;padding: 30px 10px 20px;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle:hover, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle:hover{transform: rotateZ();} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle.CircleOne{left: 5%;top: -15%;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle.CircleTwo{right: 3%;top: -14%;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle.CircleThree{left: -22%;bottom: 30%;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle.CircleFour{right: 31%;bottom: -14%;} .cntrlogo img {position: absolute; top: 30%; left: 50%; width: 154px; transform: translateX(-50%);} .cycleWrapper .arrowPosition .cycleArrow{position: absolute;color: #fab90a;z-index: 9;transform: translateX(-50%);} @keyframes slide1 { 50% { transform: translate(7px, 0); } } @keyframes slide2 { 0%, 100% { transform: translate(0, 0) rotate(309deg); } 50% { transform: translate(-5px, 10px) rotate( 309deg );} } @keyframes slide3 { 0%, 100% { transform: translate(0, 0) rotate(45deg); } 50% { transform: translate(10px, 10px) rotate(45deg); } } @keyframes slide4 { 0%, 100% { transform: translate(3px, 4px) rotate(70deg); } 50% { transform: translate(0px, 0px) rotate(70deg);} } .Shape_19_copy_6 { } .cycleWrapper .arrowPosition .cycleArrow.CY-A1{top: -15px;right: 46%;animation:slide1 2s ease-in-out infinite;} .cycleWrapper .arrowPosition .cycleArrow.CY-A2{top: 130px;right: 2%;animation:slide4 1s ease-in-out infinite;} .cycleWrapper .arrowPosition .cycleArrow.CY-A3{top: 21%;left: 5%; transform: rotate(300deg);animation:slide2 2s ease-in-out infinite;} .cycleWrapper .arrowPosition .cycleArrow.CY-A4{bottom: 12%;left: 11%;animation:slide3 2s ease-in-out infinite;} .cycleWrapper .arrowPosition .cycleArrow.CY-A4Two{bottom: 19%;right: 5%;transform: rotate(295deg);animation:slide2 2s ease-in-out infinite;} .cycleWrapper .arrowPosition .cycleArrow.CY-A5{top: 311px;left:17%;animation:slide1 2s ease-in-out infinite;} .cycleWrapper .arrowPosition .cycleArrow.CY-A6{top: 309px; right: 20%;animation:slide1 2s ease-in-out infinite;} .OurProjects-cycle .cycleWrapper span{} .OurProjects-cycle .cycleWrapper span img{} .OurProjects-cycle .cycleWrapper span.leftRow:before, .OurProjects-cycle .cycleWrapper span.rightRow:before{content: "";border-bottom:8px dotted;color: #519de8;width: 20%;position: absolute;top: 55%;} .OurProjects-cycle .cycleWrapper span.leftRow:before{left: 3%;} .OurProjects-cycle .cycleWrapper span.rightRow:before{right: 10%} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle figure, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle figure{margin:0; } .OurProjects-cycle .cycleWrapper .centrCircle .childCircle figcaption, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle figcaption{margin-top: -40px;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle figcaption h6, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle figcaption h6{color: #000;font-size: 16px;font-weight: 600;} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleFive{left:0;top: 40%;} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleSix{right: 0%;top: 40%;} /* .owl-carousel .owl-item .single-logo img{width: 170px;} .opacityBanner{} .opacityBanner::before{position: absolute;content: "";/*background-color: #04121f;*/position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 9;opacity: 0.6;}*/ .bannerCheck{ width: 100%; position: absolute;} .page-header h2 a{font-size: 18px !important;} .example-slider::before{content: "";background-color: #2876b133;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 9;} .modal-dialog { width: 1120px;margin: 120px auto;} video { height: 630px;} .site-header.sth.fixed{background-color: #52b74a;} .site-header-white .site-header .sub-menu .menu-item { margin-bottom: 15px;} .nav-background.defaulnav.nav-background-active { background-color:#0f4b87 !important;} .modal-backdrop{background-color: rgba(0,0,0,0.6);} .modal-body { background: #0f4275eb; padding: 14px 15px; border: 3px solid #11a3e6; box-shadow: 0 0 20px #3ba8da;} .ct { background: #fff; padding: 0 0 0 2px;cursor: pointer;} /*===Our Reach Section===*/ /*==Map Section===*/ .ourReachSection{} .ourReachSection .sec4Heading{text-align: center;} .ourReachSection .MapImg{} .ourReachSection .MapImg figure{margin: 0;position: relative;} .ourReachSection .MapImg figure img{width: 100%;} .ourReachSection .MapImg figure figcaption{} .ourReachSection .MapImg figure figcaption .mapText{position:absolute;} .ourReachSection .MapImg figure figcaption .mapMarker1{bottom: 31%;left: 47%;} .ourReachSection .MapImg figure figcaption .mapMarker2{left:21%;top:27%;} .ourReachSection .MapImg figure figcaption .mapMarker3{right: 40%;top: 33%;} .ourReachSection .MapImg figure figcaption .mapMarker4{top: 33%;right: 37%} .ourReachSection .MapImg figure figcaption .mapMarker5{top: 26%;right: 33%} .ourReachSection .MapImg figure figcaption .mapMarker6{top: 37%;right: 35%;} .ourReachSection .MapImg figure figcaption img{width: 32px;height: 35px;object-fit: contain;} .ourReachSection .MapImg figure figcaption .mapText .tooltip { position: relative; display: inline-block;} .ourReachSection .MapImg figure figcaption .mapText .tooltip .tooltiptext {transition: 0.40s; opacity: 0.9; transform: translateX(-210px);left:0;bottom: -18%;font-weight: bold; visibility: hidden;width: 200px; height:auto;background-color:#0d4378;text-transform: uppercase;color: #fff;padding:10px;position: absolute;z-index: 9999;} .ourReachSection .MapImg figure figcaption .mapText .tooltip:hover .tooltiptext {visibility: visible;} .ourReachSection .MapImg figure figcaption .mapText:nth-child(4) .tooltiptext {left: 260px!important;} .ourReachSection .MapImg figure figcaption .mapText:nth-child(4) strong.Para:before { left: -10px; right: 0; } .ourReachSection .MapImg figure figcaption .mapText .tooltip .tooltiptext h5 {font-size: 21px;margin:0;z-index: 100;} .ourReachSection .MapImg figure figcaption .mapText .tooltip .tooltiptext strong {font-size: 15px;vertical-align: middle;z-index: 100;font-weight: 500;} .ourReachSection .MapImg figure figcaption .mapText .tooltip .tooltiptext p.mapPara {font-size: 12px;text-transform: capitalize;margin-top: 5px;font-weight: 400;line-height: 20px;z-index: 100;} .ourReachSection .MapImg figure figcaption .mapText .tooltip .tooltiptext strong i {font-size: 12px;vertical-align: middle;z-index: 100;} .ourReachSection .MapImg figure figcaption .mapText .tooltip .tooltiptext strong.Para:before{content: "";position: absolute;width: 41px;height: 30px;background-color: #0d4378;right: -8%;top: 24%; transform: rotate(45deg);z-index: -100;} .counterSectionsNew{background-image: none; height: auto; padding: 40px 0 0 0;} .cp-Txt{background: transparent;border-left: none;position: relative;} .cp-Txt:before{content: "";position: absolute;border-right: 2px solid #dadada;height: 70px;width: 45%;transform: translate(10px, 20px);} .cp-Txt.lastcount:before{content: "";position: absolute;border-right: none;} .cp-Txt p {margin-top: 0;font-size: 28px;line-height: 0.7;font-weight: 700;} .cp-Txt .imgAndText{display: block;} .cp-Txt .imgAndText .countHeading{display: inline-block;} .cp-Txt .imgAndText .picDiv{display:inline-block;} .cp-Txt .imgAndText .picDiv img{width: 45px;height: 50px;} .map-caption__stat strong{font-size: 24px;} .map-caption__stat i{font-weight: 400;} .map-caption__stat small{margin-top: 16px; font-size: 16px;color: #0e4b86 !important;font-weight: 700;} /*===All-Prjoects-Detail-Page===*/ /*===List-of-projects===*/ .List-of-projects{padding: 80px 0;} .tabArea2 h2 { margin: 0; background: #ddd; font-size: 19px; padding: 9px 10px; } .List-of-projects .devTab2{width: 28%;float: left; border: 1px solid #0f4b87;background: #0f4b87;box-shadow: 0px 8px 8px #0000004f;} .List-of-projects .devTab2 h4{font-size: 30px;margin-bottom: 0;padding-left:1.813rem;color: #fff;margin: 15px 0;} .List-of-projects .devTab2 ul{list-style: none;padding-left: 0;margin: 5px 0 0 0;} .List-of-projects .devTab2 ul li{background-color: #0f4b87;border-bottom: 1px solid #1462b0;margin: 0;} .List-of-projects .devTab2 ul li a { padding: 0.875rem 0.913rem; display: block; } .List-of-projects .devTab2 ul li:hover{border-bottom: 1px solid #fab90a;} .List-of-projects .devTab2 ul li:nth-child(1){border-top:1px solid #1462b0;} .List-of-projects .devTab2 ul li a{font-size: 18px;text-decoration: none;color: #fff;font-weight: 500;} .List-of-projects .devTab2 ul li:hover a{color: #fff;} .List-of-projects .tabArea2{width: 70%;float: right;} .tabArea2{padding: 0 20px;} .tabArea2 .row2{border-bottom: 1px solid #ddd;position: relative;} .tabArea2 .row2:before{content: "";border-right: 1px solid #ddd;top: 0;bottom: 0;right: 34%;position: absolute;} .tabArea2 .col-md2-8{width: 68%;display: inline-block;} .tabArea2 h2{margin: 0;} .tabArea2 ul{list-style: none;padding-left: 0;margin: 5px 0 0 0;} .tabArea2 ul li{} .tabArea2 ul li strong{font-size: 18px;font-weight: 600;} .tabArea2 ul li p{margin-bottom: 0px; margin-top: 0;font-size: 15px;} .tabArea2 .col-md2-4{width: 30%;display: inline-block;} /*==Responsive==*/ @media only screen and (max-width:1710px) { .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleSix { right: 3%;top: 42%} .cycleWrapper .arrowPosition .cycleArrow.CY-A6 { top:300px;right: 22%} .OurProjects-cycle .cycleWrapper span.leftRow:before {left: 7%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A5 {top: 300px;left: 17%} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleFive{left: 0;top: 43%;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle {width: 170px;height: 170px;padding: 25px 8px 20px;} .OurProjects-cycle .cycleWrapper .centrCircle{width: 450px;height: 450px;} .OurProjects-cycle .cycleWrapper span.leftRow:before, .OurProjects-cycle .cycleWrapper span.rightRow:before {top: 59%;} .OurProjects-cycle .cycleWrapper span.rightRow:before {right: 15%;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle figcaption h6, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle figcaption h6 {color: #000;font-size: 15px;letter-spacing: -0.01em;word-spacing: -0.01em;padding: 0 4px;} .cycleWrapper .arrowPosition .cycleArrow.CY-A3{ top: 21%;left: 4%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A2 {top: 135px;right: 1%} .cycleWrapper .arrowPosition .cycleArrow.CY-A4{bottom: 10%;} .tabsWrapper .devTab ul li{margin: 0 8px;} .tabsWrapper .devTab ul li a{font-size: 16px;} .TwoSectionPart-About-Us .column-One .part-About .text-about-us{padding-right: 40px;} .text-about-us .about-Btn .readMore {padding: 13px 40px;} .text-about-us .about-Btn .ButtonPLAY{padding: 11px 60px;} .about-Btn i.fa-play{font-size: 20px;} .home-section-three-inner .cycle-slideshow > li {padding: 50px 55px 80px;} .home-section-three-inner .cycle-slideshow li figcaption p {} .New-Section-Updates ul li figcaption p{font-size: 16px;} .New-Section-Updates ul li figcaption span {font-size: 12px;} .featured-projects figure figcaption p{font-size: 16px;} .site-header .nav a {font-size: 16px;} .site-header.site-header .nav>li:not(:first-child) {margin-left: 12px;} .button {font-size: 1rem;padding: 1.2rem 2.125rem;} .services-slider .security-systems.swiper-slide {height: 90px !important;} .page-header .header-content {top: 35%;} .playIcon {padding:11px 11px 11px 15px ;} .services-slider .swiper-slide strong {font-size: 12px;letter-spacing: 1.2px;} .tcontainer{margin-top: 5%;} .cp-Txt p {font-size: 25px;} .map-caption__stat strong {font-size: 20px;} .map-caption__stat small {font-size: 14px;margin-top: 10px;} .imgAndText .picDiv img{width: 45px;height: 40px;} .cp-Txt::before {height: 50px;} .page-header .header-content .containerCaption p {font-size: 21px; margin-top: 5px;} .home-section-three-inner .cycle-slideshow li figure{} .home-section-three-inner .cycle-slideshow li figcaption p img{} } @media only screen and (max-width:1680px) { .your-class figure img{height: 290px;} .TwoSectionPart-About-Us .column-One .part-About .text-about-us{padding-right: 30px;} } @media only screen and (max-width:1600px) { .tabsWrapper .devTab ul li a{font-size: 14px;} .New-Section-Updates ul li figcaption p{font-size: 15px;} .New-Section-Updates ul li figcaption h3 {font-size: 24px} .New-Section-Updates ul li figure img {height: 250px;} .home-section-three-inner .cycle-slideshow > li {padding: 50px 45px 80px;} .your-class figure figcaption h3 {margin-bottom: 5px;} .your-class figure figcaption{padding: 0 10px;} .List-of-projects{padding: 50px 0;} .List-of-projects .devTab2 h4{font-size: 22px;} .tabArea2 ul li strong{font-size: 15px;} .tabArea2 ul li p{font-size: 14px;} .List-of-projects .devTab2 ul li{ } .List-of-projects .devTab2 ul li a{font-size: 16px;} .List-of-projects .devTab2 h4{padding-left: 0.875rem;} } @media only screen and (max-width:1540px) { .page-header h1{font-size: 50px;} .TwoSectionPart-About-Us .column-One .part-About .text-about-us strong{font-size: 16px;} .TwoSectionPart-About-Us .column-One .part-About .text-about-us p{font-size: 16px;} .tabsWrapper .devTab ul li{margin: 0 10px;} .TwoSectionPart-About-Us .column-One .part-About .text-about-us p {margin: 30px 0;} .New-Section-Updates ul li figcaption h3 {font-size: 23px;} .featured-projects figure figcaption {font-size: 2.1rem;} .footer .subFooter p {font-size: 12px;} } @media only screen and (max-width:1500px){ .sectorSection .row .left-Chemical-name{width: 45%;display: inline-block;} .sectorSection .row .right-Logo {width:48%;} .footer .topFooter .footerLogo{width: 30%;} .footer .AbtFooter{} .footer .ThirdColm{} .footer .copy .copyText{width: 69%;} } @media only screen and (max-width:1480px) { .tabsWrapper .devTab ul li{margin: 0 6px;} .your-class figure figcaption h3 {font-size: 18px;} .site-header .nav a {} .button {font-size: 1rem;padding: 1.2rem 2.125rem;} .home-section-three-inner .cycle-slideshow > li {padding: 40px 40px 70px;} .home-section-three-inner .cycle-slideshow li figure{} .home-section-three-inner .cycle-slideshow li figure img{} .home-section-three-inner .cycle-slideshow li figcaption p img{} .page-header .header-content .containerCaption p {font-size: 21px; margin-top: 5px;} .page-header .header-content {top: 33%;} .TwoSectionPart-About-Us .column-One .part-About .text-about-us p {margin: 25px 0;} .playIcon{padding:11px 11px 11px 15px;} .services-slider .swiper-slide { } .services-slider .security-systems.swiper-slide {height: 90px !important;} .services-slider .swiper-slide strong {padding: 20px 10px;letter-spacing: 1.6px;line-height: 25px;font-size: 12px;} .services-slider h3{font-size: 15px;} .featured-projects figure figcaption{font-size: 1.8rem;} .New-Section-Updates ul li figcaption h3 {font-size:1.35rem;} .footer .subFooter p {font-size: 11px;} .owl-carousel .owl-item .single-logo img {} .single-logo strong{font-size: 12px;} .ourReachSection .MapImg figure figcaption img{margin-top: -11px;margin-left: -6px;} .site-header.sth.fixed .site-logo.slog h3{top: 20px;left: 80%;text-align: left;} .site-header .site-logo{min-height: 60px;} .site-header.sth.fixed .site-logo img { width: 58px !important;left: 13% !important;} .nav-primary{margin-bottom: 0px;} .site-logo.slog h3{top: 60px;} .site-header .site-logo img{width: 220px;} .services-slider .swiper-slide strong{line-height: 20px;} .footer .copy .copyText {width: 68%;} .footer .copy .footerIcons ul li{width: 30px;height: 30px;padding-top: 5px;} .footer .copy .footerIcons ul li i{font-size: 20px;} .tabArea .slick-next{right: -4%;} } @media only screen and (max-width:1370px) { .page-header h1{font-size: 45px;} .services-slider .swiper-slide strong {font-size: 12px;} .cntrlogo img {top: 32%;width: 110px;} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleSix {right: 6%;top: 42%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A6 { top: 270px;right: 22%;} .OurProjects-cycle .cycleWrapper span.leftRow:before {left: 7%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A5 {top: 271px;left: 19%;} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleFive{left: 3%;top: 43%;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle {width: 135px;height: 135px;padding: 25px 7px 20px;} .OurProjects-cycle .cycleWrapper .centrCircle{width: 400px;height: 400px;} .OurProjects-cycle .cycleWrapper span.leftRow:before, .OurProjects-cycle .cycleWrapper span.rightRow:before {top: 59%;} .OurProjects-cycle .cycleWrapper span.rightRow:before {right: 15%;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle figure img, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle figure img{height: 50px;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle figcaption h6, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle figcaption h6 {color: #000;font-size: 12px} .cycleWrapper .arrowPosition .cycleArrow.CY-A3{top: 21%;left: 4%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A2 {top: 120px;right: 0%} .cycleWrapper .arrowPosition .cycleArrow.CY-A4Two {bottom: 15%;right: 7%} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle figcaption, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle figcaption {margin-top: -32px;} .tabsWrapper .devTab ul li{margin: 0 6px;} .tabsWrapper .devTab ul li a{font-size: 13px;} .your-class figure figcaption h3 {font-size: 16px;} .home-section-three-inner .cycle-slideshow > li {padding: 30px 40px 70px;} .featured-projects .text-box h3 {font-size: 16px} .New-Section-Updates ul li figcaption h3 {font-size: 1.13rem;} .New-Section-Updates ul li figcaption p {font-size: 14px;} .New-Section-Updates ul li figure img {height: 200px;} .footer .subFooter p {font-size: 10px} .footer .topFooter .footerLogo strong{margin-left: 80px;} .home-section-three-inner .cycle-slideshow li figcaption p img{} .home-section-three-inner .prev1, .home-section-three-inner .next1{top: 34%;} .home-section-three-inner .next1{right: 20%;} .home-section-three-inner .prev1{left: 20%;} .button{padding: 1rem 2rem;} .playIcon{padding:11px 11px 11px 15px;} .playIcon span{font-size: 18px;} } @media only screen and (max-width:1330px){ .tabsWrapper .devTab ul li{margin: 0 6px;} .TwoSectionPart-About-Us .column-One .part-About .text-about-us{padding-right: 15px;} .featured-projects figure figcaption{font-size: 1.5rem;} .tabsWrapper .devTab ul li a {font-size: 12px;} .your-class figure figcaption h3{font-size: 15px;} .New-Section-Updates ul li figcaption p {font-size: 13px;} } @media only screen and (max-width:1300px){ .page-header h1 { font-size: 45px;} .page-header .cta {margin-top: 1rem;} .page-header .header-content .containerCaption p { font-size: 20px; margin-top: 0; font-weight: 400;} .services-slider .swiper-slide strong { font-size: 13px !important; line-height: 24px; font-family: Poppins, sans-serif; } .services-slider .swiper-slide {} .services-slider .security-systems.swiper-slide {height: 70px !important;} .footer .topFooter .contact-form .innerContact i{right: 25%;} .banner p{font-size: 16px;} .footer .AbtFooter{} .footer .AbtFooter ul{margin-right: 0;} } @media only screen and (max-width:1280px){ .footer .AbtFooter{width: 37%;text-align: center;} .footer .ThirdColm {width:300px;} .footer .copy p{margin-right: 10px;} .footer .copy p:before{right: -2%;} } @media only screen and (min-width: 1025px) and (max-width:1201px) { .tabsWrapper .devTab ul li a{font-size: 12px;} .tabsWrapper .devTab ul li {margin: 0 5px 0 0;} .footer .copy p:before{border-right: none;} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleSix {right: 0%;top: 42%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A6 { top: 252px;right: 22%;} .OurProjects-cycle .cycleWrapper span.leftRow:before {left: 7%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A5 {top:252px;left: 16%;} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleFive{left: -2%;top: 43%;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle {width: 135px;height: 135px;padding: 25px 7px 20px;} .OurProjects-cycle .cycleWrapper .centrCircle{width: 370px;height: 370px;} .OurProjects-cycle .cycleWrapper span.leftRow:before, .OurProjects-cycle .cycleWrapper span.rightRow:before {top: 59%;} .OurProjects-cycle .cycleWrapper span.rightRow:before {right: 15%;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle figure img, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle figure img{height: 50px;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle figcaption h6, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle figcaption h6 {color: #000;font-size: 12px} .cycleWrapper .arrowPosition .cycleArrow.CY-A3{top: 21%;left: 3%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A2 {top: 110px;right: 0%} .cycleWrapper .arrowPosition .cycleArrow.CY-A4Two {bottom:14%;right: 7%} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle figcaption, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle figcaption {margin-top: -32px;} } @media only screen and (min-width: 1000px) and (max-width:1179px) { .footer .topFooter .contact-form:before {content:none;} .footer .ThirdColm {float:none;} .footer .topFooter{padding: 30px 0;} .footer .topFooter .footerLogo{width:45%;} .footer .AbtFooter{width: 45%;} .footer .ThirdColm{width: 50%;} .footer .AbtFooter ul{margin-right: 0;} .footer .topFooter .contact-form{margin-top: 10px;} .footer .copy p:before{border: none;} .footer .copy{padding-top: 10px;} .footer .copy .copyText{width: 100%;} .footer .copy .footerIcons{margin-left: 0;} .footer .leftFooter{display: block;} .footer .topFooter .contact-form .innerContact i{right: 35%;bottom: 20%;} } @media only screen and (min-width: 1026px) and (max-width:1230px) { .page-header h1{font-size: 40px;} .home-section-three-inner .cycle-slideshow li figure{} .home-section-three-inner .cycle-slideshow li figcaption p img{} .home-section-three-inner .prev1, .home-section-three-inner .next1{} .home-section-three-inner .cycle-slideshow li figcaption{margin-top: 40px;} .tabsWrapper .devTab ul{text-align: center; } /*.tabsWrapper .devTab ul li{margin-bottom: 10px;}*/ .tabsWrapper .devTab ul li a{font-size: 12px;} .your-class figure img{height: 200px;} .your-class figure figcaption p{line-height: normal;} .button{padding: 1rem 2rem;} .playIcon{padding:12px 11px 11px 15px;} .playIcon span{font-size: 18px;} .cp-Txt .imgAndText .picDiv{display: inline-block;} .cp-Txt .imgAndText .picDiv img{width: 35px;height:35px;} .New-Section-Updates ul li{width: 31%;} .footer .copy .copyText{width: 68%;} } @media only screen and (min-width: 800px) and (max-width:1025px) { .site-header.site-header .nav > li:not(:first-child){margin-left: 0;} .site-header .nav>li:nth-child(2n){padding: 0;} .site-header .nav>li{margin: 0;} .site-header .contact-info a{font-size: 2.3vw;} .page-header h1{font-size: 32px;} .button{padding:0.8rem 1.7rem; } .playIcon {padding: 10px 11px 10px 15px;} .playIcon span{font-size: 18px;} .services-slider {border-top: none;} .home-section-three-inner .cycle-slideshow li figure{height: 130px;} .services-slider .swiper-button-next, .services-slider .swiper-button-prev{top: 30%;} .home-section-three-inner .cycle-slideshow li figure{width: 25%;} .home-section-three-inner .cycle-slideshow li figure img{height: 70px;} .home-section-three-inner .cycle-slideshow li figcaption p img{height: 20px;} .home-section-three-inner .prev1, .home-section-three-inner .next1{top: 23%;} .home-section-three-inner .next1{right: 19%;} .home-section-three-inner .prev1{left: 28%;} .text-about-us .about-Btn .ButtonPLAY{margin: 10px 0;} .home-section-three-inner .cycle-pager{bottom: 50px;} .featured-projects .figure{width: 100%;height: 540px;} .OurProjects-cycle{padding: 20px 0;} .featured-projects .featured-projects-watermark{top: 20px;} .featured-projects figure figcaption p:before{left: 33%;} .OurProjects-cycle .cycleWrapper .centrCircle{width: 300px;height: 300px;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle{padding: 15px 7px 20px;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle figure img, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle figure img{height: 35px;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle{width: 100px;height: 100px;} .cntrlogo img{top: 35%;width: 90px;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle figcaption h6, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle figcaption h6{font-size: 11px;} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleSix{right: -6%;top: 47%} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleFive{left: -12%;top: 48%} .OurProjects-cycle .cycleWrapper span img{height: 22px;} .OurProjects-cycle .cycleWrapper span.leftRow:before{left: 0;} .OurProjects-cycle .cycleWrapper span.rightRow:before{right:9%; } .cycleWrapper .arrowPosition .cycleArrow.CY-A5{top: 216px; left: 8%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A2 {top: 76px;} .cycleWrapper .arrowPosition .cycleArrow.CY-A3{top: 18%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A4{bottom: 8%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A4Two{bottom: 12%;} .activeLi .text-box{padding: 0.7rem 1.813rem;} .cycleWrapper .arrowPosition .cycleArrow.CY-A6{top: 217px;right: 13%;} .your-class figure figcaption{padding: 0 6px;} .your-class figure figcaption h3{font-size: 13px;} .your-class figure figcaption p{font-size: 12px;line-height: 1;} .your-class figure img{height: 200px;} .tabsWrapper .devTab ul{text-align: center;} .tabsWrapper .devTab ul li{margin: 5px;} .tabsWrapper .devTab ul li a.active{padding-bottom: 0;} .tabArea .slick-next, .tabArea .slick-prev{font-size: 20px;} .ourReachSection .MapImg figure figcaption img{width: 32px;} .counterSectionsNew .row .col{width: 45%;} .cp-Txt.lastcount:before{border-right:2px solid #dadada; } .New-Section-Updates ul li{width: 70%;display: block;} .New-Section-Updates ul li:nth-child(2){margin: 15px auto;} .footer .topFooter{padding-bottom: 30px;} .footer .topFooter .footerLogo{width: 100%;} .footer .AbtFooter{width: 100%;} .footer .AbtFooter {padding-top:20px;} .footer .ThirdColm{width: 100%;} footer .topFooter .contact-form::before {content:none!important;} .footer .topFooter .contact-form{margin-top: 0;} .footer .copy p:before{border: none;} .footer .copy{padding-top: 10px;} .footer .copy .copyText{width: 100%;} .footer .copy .footerIcons{margin-left: 0;} .footer .leftFooter{display: block;text-align:center;} .footer .AbtFooter {text-align:center;} .footer .AbtFooter .firstUL {text-align:left;} .footer .AbtFooter .secondUL {text-align:left;} .footer .topFooter .footerLogo strong {margin-left: 97px;} .footer .subFooter form input[type=submit] {font-size: 13px;} .footer .topFooter .contact-form .innerContact i{right: 35%;bottom: 20%;} } @media only screen and (max-width:1199px){ .sectorSection .row .left-Chemical-name {width:41%;} .sectorSection .row .right-Logo { width: 56%; } .modal-dialog {width:90%;} .List-of-projects .devTab2{width: 100%;float: none;} .List-of-projects .devTab2 h4{padding-left: 0.5rem;} .List-of-projects .devTab2 ul li {padding: 0.5rem 0.5rem;display: inline-block;border:none;} .List-of-projects .devTab2 ul li:nth-child(1){border:none;} .List-of-projects .tabArea2{width: 100%;float: none;padding: 20px;} } @media only screen and (max-width:799px) { .TwoSectionPart-About-Us {padding-top:10px;} .ourReachSection .MapImg figure figcaption .mapText:nth-child(1) { top: 27%!important; left: 91%!important; } .ourReachSection .MapImg figure figcaption .mapText:nth-child(2) { top: 41%!important; left: 85%!important; } .ourReachSection .MapImg figure figcaption .mapText:nth-child(3) { top: 37%!important; left: 79%!important; } .ourReachSection .MapImg figure figcaption .mapText:nth-child(4) { top: 38%!important; left: 71%!important; } .ourReachSection .MapImg figure figcaption .mapText:nth-child(5) { top: 47%!important; left: 18.0%!important; } .ourReachSection .MapImg figure figcaption .mapText:nth-child(6) { top: 57%!important; left: 44%!important; } .MapImg figure > img {height:210px;object-fit:cover;} .services-slider h3 { font-size: 15px; padding: 0 8px; } .services-slider .swiper-slide { height: auto; bottom: 0; padding: 13px 0!important; } .OurProjects-cycle .cycleWrapper{padding-top:216px;transform:rotate(90deg);height: 740px;} .OurProjects-cycle .cycleWrapper .centrCircle{width: 300px;height: 300px;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle{padding: 15px 7px 20px;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle figure img, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle figure img{height: 35px;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle{width: 100px;height: 100px;transform: rotate(270deg)} .cntrlogo img{top: 30%;width: 90px;left: 33%;transform: rotate(270deg);} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleSix{right: -10%;top: 43%} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleFive{left: -20%; top: 44%;} .OurProjects-cycle .cycleWrapper span img{height: 22px;} .OurProjects-cycle .cycleWrapper span.leftRow:before{left: -40px;} .OurProjects-cycle .cycleWrapper span.rightRow:before{right:9%; } .OurProjects-cycle .cycleWrapper span.leftRow:before, .OurProjects-cycle .cycleWrapper span.rightRow:before{top: 50%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A5{top: 364px;left: 3%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A2 {top: 76px;} .cycleWrapper .arrowPosition .cycleArrow.CY-A3{top: 18%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A4{bottom: 8%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A4Two{bottom: 12%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A6{top:364px;right: 13%;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle figcaption h6, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle figcaption h6{font-size: 11px;} .site-header-white .site-header { position: relative; top: auto; left: auto; right: auto; background: #52b74a;} .site-header .contact-info a{font-size: 16px;} .hamburger{ z-index: 99;} .scroll_svg { display: none; } .site-header.sth.fixed{width: 100%;} .site-header .site-logo{min-height: 0;} .site-header .site-logo img { width: 210px !important; left: 0 !important; height: 50px; position: absolute; object-fit: contain; top: -17px !important; } .site-logo.slog h3, .site-header.sth.fixed .site-logo.slog h3{top:20px;left:70%; text-align: left;margin-left: 5px;} .about-Btn i.fa-play{font-size: 20px;} .site-header.is-active .nav-primary{z-index: 9;padding: 25px 0 0 0;} .hamburger--3dxy .hamburger-inner, .hamburger--3dxy .hamburger-inner::after, .hamburger--3dxy .hamburger-inner::before {background: #fff;} .page-header .header-content{ width: 100%; left: 0; right: 0; padding: 15px; transform: none; top: 0; text-align: center; display: flex; flex-direction: column; height: 100%; top: 0; justify-content: center; } .page-header h1{font-size: 24px;line-height: 1.2;position: relative;left: auto;right: auto;bottom: auto;top: auto;transform: none;} .page-header .cta {padding: 14px 25px;font-size: 14px;} .playIcon.abb-btn {padding: 10px 25px;font-size: 14px;} .nav-primary .secMenu{left: auto;visibility: hidden;opacity: 1;background: #666;padding: 8px;z-index: 99;} .site-header .nav a{font-size: 15px;} .site-header .nav a:hover .nav-primary .secMenu{visibility: visible;} .nav-primary .menu-item-has-children{margin-top: 5px !important;} .site-header.site-header .nav > li:not(:first-child){margin: 0 0 5px;} .site-header .site-logo::before {} .page-header{ min-height:510px !important; } .page-header .header-canvas {height: 90%;width: 100%;} .page-header .header-content .containerCaption p i {font-size: 15px;} .button{padding: 0.7rem 1rem;} .services-slider {border-top:none;} .playIcon {padding: 7px 10px 7px 12px;margin-left: 0;} .playIcon span {font-size: 18px;} .services-slider .swiper-button-next, .services-slider .swiper-button-prev{top: 30%;} .TwoSectionPart-About-Us .column-One{width: 100%;} .column-Two{width: 100%;} .tabsWrapper .devTab ul li{display: block;margin: 0;padding-left: 0px;} .tabsWrapper .devTab ul li a{padding-bottom:3px;margin-bottom:5px;} .tabsWrapper .devTab ul li a::before{bottom:0px;} .tabArea{margin-left:0;width:100%;} .tabsWrapper .devTab ul li a::before{border-bottom: none;} .tabsWrapper .devTab ul li:hover a::before{border-bottom: none;} .slick-initialized .slick-slide{margin:auto !important;} .your-class .innerWrapper{margin:0} .featured-projects .project-name{padding-left: 0;} .tabArea .slick-prev{left: 7%;} .featured-projects figure figcaption{font-size: 1rem;} .featured-projects figure figcaption p{font-size: 14px;} .featured-projects figure figcaption p:before{left: 6%;} .tabArea .slick-next{font-size: 15px;} .tabArea .slick-prev{font-size: 15px;} .featured-projects .IconImg{width: 15px;} .featured-projects .figure{height: 250px;} .featured-projects .number-order{bottom: 8px;width: 15%;} .text-about-us .about-Btn .ButtonPLAY{margin: 10px 0;} .TwoSectionPart-About-Us .column-One .part-About .text-about-us strong, .TwoSectionPart-About-Us .column-One .part-About .text-about-us p{font-size: 14px;} .home-section-three-inner .cycle-slideshow > li{padding: 30px 20px 70px;} .home-section-three-inner .cycle-slideshow li figure{width: 20%;height: 110px;} .home-section-three-inner .cycle-slideshow li figcaption h3 {font-size:15px;} .home-section-three-inner .cycle-slideshow li figcaption p img { height: 20px; width: 19px; top: -7px; left: 35px; object-fit: contain; } .icons {background-size:22px;right:-20px;top:80px;} .home-section-three-inner .cycle-slideshow li figure img{height: 90px;} .home-section-three-inner .prev1, .home-section-three-inner .next1{font-size: 30px;top: 35%;} .home-section-three-inner .cycle-pager{bottom:25px;} .New-Section-Updates ul li{width: 100%;} .New-Section-Updates ul li:nth-child(2){margin: 15px 0;} .tabArea{margin-left: 10px;} .tabSection{padding-top: 0;width: 90%;} .footer .topFooter{padding-bottom: 30px;} .footer .topFooter .footerLogo{width: 100%;} .footer .AbtFooter{width: 100%;margin-top: 30px;padding-top:30px;} .footer .topFooter .contact-form::before {content:none!important;} .footer .topFooter .footerLogo strong br {display:none;} .footer .topFooter .footerLogo span {left:15%;} .footer .topFooter .footerLogo strong { margin-left: 100px; } .footer .topFooter .footerLogo {padding-right:0;} .footer .AbtFooter {margin-bottom:50px;} .footer .AbtFooter .firstUL{margin-right: 0;display: inline-block; } .footer .ThirdColm{width: 100%;margin-top: 0;} .footer .topFooter .contact-form{margin-top: 0;} .ourReachSection .MapImg figure figcaption .mapText .tooltip .tooltiptext p.mapPara{font-size: 10px;line-height: 10px;} .ourReachSection .MapImg figure figcaption .mapText .tooltip .tooltiptext strong{font-size: 12px;} .ourReachSection .MapImg figure figcaption .mapText .tooltip .tooltiptext strong i{font-size: 11px;} .ourReachSection .MapImg figure figcaption .mapText .tooltip .tooltiptext{ left: 60px;bottom: 0;width: 150px;height: 100px;max-height: 100px; top: -30px;} .ourReachSection .MapImg figure figcaption .mapText .tooltip .tooltiptext h5{font-size: 17px;} .cp-Txt:before{border-right: none;} .counterSectionsNew .row .col{width: 100%;margin-bottom: 25px;} .cp-Txt .imgAndText .picDiv img{width: 25px;height: 25px;} .cp-Txt .imgAndText{height: 25px;} .footer .copy p:before{border: none;} .footer .copy{padding-top: 10px;} .footer .copy .copyText{width: 100%;} .footer .copy .footerIcons{margin-left: 0;} .footer .leftFooter{display: block;} .footer .topFooter .contact-form .innerContact i{right: 35%;bottom: 20%;} .ourReachSection .MapImg figure figcaption img{width: 30px;} .featured-projects .figure{opacity: 1;} .featured-projects .text-box{border-bottom: 2px solid #fab90a !important; } .home-section-three-inner .prev1, .home-section-three-inner .next1{top: 30%;} } @media only screen and (min-width: 659px) and (max-width:799px) { .footer .topFooter .footerLogo strong{margin-left: 85px;} .footer .topFooter .footerLogo span{left: 7%;} } @media only screen and (min-width: 480px) and (max-width:799px) { .text-about-us .about-Btn .readMore {font-size: 13px; margin-right: 10px;} .text-about-us .about-Btn .ButtonPLAY{padding: 10px 60px;} .text-about-us .about-Btn a { margin: 0 0 15px;} .featured-projects li {display: block;max-width: 320px; margin: 0 auto 15px !important; } .featured-projects figure figcaption {padding: 20px 20px 0;} .tabsWrapper .devTab ul li a {display: block;text-align: center;background: #0f4b87;color: #fff;padding: 6px 0;} .List-of-projects .devTab2 ul li{display: block; box-shadow: 0 0 2px #ccc;} .tabArea2 .row2:before{border:none;} } @media only screen and (min-width: 610px) and (max-width:690px) { .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleFive{left: -30%;top: 44%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A5{left: -4%;} .OurProjects-cycle .cycleWrapper span.rightRow:before{right: -6%;} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleSix{right: -25%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A6 {right: 5%;} } @media only screen and (max-width:575px) { .page-header .cta {padding: 14px 25px;font-size: 13px;} .playIcon.abb-btn {padding: 10px 25px;font-size: 13px;} .playIcon span {font-size:13px;} .abbsbtn { padding: 14px 20px 13px !important; font-size: 13px !important; line-height: 1 !important; } .home-section-three-inner .cycle-slideshow li figure img{height: 80px;} .home-section-three-inner .cycle-slideshow li figure{} } @media only screen and (max-width:499px) { .home-section-three-inner .cycle-slideshow li figure img { height: 70px; width: 100%; object-fit: contain; object-position: top; } .home-section-three-inner .cycle-slideshow li figure{width: 30%} .tabArea .slick-prev{left: 11%;} .your-class .innerWrapper{padding: 0 15px;} .tabArea{margin-left: 0;} .services-slider .swiper-button-next, .services-slider .swiper-button-prev{top: 0;} .services-slider .swiper-slide { height: auto; bottom: 0; padding: 13px 0; } .services-slider .swiper-button-next{right: -24px;} .services-slider .swiper-button-prev{left: -20px;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle figcaption, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle figcaption{margin-top: -28px;} } @media only screen and (min-width: 551px) and (max-width:610px) { .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleFive{left: -35%;top: 44%;} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleSix{right: -35%;top: 43%;} .OurProjects-cycle .cycleWrapper span.leftRow:before, .OurProjects-cycle .cycleWrapper span.rightRow:before {width: 35%;} .OurProjects-cycle .cycleWrapper span.rightRow:before{right: -12%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A6{right: 2%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A5 {left: -6%;} } @media only screen and (min-width: 471px) and (max-width:550px) { .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleFive{ left:-40%;top: 44%;} .OurProjects-cycle .cycleWrapper span.leftRow:before, .OurProjects-cycle .cycleWrapper span.rightRow:before{width: 30%;top:50%; } .OurProjects-cycle .cycleWrapper span.leftRow:before{left:-19%; } .cycleWrapper .arrowPosition .cycleArrow.CY-A5{top: 364px;left: -11%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A6 {top: 362px;right: -4%;} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleSix{right: -36%;top: 44%;} .home-section-three-inner .prev1, .home-section-three-inner .next1{top: 27%;} .OurProjects-cycle .cycleWrapper span.rightRow:before{right:-15%;} } @media only screen and (min-width: 411px) and (max-width:470px) { .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleFive{left: -55%; top: 43%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A5{top: 366px;left: -20%;} .OurProjects-cycle .cycleWrapper span.leftRow:before{left: -37%;} .OurProjects-cycle .cycleWrapper span.leftRow:before, .OurProjects-cycle .cycleWrapper span.rightRow:before{top:50%;width: 35%;} .OurProjects-cycle .cycleWrapper span.rightRow:before{right: -29%;} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleSix{right: -55%; top: 43%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A6{top: 365px;right: -10%;} .OurProjects-cycle .cycleWrapper span img{height: 20px;} .OurProjects-cycle .cycleWrapper span img{height: 20px;} .home-section-three-inner .prev1, .home-section-three-inner .next1{top: 27%;} .tabsWrapper .devTab ul{padding-bottom: 0;border-bottom: none;} .tabsWrapper .devTab ul li{width: 100%;display: block;box-shadow: 0 0 2px #0f4b87;padding: 0 5px;} .List-of-projects .devTab2 ul li{display: block; box-shadow: 0 0 2px #ccc;} .tabArea2 .row2:before{border:none;} .tabArea2 .col-md2-4{width: 100%;} .text-about-us .about-Btn .ButtonPLAY{padding: 13px 10px 12px 15px;border-radius: 0;} .about-Btn i.fa-play{font-size: 14px;} .button {font-size: 14px;} .tabsWrapper .devTab ul li a.active{padding-bottom: 3px;} .tabsWrapper .devTab ul li a{margin-bottom: 0;margin-top: 6px;} .playIcon {padding: 8px 10px 8px 13px;} .text-about-us .about-Btn a{margin-right: 0;} } @media only screen and (max-width:410px) { .ourReachSection .MapImg figure figcaption .mapText:nth-child(5) .tooltip .tooltiptext { left: 160px; bottom: 50px; width: 150px; height: 100px; max-height: 100px; top: 40px; } .ourReachSection .MapImg figure figcaption .mapText:nth-child(5) .tooltip .tooltiptext strong.Para::before { content: ""; position: absolute; width: 41px; height: 30px; background-color: #0d4378; left: 50px; top: 3px; transform: rotate(45deg); z-index: -100; } .OurProjects-cycle .cycleWrapper{padding-top:232px;height: 740px;} .OurProjects-cycle .cycleWrapper .centrCircle{width: 270px;height: 270px;} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleFive{left: -70%; top: 43%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A5{top: 358px;left: -28%;} .OurProjects-cycle .cycleWrapper span.leftRow:before{left: -37%;} .OurProjects-cycle .cycleWrapper span.leftRow:before, .OurProjects-cycle .cycleWrapper span.rightRow:before{top:49%;width: 35%;} .OurProjects-cycle .cycleWrapper span.rightRow:before{right: -29%;} .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .CircleSix{right: -60%; top: 42%;} .cycleWrapper .arrowPosition .cycleArrow.CY-A6{top: 358px;right: -10%;} .OurProjects-cycle .cycleWrapper span img{height: 18px;} .home-section-three-inner .prev1, .home-section-three-inner .next1{top: 28%;} .tabsWrapper .devTab ul{padding-bottom: 0;border-bottom: none;} .tabsWrapper .devTab ul li{width: 100%;display: block;box-shadow: 0 0 2px #0f4b87;padding: 0 5px;} .page-header{min-height:570px !important;} .text-about-us .about-Btn .readMore{margin-right: 5px;} .text-about-us .about-Btn .ButtonPLAY{padding: 12px 10px 12px 15px;border-radius: 0;} .about-Btn i.fa-play{font-size: 14px;} .home-section-three-inner .prev1, .home-section-three-inner .next1{} .List-of-projects .devTab2 ul li{display: block; box-shadow: 0 0 2px #ccc;} .tabArea2 .row2:before{border:none;} .tabArea2 .col-md2-4{width: 100%;} .footer .AbtFooter .secondUL {margin: 0 auto 20px;} .footer .AbtFooter .firstUL li, .footer .AbtFooter .secondUL li{margin-bottom: 10px;} .footer .AbtFooter .firstUL{margin-bottom: 0;} .tabsWrapper .devTab ul li a.active{padding-bottom: 3px;} .tabsWrapper .devTab ul li a{margin-bottom: 0;margin-top: 6px;} .footer .subFooter form input[type=submit]{font-size: 12px;} .button {font-size: 14px;} .footer h3{margin-top: 0;} .footer .AbtFooter .firstUL{margin-top: 0;} } #changeSec{position: relative;} #changeSec h3{position: relative;} #changeSec h3:before{content: ""; position: absolute;left: 0;right: 0; width: 10%;height: 3px;background-color:#0f4b86;margin: 0 auto; bottom:-8px;} .fade{opacity: 1;transition:opacity .45s linear;} @media only screen and (min-width:0px) and (max-width:1024px) { .site-header-white .site-header .sub-menu .menu-item {display: block !important;width: 100%;margin: 0;margin-right: 0px;float: none;max-width: 100%;flex: auto;} .nav-primary .sub-menu, .nav-primary .secMenu{transition: 0.35s !important;z-index: 9999;} .nav-primary .sub-menu .menu-item, .nav-primary .secMenu .menu-item {margin-bottom: 5px !important;} .nav-primary .sub-menu .menu-item a, .nav-primary .secMenu .menu-item a{font-size: 14px !important;padding: 6px 3px;font-weight: 100 !important;line-height: 1.23;} .nav-primary .menu-item-has-children:hover .sub-menu {opacity: 1;visibility: visible;border-top: 1px solid #646363;top: 18px;z-index: 99;} .nav-primary .sub-menu, .nav-primary .sub-menu, .nav-primary .secMenu {width: 100%;background:#0e4a86;padding: 10px;margin-top: 10px;} .site-header.is-active .nav-primary {z-index: 9;padding: 25px 0 0 0;overflow: scroll;} .site-header .nav > li {position: relative;display: block;width: 100%;max-width: 100%;text-align: left;padding: 10px !important;} [type="reset"], [type="submit"], button, html [type="button"]{z-index: 999;} .nav-primary .menu-item-has-children i.fa{position: absolute;right: 0;} .site-header.is-active .nav-primary {height: auto;} .nav-primary .sub-menu{margin-top: 20px;} } @media screen and (max-width: 1024px) { .services-slider .swiper-slide {bottom:1px;} .services-slider .swiper-button-next, .services-slider .swiper-button-prev {top:0;} } @media screen and (max-width: 767px) { .site-header.is-active .nav-primary { padding-top:0!important; } .banner h2::after { transform:translateX(-50%); } .set-header-2 .nav-primary { margin-top:50px!important; } .page-header .header-content .containerCaption p { letter-spacing: -0.03em; } .page-header .header-content { left:4%!important; } div#google_translate_element { top: -15px!important; right: 40px !important; } .goog-te-gadget { font-family: arial; font-size: 11px; color: #666; white-space: nowrap; height: 33px!important; overflow: hidden; } .goog-te-gadget .goog-te-combo { height: 32px; margin: 0px !important; padding: 3px; border-radius: 5px; border-color: #061c19; width: 103px !important; padding: 0 !important; font-size: 10px !important; } .page-header .header-content { height:auto!important; left:4%; padding: 10px 10px 17px!important; } .page-header .header-content .containerCaption p { font-size: 14px!important; } .page-header .containerCaption { padding: 8px 2px; } .page-header h2 { font-size: 18px; margin-bottom: 10px; } .page-header .header-content { background-color: #fff; left: 5%; width: 214px!important; padding: 4px 7px 4px; top: 20px; } .sec-2 .column-One p {padding:0!important;} .sec-2 .column-3 { flex: 0 0 100%!important; text-align: center; max-width: 100%; } .sec-2 .column-One { flex: 0 0 100%!important; text-align: center; max-width: 100%; } .sec-2 .n-1 {flex-direction:column-reverse;} .sec-2 {padding-top:20px!important;} .sectorSection .row .left-Chemical-name {width:100%;} .sectorSection .row .right-Logo {width:100%;} .OurProjects-cycle .cycleWrapper .centrCircle .childCircle figcaption h6, .OurProjects-cycle .cycleWrapper .sideCircles .sideInnerCycle .childCircle figcaption h6 { font-size: 10px; font-weight: 500; } .sectorSection .row .right-Logo ul li:last-child { border-bottom:none; } .blog-image {width:100%;max-width:none;margin-right:0;} .blog-text { width: 100%; display: inline-block; margin-top: 20px; } .blog-post-content {display:block;} .TwoSectionPart-About-Us { padding: 0px 0 10px 0; } .container.tabSection { min-height: 530px!important; padding: 0; } #project-tabs ul {margin-bottom:0;} .cat_share_inner {display:block;} .cat_share_inner ul.cat_testi_icons { padding: 0; margin: 0px; width: auto; float: none; margin-top: 11px; } .blogS .col-9 { flex:0 0 100%; max-width:100%; } .blogS .col-3 {max-width:100%;} .blogS .row { display:block; } .project-information .c-container.InnerHeading-prodetail { width: 93%; } .InnerHeading-prodetail .title-box { position: static; top: 37%; transform: none; left: 0; margin-top: 70px; } .right-Logo li:before {content:none!important;} .service-detail p span {font-size:15px!important;} .site-header.is-active .nav-primary {} .right-Logo figcaption { min-height:0; } .home-section-three-inner .next1 { right: 17%; } .home-section-three-inner .cycle-slideshow li figure img { height: 70px; width: 100%; object-fit: contain; object-position: top; } .home-section-three-inner .cycle-slideshow li figure {height:auto;} .text-about-us .about-Btn .readMore { margin-bottom:26px; } .TwoSectionPart-About-Us .text-about-us .about-Btn .readMore { margin:0px; padding: 13px 13px 12px 15px; height: 41px; } .TwoSectionPart-About-Us .column-Two { margin-top:23px; } .modal-content iframe {height:300px;} .banner span {font-size:15px!important;} .timeline-container .timeline h3::after {width:20px;} .timeline-container .timeline h3::before {width:20px;} .timeline-container .timeline-item { padding: 0 20px 0px 20px; margin-bottom: 50px; } .timeline__content-desc {margin-bottom:15px!important;font-size:14px!important;} .timeline-container .timeline-item::before {content:none;} .timeline-container .timeline__content { display: block; min-height: 0; margin-top: 5px; } .timeline-container .timeline h3 { font-size: 20px; margin: 10px auto !important; position: static; text-align: center; transform: none; padding: 0; } .it-m {padding-left:0;margin-left: -9px;} #section-3.banner {padding-bottom: 10px !important;padding-top: 21px;} .owl-carousel .owl-item .single-logo img { width: 88px; margin: 0 auto 14px; height: 43px; object-fit: contain; } .featured-projects {padding-bottom:00px;} .featured-projects .figure {height:auto;padding-bottom: 72%;} .featured-projects ul { padding: 0 15px 10px 15px !important; } .List-of-projects .tabArea2 { padding: 0; margin-top: 30px; } .List-of-projects .devTab2 ul li a { font-size: 15px; padding: 9px 11px; } .List-of-projects .devTab2 ul li {padding:0;} .sectorSection .row .right-Logo ul li { width: 100%; height: auto; margin-bottom: 9px; padding-bottom: 16px; } .sectorSection .row .right-Logo ul li figure { } .sectorSection .row .right-Logo ul li figure img { } .nav-primary .sub-menu .menu-item a, .nav-primary .secMenu .menu-item a { font-size:13px; } .menu-item.menu-item-has-children.menu-item-has-single .sub-menu { display:none; } .md-l { padding: 20px 10px; } .banner .intro p {font-size:15px;} .timeline__nav { text-align: center; overflow: hidden; width: 99%; } .watermark-bg {display:none;} .bg-white.history p {font-size:14px!important;} .bg-white .timeline h3 {font-size:19px;} .timeline__nav a {font-size:13px;padding:5px 10px;width:auto;} .it-left {padding:0 30px;} .it-right .copy {padding-top: 40px;} .it-left { max-width: 100%; margin-bottom: 37px; } .watermark-6 {left:16px;} .timeline {display:block!important;} .bg-white.history p {max-width:none;} .it-right {padding:0 20px;} #myModal1 .modal-dialog {width:80%;} #myModal1 .modal-body video {height:auto;} #myModal1 .modal-body {padding:14px 9px;} .nav-primary .sub-menu { visibility: visible; opacity: 1; background:#11569b; display: none; } .nav-primary.cnav .nav > li { padding: 0!important; margin-bottom: 10px!important; } .menu-item.menu-item-has-children { padding: 0!important; } .menu-item.menu-item-has-children > a { width: calc(100% - 30px); padding: 4px 0; display: block; } .menu-item.menu-item-has-children i.fa { top: 12px; width: 30px; height: 30px; } .nav-primary.cnav .nav > li > a { width: calc(100% - 30px); padding: 10px 0; display: block; } } .site-header.sth.fixed .nav a { color: #ffffff; } .site-header.sth.fixed .site-logo img { width: 150px !important; padding: 10px; background-color: #fff; } .two-column-gallery-text .text { align-self: center; } .banner ul li .our-member-1 {position: relative;} .banner ul li .our-member-1:hover:before { width: 110%; height: 100%; } .banner ul li .our-member-1::before { content: ''; border: 9px solid #52b74a; border-left-width: 9px; border-left-style: solid; border-left-color: rgb(82, 183, 74); width: 100px; height: 70px; position: absolute; top: -17px; left: -18px; display: block; background: #52b74a; border-radius: 4px; transition: all 0.3s ease-in-out; z-index: -1; } .s-new { position:relative; } .s-new:before { content: ''; background: #f6f6f6 url('../img/main-slider-four-shape-1.png'); background-repeat: repeat; background-attachment: scroll; background-size: auto; width: 100%; position: absolute; top: 0; height: 100%; background-size: 620px auto; background-repeat: no-repeat; z-index: -1; background-attachment: fixed; } .page-header.insideHeader { background: #52b848 !important; } .box>.icon>.image { background: #232021; } .box>.icon>.image>i { color: #52b74a !important; } .f-wrapper { background: #242021; } .f-wrapper iframe { border: 4px solid #53b948 !important; } .f-wrapper .form-control { border: 1px solid #54b947; } .f-wrapper .btn.btn-default.btn-send { background: #52b848; border: none; color: #fff; padding: 10px 26px; border-radius: 4px; cursor: pointer; } p { line-height: 1.6; font-weight: 400; font-size: 15px; margin: 13px 0 12px; } h2 { margin-top: 1.875rem; margin-bottom: 0; font-size: 32px; line-height: 43px; text-transform: capitalize; } .banner h2, .single-column-text h2 { white-space: normal; font-size: 32px; line-height: 43px; text-transform: capitalize; } .banner .intro p { font-weight: 400; font-size: 16px; margin: 13px 0 12px; } .header-social .header-social-link:hover { background-color: #52b74a; } .cat_share_inner { justify-content: flex-start; } .bdetailContent img { width: 100%; margin-bottom: 15px; height: 500px; object-fit: cover; } .cat-lst li { padding-left: 14px; list-style: none; position: relative; margin: 0 0 10px; } .cat-lst li:before { content: '\f054'; font-family: 'fontawesome'; font-size: 12px; position: absolute; left: 0; top: 7px; color: #52b74a; } .cat-lst li a { font-size: 16px; color: #313131; } .widget-title h4 span { font-size: 22px; } .position-relative input { font-size: 16px; } .position-absolute { color: #52b848; } .widget-title h4:after { background: #52b847; height: 3px; } .metaDv { font-size: 16px; } .b-editor span { font-size: 16px !important; } @media screen and (max-width: 1399px) { .banner ul li { flex: 0 0 32%; } .banner ul li .our-member-1 .member-detail { width: 300px; } .two-column-gallery-text .text { padding-left: 35px; } .two-column-gallery-text h2 { margin-top: 0px; } .two-column-gallery-text .swiper-slide figure { height: 400px !important; } } @media screen and (max-width: 1199px) { .site-header .site-logo:before { width: auto; } .page-header .header-content { left: 50%; } .testmDv { bottom: 50px; } .services-slider h3 { font-size: 18px; color: #2c2c2a; } .item--icon strong { background: url(../img/tree.png) 0 0/50px no-repeat; width: 50px; height: 50px; flex: 0 0 60px; } .item--icon h3 { font-size: 18px; } .banner ul li { flex: 0 0 30%; margin: 0px; } .banner ul li .our-member-1 .member-detail { width: 230px; padding: 8px; } .banner ul li .our-member-1 img { height: 280px; } .banner ul li .our-member-1 .member-detail p { margin: 5px 0 6px; } .banner ul li .our-member-1::before { left: -12px; top: -12px; } .New-Section-Updates ul { padding: 0; display: flex; justify-content: space-between; align-items: center; } .New-Section-Updates ul li { flex: 0 0 30%; } .footer .topFooter { display: flex; align-items: flex-end; justify-content: space-between; } .footer .leftFooter { text-align: left; } .footer .topFooter .footerLogo { padding-right: 0px; } .footer .AbtFooter { text-align: left; } .footer .topFooter div { flex: 0 0 30%; } .footer .AbtFooter .firstUL { margin-left: 0px; } .two-column-gallery-text .container { display: flex; align-items: center; } .watermark-bg { display: none; } .two-column-gallery-text { margin-bottom: 0px !important; } .banner h2 { font-size: 28px; line-height: 36px; padding-bottom: 23px; margin-bottom: 20px; } .banner { padding: 2rem 0 0px !important; } .site-header.site-header .nav>li:not(:first-child) { margin-left: 18px; } .site-header .nav a { font-size: 15px; } .site-header .site-logo img { width: 200px; } .page-header.insideHeader { margin-top: 60px; } .banner .intro .col-md-6 .text { margin-top: 0px !important; } div#google_translate_element { top: 20px; } } @media screen and (max-width: 1024px) { .hamburger { padding: 0px; } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { background-color: #52b74a; } .is-active .hamburger-inner, .is-active .hamburger-inner:after, .is-active .hamburger-inner:before { background-color: #2c2c2a; } .site-header .contact-info { margin: 2vh 0 5vh; padding: 0 10px; } .site-header.is-active .nav-primary { border-bottom: 3px solid #2c2c2a; } .site-header .contact-info a { font-size: 18px; font-weight: 500; } .nav-primary a { color: #2c2c2a; } .site-header.site-header .nav>li:not(:first-child) { margin-left: 0px; } .btn-read { margin-top: 0px; } } @media screen and (max-width: 991px) { .site-header .set-header-2 { padding: 25px 0px; } .site-header-white .site-header { border: none; padding: 16px 0; } .home-section-three-inner .cycle-slideshow li figcaption p img { left: 90px; } #section-2.banner h2 { font-size: 31px; } .s-serv { margin: 0px; padding: 0px; } .s-serv .li { margin: 0px; } .item--meta { padding: 10px 6px; } .desc ul li:before { font-size: 16px; } .desc ul li { padding-left: 20px; } .item--icon strong { background: url(../img/tree.png) 0 0/40px no-repeat; width: 40px; height: 40px; flex: 0 0 45px; } .item--icon { padding-left: 6px; } .item--icon h3 { font-size: 16px; padding-right: 12px; min-height: 100px; line-height: 22px; } .banner ul li .our-member-1 .member-detail { width: 180px; padding: 4px; } .banner ul li .our-member-1 .member-detail h5 { font-size: 18px; margin-top: 8px; } .banner ul li .our-member-1 .member-detail p { font-size: 14px; margin: 3px 0 6px; } .banner ul li .our-member-1 img { height: 250px; } .New-Section-Updates ul li figcaption { width: 100%; padding: 0px 5px; } .New-Section-Updates ul li { flex: 0 0 30%; margin: 0px; } .New-Section-Updates ul li figcaption h3 { margin: 10px 0px 0px; } .footer .AbtFooter { margin: 0px; } .page-header { min-height: 600px !important; } .TwoSectionPart-About-Us { padding: 40px 0 10px 0; } .page-header.insideHeader { margin-top: 109px; } .banner h2 { font-size: 21px; line-height: 26px; } .banner h2 { padding-bottom: 23px; margin-bottom: 20px; } .banner h2::after { height: 5px; } .footer .subFooter form input[type=submit] { width: 90px; font-size: 14px; } .footer .subFooter form input { padding: 14px 12px 13px; font-size: 14px; width: calc(100% - 90px); } .banner .intro .col-md-6 .img-sec { height: 300px !important; padding-right: 25px !important; } .f-wrapper iframe { height: 400px; } .f-wrapper .form-control { margin-bottom: 20px !important; } .contact .col-lg-4 { padding: 5px; } .box>.icon>.info { padding: 10px 7px 0px; min-height: 190px; } .blog-text { width: calc(100% - 290px); } .blog-image { margin-right: 25px; } } @media screen and (max-width: 801px) { .page-header .header-content { left: 0px; } .page-header.insideHeader { margin-top: 0px; } } @media screen and (max-width: 767px) { #section-2.banner h2 { font-size: 23px; } .childrenClassesSet p { font-size: 14px; margin: 0px; } #section-2.banner{ padding: 2rem 0 4rem 0; } .s-serv>li { flex: 0 0 100%; max-width: 100%; } .banner ul { flex-wrap: wrap; } .banner ul li { flex: 0 0 100%; margin: 0px; } .banner ul li .our-member-1 .member-detail { width: 400px; padding: 14px 15px; } .banner ul li .our-member-1 img { height: 450px; } .New-Section-Updates ul { flex-wrap: wrap; } .New-Section-Updates ul li { flex: 0 0 100%; margin: 0px; } .footer .topFooter { flex-wrap: wrap; } .footer .topFooter div { flex: 0 0 48%; } .s-new:before { display: none; } .item--icon h3 { min-height: 80px; } .two-column-gallery-text .container { flex-wrap: wrap; } .two-column-gallery-text .slider { width: 100%; } .two-column-gallery-text .text { padding-left: 0px; padding-top: 35px; width: 100%; } .page-header.insideHeader h1 { font-size: 26px; line-height: 24px; } .breadcrumb-wrapper span { font-size: 12px; } .ttm-bread-sep i { font-size: 10px; } .page-header.insideHeader { padding: 10% 0 !important; } .page-header.insideHeader { padding: 5% 0 !important; } .banner h2 { font-size: 16px; line-height: 20px; } .banner h2 { padding-bottom: 18px !important; margin-bottom: 15px !important; } .banner h2::after { height: 5px !important; } .banner .intro p { font-size: 14px; } .banner .intro .col-md-6 .img-sec { height: 200px !important; padding-right: 25px !important; } .banner { padding: 2rem 0 30px !important; } .page-header.insideHeader h1 { font-size: 22px; line-height: 24px; margin: 0px; } .loader img { width: 100px; } .contact .col-sm-6 { width: 100%; padding: 10px 10px; } .bdetailContent img { margin-bottom: 10px; height: 300px; } } @media screen and (max-width: 575px) { .site-header .site-logo img { width: 124px !important; left: -15px !important; } .page-header h1 { font-size: 20px; } .page-header .header-content .containerCaption p { font-size: 16px; font-weight: 400; } .text-about-us h3 { margin: 0px; } .column-Two h2.centrHeading { font-size: 24px; line-height: 26px; } .cycle-slideshow .slick-prev.slick-arrow { left: 30% !important; } .cycle-slideshow .slick-next.slick-arrow { left: 70% !important; } .home-section-three-inner .cycle-slideshow li figure { margin: 20px auto 40px; } .banner h2, .single-column-text h2 { font-size: 26px; line-height: 26px; } .banner ul li .our-member-1 img { height: 350px; } .banner ul li .our-member-1 .member-detail { width: 250px; padding: 8px 10px; } .footer .topFooter div { flex: 0 0 100%; } .footer .leftFooter { margin-top: 20px; } .footer .AbtFooter { margin: 30px 0px; padding: 0px; } #section-2.banner .container .col-sm-12.col-md-6.col-lg-6 { width: 100%; margin: 10px 0px !important; padding: 0px !important; border: none !important; } .s-new .container>h3 { font-size: 30px; line-height: 26px; } .banner:not(.heading) { padding: 0px; } .back-to-top { font-size: 12px; height: 60px; width: 60px; } .services-slider h3 { font-size: 14px; } .services-slider .swiper-button-next, .services-slider .swiper-button-prev { width: 18%; } .New-Section-Updates.mainPg h2 { font-size: 26px; } .page-header { min-height: 400px !important; } .site-header .contact-info a { font-size: 15px; font-weight: 500; } .page-header.insideHeader h1 { font-size: 18px; line-height: 24px; margin-bottom: 3px; } h2 { font-size: 26px; line-height: 26px; } .two-column-gallery-text h2:after { height: 5px; } .two-column-gallery-text h2 { padding-bottom: 10px; } .banner .intro { display: flex; flex-wrap: wrap; } .banner .intro .col-md-6 { width: 100% !important; } .banner .intro .col-md-6 .text { margin-top: 30px !important; } .banner ul li { padding: 15px !important; margin-top: 0px !important; } .banner ul li .job-description ul li { padding: 3px 0px !important; font-size: 14px !important; } .banner ul li .job-description ul { padding-left: 25px !important; margin-top: 10px; } .banner ul li .job-description h4 { font-size: 18px; margin: 0px !important; } .f-wrapper .btn.btn-default.btn-send { padding: 10px; width: 100%; } .f-wrapper .form-control { margin-bottom: 10px !important; } .box>.icon>.info { padding: 10px 7px 20px; min-height: auto; } .box>.icon>.image { width: 68px; height: 68px; line-height: 58px; } .f-wrapper iframe { height: 300px; } .f-wrapper { padding: 40px 0 1px; } .box>.icon>.image>i { font-size: 24px !important; } .box>.icon>.image>i.fa-mobile { font-size: 32px !important; } .bdetailContent img { margin-bottom: 0px; height: 250px; } .blogS { margin: 20px auto; } .cat_share_wrapper { padding: 15px 0; margin: 10px auto; } ul.cat_testi_icons li a { line-height: 23px; margin-right: 6px; } ul.cat_testi_icons li a i { font-size: 12px; } .cat_share_inner h6 { font-size: 12px; } .metaDv { font-size: 14px; } } .back-to-top { z-index: 9999; } .site-header.site-header .nav>li:not(:first-child) { margin-left: 25px; } .nav-background.defaulnav { display: none; } .nav-primary .menu-item-has-children i.fa { font-size: 12px; color: #040303; padding-left: 0px; } .menu-item.menu-item-has-children.menu-item-has-single .sub-menu { display: block; background-color: #52b74a; padding: 0px 10px; } .nav-primary .menu-item:hover i.fa { color: #000; } .menu-item.menu-item-has-children.menu-item-has-single .sub-menu .menu-item { min-width: 100%; } .page-header .header-content { background-color: #fff; left: 18%; width: 38%; padding: 10px 20px 17px; z-index: 9; } .page-header .header-content { } .banner h2::after { left: 50% !important; } .banner h2 { padding-bottom: 18px; } .contact .second-portion .col-lg-4 { width: 25%; float: left; padding: 10px; } .float{ position: fixed; width: 60px; height: 60px; bottom: 130px; right: 50px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 30px; box-shadow: 2px 2px 3px #999; z-index: 100; } .float { display: none; } .my-float{ margin-top:16px; } .TwoSectionPart-About-Us .column-One { width: 100%; } .TwoSectionPart-About-Us .column-Two { display: none; } .skiptranslate iframe { display: none; } .footer .ThirdColm { display: none; } .opacityBanner { /*display: none;*/ } section#section-1 .banner h2 { position: relative; padding-bottom: 15px; margin-bottom: 30px; text-align: left; } section#section-1 .banner h2::after { content: ''; width: 66px; position: absolute; left: 0%; right: 0; height: 8px; background: #52b847; bottom: 0; left: 0% !important; } section#section-1 .banner ul { padding-left: 1.1875rem !important; } section#section-1 .banner ul li { margin: 0px; margin-top: 0px; font-size: 16px !important; list-style: auto; text-align: justify; margin-bottom: 20px; font-weight: 400; } .s-serv li .li:hover .item--icon { background-color: #52b74a; } .s-serv li .li:hover .item--meta { background: #f6f6f6; } .s-serv li .li:hover .item--readmore { display: block; transition: .3s linear; color: #ffffff; border: 2px solid #000; } .s-serv li .li:hover h3 { color: #fff; } .item--icon h3 { color: #fff !important; }