@charset "UTF-8";

/*
Theme Name: Archiving Solutions
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
/*== GENERAL CSS ==*/
a, .ctaArea *, .storeProduct li *, .header * { text-decoration:none; -webkit-transition:all 250ms linear; -moz-transition:all 250ms linear; -ms-transition:all 250ms linear; -o-transition:all 250ms linear; transition:all 250ms linear;  }

@-webkit-keyframes tyre-info7{from{-webkit-transform:translate3d(-130px, 0, 0);transform:translate3d(-130px, 0, 0);}
to{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);}
}
@keyframes tyre-info7{from{-webkit-transform:translate3d(-130px, 0, 0);transform:translate3d(-130px, 0, 0);}
to{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);}
}
.tyre-info7-anim{-webkit-animation-name:tyre-info7;animation-name:tyre-info7;}
@-webkit-keyframes tyre-info6{from{-webkit-transform:translate3d(-70px, 0, 0);transform:translate3d(-70px, 0, 0);}
to{-webkit-transform:translate3d(0,0, 0);transform:translate3d(0,0, 0);}
}
@keyframes tyre-info6{from{-webkit-transform:translate3d(-70px, 0, 0);transform:translate3d(-70px, 0, 0);}
to{-webkit-transform:translate3d(0,0, 0);transform:translate3d(0, 0, 0);}
}
.tyre-info6-anim{-webkit-animation-name:tyre-info6;animation-name:tyre-info6;}
@-webkit-keyframes tyre-info3{from{-webkit-transform:translate3d(70px, 0, 0);transform:translate3d(70px, 0, 0);}
to{-webkit-transform:translate3d(0,0, 0);transform:translate3d(0,0, 0);}
}
@keyframes tyre-info3{from{-webkit-transform:translate3d(70px, 0, 0);transform:translate3d(70px, 0, 0);}
to{-webkit-transform:translate3d(0,0, 0);transform:translate3d(0, 0, 0);}
}
.tyre-info3-anim{-webkit-animation-name:tyre-info3;animation-name:tyre-info3;}
@-webkit-keyframes tyre-info2{from{-webkit-transform:translate3d(100px, 0, 0);transform:translate3d(100px, 0, 0);}
to{-webkit-transform:translate3d(0,0, 0);transform:translate3d(0,0, 0);}
}
@keyframes tyre-info2{from{-webkit-transform:translate3d(100px, 0, 0);transform:translate3d(100px, 0, 0);}
to{-webkit-transform:translate3d(0,0, 0);transform:translate3d(0, 0, 0);}
}
.tyre-info2-anim{-webkit-animation-name:tyre-info2;animation-name:tyre-info2;}
@-webkit-keyframes tyre-info1{from{-webkit-transform:translate3d(120px, 0, 0);transform:translate3d(120px, 0, 0);}
to{-webkit-transform:translate3d(0,0, 0);transform:translate3d(0,0, 0);}
}
@keyframes tyre-info1{from{-webkit-transform:translate3d(120px, 0, 0);transform:translate3d(120px, 0, 0);}
to{-webkit-transform:translate3d(0,0, 0);transform:translate3d(0, 0, 0);}
}
.tyre-info1-anim{-webkit-animation-name:tyre-info1;animation-name:tyre-info1;}
@-webkit-keyframes l-circle-anim{from{stroke-dashoffset:1000;stroke-dasharray:1000;}
to{stroke-dashoffset:0;}
}
@keyframes l-circle-anim{from{stroke-dashoffset:1000;stroke-dasharray:1000;}
to{stroke-dashoffset:0;stroke-dasharray:0;}
}
.line-circle .cls-1-anim{-webkit-animation-name:l-circle-anim;animation-name:l-circle-anim;}
@-webkit-keyframes blue-line-anim{from{stroke-dashoffset:1000;stroke-dasharray:1000;}
to{stroke-dashoffset:0;}
}
@keyframes blue-line-anim{from{stroke-dashoffset:1000;stroke-dasharray:1000;}
to{stroke-dashoffset:0;stroke-dasharray:0;}
}
.blue-line-anim{-webkit-animation-name:blue-line-anim;animation-name:blue-line-anim;}

@-webkit-keyframes moveBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(20px)}}
@keyframes moveBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(20px)}}
@-webkit-keyframes moveLeftBounce{0%,100%{transform:translateX(-10px)}50%{transform:translateX(10px)}}
@keyframes moveLeftBounce{0%,100%{transform:translateX(-10px)}50%{transform:translateX(10px)}}

@-webkit-keyframes moveFor{0%,100%{width: 55px;left: -80px;right: auto;}100%{left: auto;right: 0;width: 6px;}}
@keyframes moveFor{0%,100%{width: 55px;left: -80px;right: auto;}100%{left: auto;right: 0;width: 6px;}}


@keyframes identifier {0% { height: 0; } 50% { height: 100%; } 100% { height: 0px; } }
@keyframes identifier2 {0% { width: 0; } 50% { width: 100%; } 100% { width: 0px; } }

@keyframes dots { 70% { box-shadow: 0 0 0 40px rgba(244, 68, 56, 0); }
  to { box-shadow: 0 0 0 0 rgba(150, 100, 56, 0); } }
  
@keyframes borderimg{ 0{ width: 0; } 50%{ width:100%;} 100% { width:0;  } }
@keyframes border2img{ 0{ height: 0; } 50%{ height:100%;} 100% { height:0;  } }

/*body{ background-image: url(assets/images/background.jpg); background-repeat: repeat; }*/

.btn{position: relative; border: 1px solid #CE343A; border-radius: 5px; font-size: 14px; color: #fff; text-transform: uppercase;min-width: 120px; text-align: center; padding: 10px 20px; display: inline-block;background: #CE343A;}
.btn:hover{ background-color: transparent; }
.btn:hover span{ color:#CE343A ;}
.btn span{position: relative; transition: .5s; text-align: center;z-index: 1; color: #fff;}
.btn::after{ content:''; position: absolute;transition: .4s; border-top-right-radius: 5px;border-top-left-radius: 5px; right: 0; left: 0; top: 0; height: 50%; width: 100%; background-color:#CE343A ; }
.btn::before{ content:''; position: absolute;transition: .4s; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;right: 0; left: 0; bottom: 0;  height: 50%; width: 100%; background-color:#CE343A ; }
.btn:hover::after, .btn:hover::before{ height: 0; background: transparent; }

.main{ }
.main-section {padding: 70px 0; overflow: hidden; }
.main-heading-1{position: relative;margin-bottom: 25px;}
.main-heading-1 h2{position: relative; color:#CE343A; font-size: 35px; margin-bottom: 0;text-align: center; padding-bottom: 10px;}
.main-heading-1 h2::before{ content: '';transition: 1s;  position: absolute; right: 0; bottom: 0; left: 0; width:0px; height:2px ;margin: auto; border-radius: 2px; background-color: #CF6327; }
.main-heading-1.is-visible h2::before{width:50px;}
.main-section p{font-size: 15px; color: #000000; line-height: 31px; margin-bottom: 15px; transition: .5s;font-weight: 300;}


.main-heading-2{position: relative;margin-bottom: 25px;}
.main-heading-2 h2{ position: relative; text-transform: capitalize; color: #000; padding-left: 20px; font-size: 36px; margin-bottom: 0; line-height: 50px; font-weight: 700;}
.main-heading-2 h2::before{content: ''; position: absolute; left: 0; height: 0%; width: 3px; background-color: #CE343A; transition: 1s; }
.main-heading-2.is-visible h2::before{height: 100%;}

/*body{ background-image: url(assets/images/body-bf.png); z-index: -1; }*/
.searchPop{display: none; position: fixed; inset: 0px; width: 100%; height: 100%;background: rgb(0 0 0 / 85%); z-index: 9999999;}
.searchPop .searchPopInr{position: absolute;z-index: 99999999;right: 0px;left: 0px;top: 0;margin: auto;height: 70px;width:60%;bottom: 0;}
.searchPop .toClose{position: absolute;top: 40px;right: 40px; line-height: 1; font-size: 40px;}
.searchPop .searchPopInr form{}
.searchPop .searchPopInr form .form-control{height: 70px;font-size: 22px;border-radius: 8px;padding: 20px 220px 20px 20px;}
.searchPop .searchPopInr form .btn{height: 70px;border-radius: 8px;border-width: 2px; font-size: 20px;text-transform: capitalize; text-align: center; position: absolute;top: 0;right: 0;width: 220px;background: #fff;}

.img-border span{position: absolute;height: 5px;width: 0;left: 0;background: #ff6600;transition: 1s;/* animation: borderimg 6s infinite; */box-shadow: 0 0px 10px #0000007a;}
.img-border span:first-child{top: 0!important;}
.img-border span:nth-child(2){ bottom: 0; right: 0; left: auto; background: #1b1b1b; }
.img-border span:nth-child(3), .img-border span:nth-child(4){/* animation: border2img 6s infinite ; */width: 5px;}
.img-border span:nth-child(3){ top: 0; left: 0; height: 0; background: #ff6600; }
.img-border span:nth-child(4){ bottom: 0; left: auto; right: 0; background: #1b1b1b; height: 0;  }
figure:hover .img-border span{width: 100%;}
figure:hover .img-border span:nth-child(3),  figure:hover .img-border span:nth-child(4){height: 100%; width: 5px;}

/*=== HEADER CSS ===*/

.header{padding: 15px 0; position: absolute; top: 0; right: 0; left: 0; z-index: 999;transition: 0.5s;background: -moz-linear-gradient(bottom, rgb(0 0 0 / 70%) 0%, rgb(0 0 0 / 0%) 100%);background: -webkit-linear-gradient(top, rgb(0 0 0 / 70%) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgb(0 0 0 / 70%) 0%,rgba(255,255,255,0) 100%); background: #fff;}
.header ul li{display: inline-block;vertical-align: middle;}
.header a.logo {display: block;transition: 0.5s;}
.header .navigation {margin: 55px 0 0px 0;position: relative;display: block;}
.header .navigation ul{position: relative; text-align: center;}
.header .navigation ul li {margin: 0 px;position: relative;}
.header .navigation ul li:nth-child(3){ }
.header .navigation ul li a {display: block;position: relative;padding: 10px 15px;line-height: 1;font-weight: 600; text-transform: uppercase; font-family: 'El Messiri', sans-serif; color: #000; font-size: 15px;}
.header .navigation ul li a:hover {color: #fff;}
.header .navigation ul li a::after {width: 0;content: "";position: absolute;top: 0;bottom: 0; left: 0;height: 1px;transition: all .6s ease;background: #CE343A ;height: 100%;z-index: -1;border-radius: 4px;}
.header .navigation ul li a:hover:after{ width: 100%!important; }
.header .navigation a#pull {display: none; position: absolute;transition: 0.5s;color:#000; padding: 5px 12px;font-size: 16px;bottom: 8px;right: 0px;background:transparent;border:2px solid #CE343A;}
.header.scrll { position: fixed; /*padding: 10px 0;*/ box-shadow: 0 1px 4px #646464; background: rgb(255 255 255 / 90%); backdrop-filter: blur(5px);}
.header.scrll a.logo{ max-width: 150px; margin: auto; top: -5px;}
.header.scrll .navigation{margin: 12px 0 0px 0;}
.header.scrll .navigation ul li a{ color: #000;}
.header.scrll .navigation ul li a:hover{color: #fff;}

@-webkit-keyframes DASH3{0%{stroke-dashoffset:800}20%{stroke-dashoffset:1;fill-opacity:0}100%{stroke-dashoffset:1;fill-opacity:1}}
@-moz-keyframes DASH3{0%{stroke-dashoffset:800}20%{stroke-dashoffset:0;fill-opacity:0}100%{stroke-dashoffset:0;fill-opacity:1}}
#groupIcon{stroke: #ce242b;
    fill-opacity: 0;
    stroke-width: 5;
    stroke-miterlimit: 1;
    stroke-dasharray: 400;
    stroke-dashoffset: 0;
    animation: linear forwards;
    -webkit-animation: linear forwards;
    -o-animation: linear forwards;
    -moz-animation: linear forwards;
    animation-name: DASH3;
    animation-duration: 10s,0s;
    animation-delay: 0s,0s;
    animation-iteration-count: infinite;}

.banner { position: relative; background-color: #f4f0f0;}
.banner video{width: 100%; height: 49.41434846266471vw; object-fit: cover;}
.banner img{width: 100% !important;}
.banner figure{margin-bottom: 0;}
.banner figcaption{position: absolute;top: 33%;left: 0; right: 0; width: 100%;}
.banner figcaption h1{font-size:55px; margin-bottom: 0;color: #fff; font-weight: 500; text-align: center;}
.banner figcaption p{font-size: 18px; max-width: 495px; color: #fff;margin: 20px auto; line-height: 32px; text-align: center;}
.banner figcaption .banner-btn{ text-align: center; }
.banner figcaption .banner-btn a{font-size: 14px;font-weight: 300;margin: auto; text-align: center;display: block; text-transform: uppercase;position: relative;z-index: 1;display: inline-block; background: #CE343A;border: 2px solid #CE343A; border-radius: 5px; padding: 14px 20px; min-width: 170px; margin: 0 0 15px;}
.banner figcaption .banner-btn a:hover{ background-color: rgb(206 52 58 / 50%);color:#fff;; }
.banner figcaption .banner-btn a:focus{ color: #fff; }
.banner figcaption a::before {}
.banner figcaption a:hover::before {}
.banner figcaption a:hover {}
.banner a#myBtn {height: 70px;width: 70px;font-size: 70px;color: #fff;line-height: 1;cursor: pointer;display: block; margin: auto; text-align: center;}
.banner ul.plyPauBtn {z-index: 9; position: absolute;bottom: 38px;right: 180px;}
.banner ul.plyPauBtn li {display: inline-block;margin: 0 5px;}
.banner ul.plyPauBtn a {display: block;cursor: pointer;}
.banner .slick-dots {position: absolute;bottom: 45px;left: 0;right: 0;margin: auto;text-align: center;font-size: 0;}
.banner .slick-dots li {display: inline-block;margin:0 10px 0px 0;}
.banner .slick-dots li button {transition: .8s; border: none;outline: none;height: 12px; padding: 0; width: 12px;border: 1px solid #fff; background-color: transparent; border-radius:50%;}
.banner .slick-dots li.slick-active button {background: #CE343A; transform: scale(1.3);}
.banner .slick-initialized .slick-slide{line-height: 0;}

.banner ul.social-icons{ position: absolute; bottom: 38px;right: 30px; }
.banner ul.social-icons li svg{color: #fff; opacity: 1;}
.banner ul.social-icons li a{ font-size: 17px; }
.banner ul.social-icons li a:hover svg{color:#CE343A; }
ul.social-icons li a{ transition: .6s !important; }
ul.social-icons li:hover a{ transform: rotateY(360deg); transform: scale(1.1); }

/*Osm*/


.inner-banner{}
.inner-banner figure{position: relative;}
.inner-banner figure::before{content: ''; position: absolute; top: 0;left: 0; bottom: 0; right: 0; background: rgb(0 0 0 / 32%)}
.inner-banner figure img{width: 100%;object-fit: cover;}
.inner-banner figure figcaption{position: absolute;left: 0;right: 0;bottom: 36%;margin: auto;text-align: center;}
.inner-banner figure figcaption p{margin-bottom: 0;text-transform: uppercase; color: #fff;font-size: 18px;}
.inner-banner figure figcaption h1{margin: 0;color: #fff;font-size: 55px; font-weight: 600; text-transform: uppercase; margin-bottom: 8px;}



.home-section-one { position: relative; padding: 70px 0; }
.home-section-one::after { content: url(assets/images/sec1-bfr.png); position: absolute;right: -430px;top: -100px; z-index: -1; }
.home-section-one figure img{ border-radius: 15px; height: 595px;}
.home-section-one figcaption{ margin-top: 25px; }
.home-section-one figcaption .main-heading-2 h2{ max-width: 375px; margin-bottom: 15px;}
.home-section-one figcaption .main-heading-2 p{ padding-left: 20px; font-size: 15px; line-height: 31px; font-weight: 300; }
.home-section-one .about-slider{ margin: 50px -370px 0 0; }
.home-section-one .about-slider .about-slide-inner{ min-height: 282px;background-color: #CE343A; border-radius: 10px; padding: 35px 25px;}
.home-section-one .about-slider .gallery-item{ margin-right: 20px }
.home-section-one .about-slider .about-slide-inner h3{ font-size: 32px; font-weight: 700; color: #fff; margin-bottom: 12px;text-transform: capitalize;}
.home-section-one .about-slider .about-slide-inner p{ font-size: 14px; font-weight: 300; color: #fff; margin-bottom: 0; }


.home-section-one figcaption p{  }
.home-section-one figcaption{ position: relative; }
.home-section-one figcaption::after{ }


.home-section-two {position: relative; background-image: url(assets/images/Sec2-bg3.jpg); background-size: cover; background-repeat: no-repeat; padding: 120px 0 230px; }   
.home-section-two::before{ content: ''; background: url(assets/images/sec2-bfr.png) 0 0 no-repeat;  position: absolute; left: 0px ; right: 0; top: 0px; animation-name: rain; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; width: 100%; height: 100%;}
@keyframes rain{0%{ opacity: 1;transform: translateX(-30px); }25%{opacity: 0.5;}50%{ opacity: 1;transform: translateX(0px); }75%{opacity: 0.5;}100%{ opacity: 1;transform: translateX(-30px); } }

.home-section-two figcaption{ padding-left: 50px; }
.home-section-two figcaption h4{ font-size: 30px; font-weight: 600; color: #fff; line-height: 50px; }


.home-section-three{ background: #f5f4f4; padding: 0px 0 80px;}
.home-section-three .main-heading-1 h2{ margin-bottom: 25px; }
.home-section-three .main-heading-1 p{color: #979696; font-size: 15px; font-weight: 400; text-align: center; line-height: 23px; padding: 0 70px;}
.home-section-three .gallery-item{text-align: center; margin: 0 15px;}
.home-section-three figure{ display: inline-block; text-align: center; margin-bottom: 10px;}
.home-section-three figcaption a{position: relative; border: 1px solid #CE343A; background-color: #CE343A; border-radius: 5px; font-size: 14px; color: #fff; text-transform: uppercase;min-width: 120px; text-align: center; padding: 11px 20px; display: inline-block;}
.home-section-three figcaption a:hover{ background-color: transparent; }
.home-section-three figcaption a:hover span{ color:#CE343A ;}
.home-section-three figcaption a span{position: relative; transition: .5s; text-align: center;z-index: 1;}
.home-section-three figcaption a::after{ content:''; position: absolute;transition: .4s; border-top-right-radius: 5px;border-top-left-radius: 5px; right: 0; left: 0; top: 0; height: 50%; width: 100%; background-color:#CE343A ; }
.home-section-three figcaption a::before{ content:''; position: absolute;transition: .4s; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;right: 0; left: 0; bottom: 0;  height: 50%; width: 100%; background-color:#CE343A ; }
.home-section-three figure img{ width: 62px; height: 62px; }
.home-section-three figcaption h3{line-height: 25px; margin-bottom: 15px !important; text-transform: capitalize;min-height: 75px; font-size: 20px; font-weight: 400; color: #CF6327; max-width: 220px ; margin: auto; }
.home-section-three figcaption p{ min-height: 96px;line-height: 24px; font-size: 14px; color: #666666; margin-bottom: 25px;}

.home-section-three figcaption a:hover::after, .home-section-three figcaption a:hover::before{ height: 0; background: transparent; }
.home-section-three .slick-dots{ text-align: center; margin-top: 50px; }
.home-section-three .slick-dots li{ display: inline-block; margin-right: 10px; }
.home-section-three .slick-dots li button{ font-size: 0; background-color: transparent;transition: .5s; padding: 0; border: 1px solid #D26D35; border-radius: 50%; width: 10px; height: 10px; }
.home-section-three .slick-dots li.slick-active button{ background-color: #CE343A; border-color: #CE343A; transform: scale(1.3); }

/*.home-section-four figure::before{ content: url(assets/images/four-border.png);display: grid; align-items: center; position: absolute; right: 20px; left: 0; top: 40px; animation-name: rotate;animation-duration: 150s;animation-iteration-count: infinite;animation-timing-function: linear; width: 35.651537335285504vw;height: 35.651537335285504vw; margin: auto;}*/
.home-section-four { padding: 90px 0 150px ; overflow: visible; position: relative; background-image: url(assets/images/data-bg.png); background-size: cover;background-repeat: no-repeat;}
.home-section-four figure{text-align: center; overflow: hidden;}
@keyframes rotate{from{ transform: rotate(-360deg); }to{ transform: rotate(360deg); }}
.home-section-four figcaption ul.four-list li span{ display: inline-block;vertical-align: middle; font-family: 'El Messiri', sans-serif; font-size: 20px; font-weight: 400; color: #000; }
.home-section-four figcaption ul.four-list li strong{display: inline-block;vertical-align: middle;font-family: 'El Messiri', sans-serif; font-weight: 400; font-size: 30px; color: #CE343A; opacity: 0.5; margin-right: 20px; }
.home-section-four figcaption ul.four-list li{ position: absolute; bottom: 15px;left: 205px;}
.home-section-four figcaption ul.four-list li:nth-child(2){top: 230px;left: 125px;bottom: auto; }
.home-section-four figcaption ul.four-list li:nth-child(3){top: 10px;bottom: auto;left: 180px;}
.home-section-four figcaption ul.four-list li:nth-child(4){left: auto;right: 220px;bottom: auto;top: 10px;}
.home-section-four figcaption ul.four-list li:nth-child(5){top: 236px;left: auto;right: 95px;}
.home-section-four figcaption ul.four-list li:nth-child(6){top: auto;bottom: 30px;left: auto;right: 180px;}
.home-section-four figcaption ul.four-list li:nth-child(7){top: auto;bottom: -90px;left: -30px;right: 0;text-align: center;}
.home-section-four figure img{ width: 88%;/* margin: -115px 0 0 0;*/ }



.home-section-five{ background-image: url(assets/images/sec5-bg.jpg); background-attachment: fixed; background-size: cover;  background-repeat: no-repeat; padding-bottom: 70px;}
.home-section-five .main-heading-2 h2{ font-size: 42px; margin-bottom: 30px; }
.home-section-five .main-heading-2 p{ font-size: 14px; line-height: 30px; margin-bottom: 40px; }
.home-section-five form .form-group{ margin-bottom: 45px; }
.home-section-five form .form-control{ transition: .7s; outline: 0; box-shadow: none; letter-spacing: 1px; border: 0; border-bottom: 1px solid #9B9B9B; border-radius: 0; padding-left: 0; font-size: 14px; color: #858585; background-color: transparent;}
.home-section-five form .form-control::placeholder{color: #858585;}
.home-section-five form .form-control:focus{padding-left: 10px; border-color: #CE343A;}
.home-section-five form textarea{ height: 120px; }
.home-section-five .five-btn input{ color: #CE343A; transition: .7s; font-size: 18px; padding: 10px 20px; font-weight: 500; border:1px solid rgb(207 36 42 / 50%); text-transform: uppercase; min-width: 220px;border-radius: 4px; text-align: center;display: inline-block;}
.home-section-five .five-btn input:hover{background-color: #CE343A; color: #fff;}
.home-section-five .accordion-button{position: relative; margin-bottom: 0px; border: 0; background-color: transparent; box-shadow: none;}
.home-section-five .accordion-button h2{ position: relative; margin-bottom: 0; font-size: 28px; font-weight: 700; color: #000; padding-left: 10px; }
.home-section-five .accordion-button h2::before{ content: ''; position: absolute; left: 0; height: 100%; width: 3px; background-color: #CE343A; }
.home-section-five .accordion-button.collapsed h2::before{ width: 0; }
.home-section-five .accordion-button.collapsed::before{ width: 0; }
.home-section-five .accordion-collapse{ border: 0; transition: .8s; }
.home-section-five .accordion{ padding: 60px 0 0 50px; }
.home-section-five .accordion h3{ font-size: 24px; color: #000; font-weight: 700; position: relative; display: inline-block;}
.home-section-five .accordion h3::before{content:'';position: absolute; left: 0; bottom: 0; height: 3px; width: 40%; background-color: #CF242A;}
.home-section-five .accordion-body ul li{ margin-bottom: 25px; }
.home-section-five .accordion-body ul li:last-child{ margin-bottom: 0; }
.home-section-five .accordion-body ul li span{display: block; margin-bottom: 7px; font-size: 16px; color: #CE343A; letter-spacing: 1px ; font-weight: 500;}
.home-section-five .accordion-body ul li a{ color: #000; }
.home-section-five .accordion-body ul li a:hover{ color: #CE343A; }
.home-section-five .accordion-button::after{ background-image: url(assets/images/minus.png); }
.home-section-five .accordion-button.collapsed::after{ background-image: url(assets/images/plus.png); }


/*Osama*/

.home-section-six .header-button{ min-width: 250px; height: 60px; line-height: 60px; font-size: 20px; border: 1px solid #fff; }
.home-section-six{ background-image: url(assets/images/sec5-bg.jpg); background-size: cover ; background-attachment: fixed; padding: 100px 0 ;}
.home-section-six h2{ font-size: 60px; font-family: 'El Messiri', sans-serif; color: #000; font-weight: 600; line-height: .8; margin-bottom: 0;}
.home-section-six #counter{ margin: 30px 0; text-align: center; }
.home-section-six #counter h2{ position: relative;margin-bottom: 10px;}
.home-section-six #counter h2::after{ content:''; position: absolute; right: auto; font-size: 60px; padding-left: 8px;}
.home-section-six #counter span{ font-size: 20px; font-weight: 700;text-transform: uppercase; font-family: 'El Messiri', sans-serif; color: #ce343a; line-height: 0; }
.home-section-six small{font-size: 20px; font-weight: 700; text-transform: uppercase; font-style: italic;}
/*Osama*/

/*Osm*/

/*.service-section-one{ padding: 4.7vw 0 0; }
.service-section-one img, .service-section-four img{ width: 100%; }
.service-section-one figcaption{ height: 100%; display: flex; flex-flow: column; justify-content: center;  }
.service-section-one figcaption span, .service-section-four figcaption span{ font-size: 2.9282576866764276vw;color: #707070; font-family: 'Playfair Display', serif; font-weight: 700; line-height: 1; }
.service-section-one figcaption h2{ color: #000; }
.service-section-one .service-two-left p{ padding-right:3.9603221083455346vw; }
.service-section-one .service-two-left, .service-section-two .service-two-right{margin-bottom:  5.856515373352855vw;}
.service-section-one .service-two-right figcaption{ padding-left:4.192386530014641vw; }*/


.footer{ background-image: url(assets/images/footer-bg.jpg); background-size: cover; background-repeat: no-repeat; padding: 80px 0 0; }
.footer iframe{ width: 100%; height: 330px; }
.footer .footer-top { padding-bottom: 20px; }
.footer .footer-top .ftr-main-heading{ margin-bottom: 30px; }
.footer .footer-top .ftr-main-heading h2{ margin-bottom: 0; position: relative; font-size: 24px; font-weight: 700; color: #fff; padding-bottom: 0px; padding-left: 15px;}
.footer .footer-top .ftr-main-heading h2::before{ content: '';position: absolute; left: 0; width: 2px; height: 100%;  background-color: #fff;}
.footer .footer-top p{ font-size: 14px; text-transform: uppercase; color: #fff; line-height: 28px ; }
.footer .address{ max-width: 290px; }
.footer .address li{ margin-bottom: 20px; }
.footer .address li span{ color: #fff; font-weight: 500; font-size: 15px; display: block; margin-bottom: 5px;}
.footer .address li a{ color: #fff; font-size: 14px; font-weight: 300; line-height: 25px; }
.footer .address li a:hover{text-decoration: underline;}
.footer ul.ftr-menu li{ margin-bottom: 12px; }
.footer ul.ftr-menu li a{ color: #fff;  font-size: 14px; text-transform: capitalize; position: relative; font-weight: 300; padding-left: 10px;}
.footer ul.ftr-menu li a::before{ content: '';transition: .25s;position: absolute;background-color: #fff;width: 0;height: 2px;left: -5px;top: 45%; }
.footer ul.ftr-menu li a:hover::before{ width: 10px; }
/*.footer .footer-follow{ margin-top: 35px; }*/
.footer .footer-link{ padding-left: 30px; }
.footer .footer-follow ul.social-icons li{ margin-right: 10px; }
.footer .footer-follow ul.social-icons li a{ font-size: 17px; }
.footer .footer-logo img{ width: 220px; }


.footer .footer-bottom{padding: 30px 0; border-top: 1px solid #fff;}
.footer .footer-bottom p, .footer .footer-bottom span a, .footer .footer-bottom span{ color: #fff; font-size: 12px; margin-bottom: 0;}
.footer .footer-bottom span{ float: right;}
.footer .footer-bottom span a:hover{ color: #D5AA8A; text-decoration: underline; }



ul.social-icons li{ display: inline-block; margin-right: 6px; }
ul.social-icons li a{position: relative; transition: .3s; font-size: 13px;display: block; text-align: center; }
ul.social-icons li a svg{ transition: .6s; color: #fff; opacity: .5; position: relative;}
ul.social-icons li a:hover svg{opacity: 1; }

@keyframes myAnim{0%,100%{transform:translate(-120px, 120px) rotate(-312deg)}50%{transform:translate(0px, 0px) rotate(-312deg)}}

.banner figure figcaption ul li:hover {box-shadow: -10px 10px 40px #000 inset;background: #dcbc54;}
.banner figure figcaption ul li:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(assets/images/exclusive.png) 0 0 repeat;transform: rotate(-312deg) translateY(250px);transition: 1s;}
.banner figure figcaption ul li:hover:before {transform: rotate(-312deg) translateY(0);animation: 5s linear infinite myAnim;}
.banner figure figcaption ul li:nth-child(2){ margin-top: 145px; }
.banner figure figcaption ul li:nth-child(1), .banner figure figcaption ul li:nth-child(3), .banner figure figcaption ul li:nth-child(5){ top: -155px; left: -5px; }
.banner figure figcaption ul li:hover a {color: #000;}



.entry{ overflow: hidden; }



.contact-section-one{ background: #FAF9F9; padding: 80px 0 40px; }
.contact-section-two{ background: #FAF9F9; padding: 0 0 50px;}
.contact-section-two .main-heading-2 h2{ font-size: 28px;line-height: 32px;padding: 0 0 0 12px; margin-bottom: 25px; }
.contact-section-two h4{ color: #CF6327; font-size: 25px; }
.contact-section-two h3{ font-size:16px;letter-spacing: 2px; text-align:left ; margin: 0 !important; font-family: 'Poppins', sans-serif; color: #CE343A !important; font-weight: 500; }
.contact-section-two .mega_info_box{ padding: 0; }
.contact-section-two .mega_info_box a{ font-size: 14px; color: #000; text-align: left; line-height: 26px;}
.contact-section-two .mega_info_box a:hover{ text-decoration: underline; }
.contact-section-two .mega_info_box p{ text-align: left; margin-bottom: 0; }
.contact-section-two .contact-center{ padding-left: 50px; }

.career-section-one{ background: #FAF9F9; }
.career-section-one .main-heading-2{ margin-bottom: 0; }
.career-section-one .main-heading-2 h2{ margin-bottom: 15px; }
.career-section-one form{ margin-top: 80px; }
.career-section-one form .form-group{ margin-bottom: 60px; }

.solution-section-one img{ width: 100%; height: 320px; object-fit: cover; }
.solution-section-one .solution-inner{ margin-bottom: 25px; box-shadow: 0 0 10px #ccccccad; }
.solution-section-one .main-heading-2 h2{line-height: 35px; font-weight: 400; font-size: 20px;text-transform: uppercase;}
/*.solution-section-one .solution-left .btn{ margin-left: auto; }*/
.solution-section-one .solution-right .main-heading-2 h2{ padding-left: 15px; }
/*.solution-section-one .solution-left .main-heading-2 h2{ padding-left: 0; padding-right: 12px; }*/
/*.solution-section-one .solution-left .main-heading-2 h2::before{ left: auto; right: 0; }*/
.solution-section-one figcaption{ background: #fff; padding: 20px; }
.solution-section-one figure::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;background: linear-gradient(to right, rgb(255 255 255) 0%,rgba(255,255,255,0) 40%);right: 0;}

.service-section-one{ padding: 0; }
.service-section-one figcaption h2{text-transform: uppercase; font-weight: 400; font-size: 30px;}
.service-section-one figure img{ width: 100%; }
.service-section-one figure{ position: relative; }
.service-section-one figure::after{ content: ''; background-image: url(assets/images/red.png); background-repeat: center; background-size: cover; position: absolute; right: -150px; top: 0; bottom: 0; height: 27.452415812591507vw;width: 21.742313323572475vw; margin: auto;}
.service-section-one .service-two-left figure::after{content: ''; background-image: url(assets/images/orang.png); right: auto; left: -150px; }
.service-section-one figcaption{ padding:0 6.174231vw 0 13.641288vw;; }
.service-section-one .service-two-left figcaption{ padding: 0 13.641288vw 0 6.174231vw ; }

.service-section figcaption{ height: 100%; display: flex; flex-direction: column; justify-content: center; }
.service-section figcaption .btn{width: 130px ;}


.service-detail-one{ position: relative;background: #FAF9F9; }
.service-detail-one h3{ font-size: 27px; color: #000; }
.service-detail-one ul li{position: relative; line-height: 31px; font-size: 15px; padding-left: 25px; margin-bottom: 10px; }
.service-detail-one ul li::before{ content: ''; position: absolute; left: 0; top: 9px; width: 13px; border-radius: 50%; height: 13px; background-color: #CE343A; }
.service-detail-one::before{content: url(assets/images/service-bfr.png); position:absolute; right: -60px; top: -40px; opacity: 0.05;}
.service-detail-one h2{ font-size: 38px; text-transform: uppercase; font-weight: 400; }
.service-detail-one figure {padding-right: 100px;position: relative; z-index: 1;}
.service-detail-one figure img{ width: 100%; }
.service-detail-one figure::before{display: none; content: ''; z-index: -1; position: absolute;right: 55px;bottom: -40px;width: 61%;height: 97%; border: 4px solid #CE343A; }
.solution-detail-one::before{ opacity: 1; content: url(assets/images/solution-dtl-bfr.png); right: 20px; top: auto; bottom: -40px; }
.solution-detail-one .solution-detail-two{ margin-top: 100px; }


.about-section-one{ position: relative; overflow: visible; }
.about-section-one::before{ content: url(assets/images/about-bfr.png); position: absolute;left: -20px;top: -60px;}
.about-section-one h2{ margin-bottom: 25px; text-transform: uppercase; }
.about-section-one .vc_column-inner, .about-section-two .vc_column-inner{height: 100%;display: flex;justify-content: center;flex-direction: column;}

.about-section-two{ background: #FAF9F9;overflow: visible;}
.about-section-two figure{ padding-right: 25px; }
.about-section-two h2{ margin-bottom: 15px; }
.about-section-two .wpb_single_image { margin-bottom: 15px; }

.about-section-three { position: relative; overflow: visible; padding:70px 0 130px ; }
.about-section-three::before{ content: url(assets/images/about3-bfr.png); position: absolute; bottom:-210px;left: -30px; }
.about-section-three .solution-wrap { position: relative;z-index: 1; }
.about-section-three .solution-wrap::after{ content: url(assets/images/about3-afr.jpg); z-index: -1; position: absolute; right: -100px; bottom: -65px; }
.about-section-three .solution-wrap .vc_column-inner{ padding: 260px 0 0 ; }
.about-section-three .solution-wrap .vc_column-inner .wpb_wrapper,.about-section-three .solution-wrap .wpb_text_column{ margin: 0; }
.about-section-three .solution-wrap .vc_column-inner > .wpb_wrapper{max-width: 495px; background: #CF6327; padding: 60px 35px 50px; }
.about-section-three .solution-wrap .wpb_wrapper h2{ color: #fff; text-transform: uppercase; font-size: 38px; }
.about-section-three .solution-wrap .wpb_wrapper p{ color: #fff; }

.about-section-four { padding: 100px 0 !important; position: relative; background-repeat: no-repeat; background-size: cover;}
.about-section-four::before{ content: '';position: absolute; right: 0; left: 0; top: 0; bottom: 0; background:rgb(0 0 0 / 52%); }
.about-section-four h2{ color: #fff; margin-bottom: 13px; font-size: 38px; font-weight: 400; text-transform: uppercase;}
.about-section-four h2::before{ background: #fff; }
.about-section-four p{ max-width: 435px; color: #fff; }
.about-section-four .wpb_content_element ,.about-section-four .main-heading-2{ margin: 0; }


/*/ whatsap css /*/
#whatsapp{position:fixed;left:40px;bottom:10%;width:70px;height:70px;cursor:pointer;opacity:1;z-index:99990}
#whatsapp #whatsappMain{-moz-border-radius:50% !important;-webkit-border-radius:50% !important;border-radius:50% !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:rgba(255, 255, 255, 0);width:70px;height:70px;color:#40c351;z-index:9;-webkit-animation:zcwmini2 1.5s 0s ease-out infinite;-moz-animation:zcwmini2 1.5s 0s ease-out infinite;animation:zcwmini2 1.5s 0s ease-out infinite;}
#whatsapp #whatsappMain:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:9;background-image:url('assets/images/whatsapp.png');background-repeat:no-repeat;background-position:center center;-webkit-animation:zcwphone2 1.5s linear infinite;-moz-animation:zcwphone2 1.5s linear infinite;animation:zcwphone2 1.5s linear infinite}

@-webkit-keyframes zcwphone {
  0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  25%{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}
  50%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  75%{-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
  100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@-moz-keyframes zcwphone {
  0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  25%{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}
  50%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  75%{-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
  100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes zcwphone {
  0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  25%{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}
  50%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  75%{-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
  100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@-webkit-keyframes zcwphone2 {
  0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  25%{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}
  50%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  75%{-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
  100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@-moz-keyframes zcwphone2 {
  0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  25%{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}
  50%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  75%{-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
  100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes zcwphone2 {
  0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  25%{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}
  50%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  75%{-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
  100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@-webkit-keyframes zcwmini {
  0%{box-shadow:0 0 8px 6px rgba(207,8,8,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(207,8,8,0)}
  10%{box-shadow:0 0 8px 6px ,0 0 12px 10px rgba(0,0,0,0),0 0 12px 14px}
  100%{box-shadow:0 0 8px 6px rgba(207,8,8,0),0 0 0 40px rgba(0,0,0,0),0 0 0 40px rgba(207,8,8,0)}
}
@-moz-keyframes zcwmini {
  0%{box-shadow:0 0 8px 6px rgba(207,8,8,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(207,8,8,0)}
  10%{box-shadow:0 0 8px 6px ,0 0 12px 10px rgba(0,0,0,0),0 0 12px 14px}
  100%{box-shadow:0 0 8px 6px rgba(207,8,8,0),0 0 0 40px rgba(0,0,0,0),0 0 0 40px rgba(207,8,8,0)}
}
@keyframes zcwmini {
  0%{box-shadow:0 0 8px 6px rgba(207,8,8,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(207,8,8,0)}
  10%{box-shadow:0 0 8px 6px ,0 0 12px 10px rgba(0,0,0,0),0 0 12px 14px}
  100%{box-shadow:0 0 8px 6px rgba(207,8,8,0),0 0 0 40px rgba(0,0,0,0),0 0 0 40px rgba(207,8,8,0)}
}

@-webkit-keyframes zcwmini2 {
  0%{box-shadow:0 0 8px 6px rgba(207,8,8,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(207,8,8,0)}
  10%{box-shadow:0 0 8px 6px ,0 0 12px 10px rgba(0,0,0,0),0 0 12px 14px}
  100%{box-shadow:0 0 8px 6px rgba(207,8,8,0),0 0 0 40px rgba(0,0,0,0),0 0 0 40px rgba(207,8,8,0)}
}

@-moz-keyframes zcwmini2 {
  0%{box-shadow:0 0 8px 6px rgba(207,8,8,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(207,8,8,0)}
  10%{box-shadow:0 0 8px 6px ,0 0 12px 10px rgba(0,0,0,0),0 0 12px 14px}
  100%{box-shadow:0 0 8px 6px rgba(207,8,8,0),0 0 0 40px rgba(0,0,0,0),0 0 0 40px rgba(207,8,8,0)}
}

@keyframes zcwmini2 {
  0%{box-shadow:0 0 8px 6px rgba(207,8,8,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(207,8,8,0)}
  10%{box-shadow:0 0 8px 6px ,0 0 12px 10px rgba(0,0,0,0),0 0 12px 14px}
  100%{box-shadow:0 0 8px 6px rgba(207,8,8,0),0 0 0 40px rgba(0,0,0,0),0 0 0 40px rgba(207,8,8,0)}
}
/*/ whatsap css / */


@media only screen and (min-width: 767px){
.solution-section-one .pl-solution{ padding-left: 0!important; }
.solution-section-one .pr-solution{ padding-right: 0!important; }
}
@media only screen and (min-width: 428px) and (max-width: 767px){

  .home-section-two figcaption h4{ max-width: 400px; }
}


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

  .column-reverse{ flex-direction: column-reverse; }

  .header { position: relative; padding: 7px 0; z-index: 999;}
  .header .navigation{ padding: 0 }
  .header .navigation ul li{ display: block; padding: 10px; margin: 0 0 10px;}
  .header .navigation ul li:nth-child(3){ margin-right: 0; }
  .header .navigation ul li a{ font-size: 13px; color: #fff; }
  .header a.logo{ position: relative; text-align: left; width: 150px;}
  .header .navigation{ margin: 0; }
  .header a.logo img{ width: 130px; }
  .header .navigation a#pull { display:inline-block; }
  .header .navigation #topMenu {text-align: left;background-color:rgba(0, 0, 0, 0.88); border-top:2px solid #CE343A;padding: 10px;display: none;position: absolute;top: 7px; z-index: 2;left: 0;right: 0;border-bottom:2px solid #CE343A;}
  .header ul.top-header li a.top-btn{ text-align: center; }
  .header ul.top-header li a{ font-size: 12px; }
  .header .navigation ul li{ margin: 0; padding: 2px; }
  .header .navigation ul li a{ padding: 10px; }
  .header .top-left-bar ul{ position: absolute; bottom: 0;  }
  .header.scrll .navigation ul li a{ color: #fff !important; }
  .header.scrll .navigation{ margin: 0; }

  .header.scrll{ background: #fff; }
  .header.scrll a.logo{ max-width:auto; top: auto; margin: 0;}

  .banner figcaption{ top:30%; }
  .banner figcaption h1{font-size: 25px;}
  .banner figcaption p{font-size: 12px; line-height: 19px; margin: 5px auto;}
  .banner button.slick-prev{ left: 0; }
  .banner button.slick-next{ right: 0; }
  .banner button.slick-arrow{ width: 20px; height: 20px; }
  .banner .slick-dots{ bottom: 10px; }
  .banner ul.social-icons{ bottom: 10px; right: 0; }
  .banner .slick-dots li button{ width: 9px; height: 9px; }
  .banner video{ height: 200vw; }
  .banner figcaption .banner-btn a{ font-size: 12px; padding:7px 10px;min-width: 120px;}
  ul.social-icons li{ margin-right: 10px; }
  .banner ul.social-icons li a{ font-size: 13px; }

  .inner-banner figure img{ height: 160px; }
  .inner-banner figure figcaption h1{ font-size: 30px; }
  .inner-banner figure figcaption p{ font-size: 13px; }
  .inner-banner figure figcaption{ bottom: 25%; }

  .home-section-one figure img{ height: auto; width: 100%;}
  .home-section-one .about-slider .about-slide-inner{ min-height: 230px; }

  .home-section-two figcaption{ padding: 0; }
  .home-section-two figcaption h4{ font-size: 18px; line-height: 30px; }
  .home-section-two{ padding: 30px 0 60px; }

  .home-section-three .main-heading-1 p{ font-size: 12px; }
  .home-section-three figcaption p{ font-size: 13px; line-height: 20px; margin-bottom: 0; }

  .home-section-three .main-heading-1 p{ padding: 0; }
  .home-section-three{ padding: 0 0 30px; }
  .home-section-three .slick-dots{ margin-top: 10px; }
  .home-section-three figcaption a{ font-size: 12px; padding: 8px 15px; min-width: 110px; }
  .home-section-three .slick-dots li button{ width: 8px; height: 8px; }
  .home-section-three figcaption h3{ min-height: 45px; margin-bottom: 10px !important; }

  .home-section-four figcaption ul.four-list li {position: relative;bottom: auto !important;left: auto !important;right: auto !important;top: auto !important; text-align: center;}
  .home-section-four figcaption ul.four-list li br{display: none;}
  .home-section-four{ padding: 30px 0 40px; }
  .home-section-four figure img{ width: 350px; }




  .home-section-five{ padding-top: 30px !important; }
  .home-section-five .accordion-button{ padding-right:0 !important; padding-left:0 !important; }


  .home-section-six #counter span{ font-size: 12px !important; }
  .home-section-six small{ font-size: 14px; }

  .footer iframe{ height: 190px; margin-top: 15px; }

  .about-section-one{ padding: 40px 0 0; }
  .about-section-one .about-one-left .vc_column-inner, .about-section-one .about-one-right .vc_column-inner, .about-section-two .about-two-right .vc_column-inner, .about-section-two .about-two-left .vc_column-inner{ padding: 0 !important; }
  .about-section-two{ padding-top:40px; padding-bottom: 0; }
  .about-section-two .about-two-right{ margin-bottom: 0; }
  .about-section-one h2{ margin-bottom: 10px; }
  .about-section-four{ padding: 30px 0  !important; }
  .about-section-four .solution-wrap{ margin-bottom: 25px; }
  .about-section-four .solution-wrap .vc_column-inner, .about-section-four .solution-wrap-right .vc_column-inner{ padding: 0; }
  .about-section-three .solution-wrap .vc_column-inner > .wpb_wrapper{padding: 15px; max-width: 100%;}
  .about-section-three .solution-wrap .wpb_wrapper h2{ font-size: 25px; }
  .about-section-three .solution-wrap::after{ display:none; }
  .about-section-three{ padding-bottom: 40px; }

  .career-section-one{ padding: 40px 0 40px !important; }
  .career-section-one form{ margin-top: 20px; }
  .career-section-one .main-heading-2 h2{ font-size: 24px !important; }

  .contact-section-one{ padding: 40px 0 0 !important; }
  .contact-section-one .main-heading-2 h2{ font-size: 24px !important; }
  .contact-section-two{padding: 0 !important;}
  .contact-section-two .contact-center{ padding: 0; }
  .contact-section-two .main-heading-2 h2{ margin-bottom: 8px; }
  .contact-section-two .mega_info_box .mega-info-desc{ margin-bottom: 5px; }

  .solution-section-one figure::before {background: linear-gradient(to bottom, rgb(255 255 255) 0%,rgba(255,255,255,0) 40%);}
  .solution-section-one, .service-detail-one{ padding: 40px 0 30px !important }
  .service-detail-one .main-heading-2{ margin-bottom: 10px; }
  .service-detail-one .main-heading-2 h2{font-size: 20px;}

  .service-section-one{padding: 20px 0;}
  .service-detail-one h3{  }
  .service-section-one figure::after {right: 12px;}
  .service-section-one .service-two-left figure::after {left: 12px;}
  .service-section-one figure{ padding: 0 12px; }
  .service-section-one figcaption{ padding: 15px 12px !important; }
  .service-section-one .service-two-right, .service-section-one .service-two-left{ margin-bottom: 20px; }

  .sliderxs .slick-dots { position: absolute; bottom: -16px; right: 0px; left: 0px; display:block; padding: 0; margin: 0 auto; border-radius: 3px; list-style: none; text-align:center;  }
  .sliderxs .slick-dots li { position: relative; display: inline-block; margin: 0 6px 0 0; padding: 0; cursor: pointer; }
  .sliderxs .slick-dots li button { font-size: 0; line-height: 0; display: block;width: 10px; height: 10px; padding: 0; cursor: pointer; color: transparent;  outline: none;  background:#CE343A; border:none; border-radius: 200px; opacity: 0.5; }
  .sliderxs .slick-dots li.slick-active button { opacity: 1; border:none; }
  .sliderxs .slick-dots li button:before { display:none; }

}

@media only screen and (max-width: 992px){
/*.service-section-one figure::after{display: none;}*/
  /*.btn{ letter-spacing: 0; font-size: 12px; min-width: 100px; padding: 8px 5px; }
  .main-section .header-section h2{ font-size: 23px; }
  .main-section .header-section{ margin-bottom: 20px; }

  .column-reverse{ flex-direction: column-reverse; }
  .main-section{ padding: 30px 0; }
  .main-section h2{ font-size: 25px; }
  .main-section h3{ font-size: 18px; margin-bottom: 10px; }
  .main-section p{ font-size: 14px; line-height: 1.7; margin-bottom: 5px;}
  .main-heading{ margin-bottom: 20px;}*/

  .btn{ letter-spacing: 0; font-size: 12px; min-width: 100px; padding: 8px 5px; }
  .main-heading-1 h2{ font-size: 22px; }
  .main-heading-2 h2{ line-height: 27px; font-size: 22px; }
  .main-section p{ font-size: 13px; line-height: 20px; }
  

  .main-mega-menu{ padding: 25px 0; }
  .main-mega-menu .menu-logo img{ width: 150px; margin:auto ;}
  .mega-menu-inner a.mega-close{ top: 0; right: 20px; z-index: 999; }
  .mega-menu-inner a.mega-close svg{ width: 15px; }
  .mega-menu-inner .mega-nav{ padding-left: 0;}
  .mega-menu-inner .mega-nav li{ line-height: 35px; }
  .mega-menu-inner .mega-nav li a{ font-size: 14px; }
  .mega-menu-inner .mega-nav > li::before{ bottom: 0; }
  .mega-menu-inner .mega-nav .mega-sub-menu li { line-height: 25px; }
  .mega-menu-inner .mega-nav .mega-sub-menu li a{ font-size: 13px; }
  .mega-menu-inner .mega-down{ left: 15px; font-size: 12px; }

  .home-section-one figcaption .main-heading-2 h2{ margin-bottom: 8px; }
  .home-section-one figcaption .main-heading-2 p{ font-size: 13px; line-height: 20px; }
  .home-section-one{ padding: 30px 0; }
  .home-section-one .about-slider{ margin: 20px -340px 0 0; }
  .home-section-one .about-slider .about-slide-inner{ padding: 20px; }
  .home-section-one .about-slider .about-slide-inner p{ font-size: 13px; line-height: 23px; }
  .home-section-one .about-slider .about-slide-inner h3{ font-size: 25px; margin-bottom: 0; }

  .home-section-three .main-heading-1 h2{ margin-bottom: 20px; }

  .home-section-four figcaption ul.four-list li span{ font-size: 19px; }
  .home-section-four figcaption ul.four-list li strong{ font-size: 25px; margin-right: 10px; }

  .home-section-five .accordion{ padding: 20px 0 0; }
  .home-section-five .accordion-button{ margin-bottom: 0; padding: 5px 10px;}
  .home-section-five .accordion-button h2{ font-size: 22px; }
  .home-section-five .accordion-body{ padding: 5px 10px; }
  .home-section-five .accordion-body ul li{ margin-bottom: 10px; }
  .home-section-five .accordion-body ul li span{ font-size: 14px; margin-bottom: 0; }
  .home-section-five .accordion-body ul li a{ font-size: 13px; }
  .home-section-five .main-heading-2 h2{ font-size: 27px; margin-bottom: 10px; }
  .home-section-five .main-heading-2 p{ font-size: 12px; line-height: 20px; margin-bottom: 10px;}
  .home-section-five form .form-control{ font-size: 13px; }
  .home-section-five form .form-group{ margin-bottom: 10px; }
  .home-section-five form textarea{ height: 90px; }
  .home-section-five .five-btn input{ font-size: 15px; min-width: auto; padding: 6px 30px; }

  .home-section-five .accordion h3{ font-size: 19px; }
  .home-section-five{ padding-bottom: 20px; }

  .footer{ padding: 20px 0 0; }
  .footer .footer-top .ftr-main-heading{ margin-bottom: 10px; }
  .footer .footer-logo img{ width: 160px; }
  .footer .footer-top p{ font-size: 13px; line-height: 20px; }
  .footer .footer-link{ padding-left: 0; }
  .footer .footer-top .ftr-main-heading{ margin-top: 20px; }
  .footer .footer-top{ padding-bottom: 0; }
  .footer .footer-bottom{ padding: 10px 0; }
  .footer .footer-bottom p, .footer .footer-bottom span a, .footer .footer-bottom span{ text-align: center; }
  .footer .footer-bottom span{ float: none; text-align: center;display: block;}
  .footer .address li{ margin-bottom: 10px; }
  .footer .address li a{ font-size: 13px; line-height: 20px; }
  .footer ul.ftr-menu li a{ font-size: 12px; padding-left: 0; }
  .footer ul.ftr-menu li{ margin-bottom: 5px; }
  .footer .footer-top .ftr-main-heading h2{ font-size: 20px; }
  .footer ul.ftr-menu li a::before { display: none; }
  .footer ul.ftr-menu li a:hover{ text-decoration: underline; }

  .contact-section-two h3{ font-size: 13px; }
  .contact-section-two .mega_info_box a{ font-size: 13px; line-height: 18px; }
  .contact-section-two h4{ font-size: 20px; }
  .contact-section-two .main-heading-2 h2{ font-size: 23px; }

  .solution-section-one .main-heading-2, .service-section-one .main-heading-2{ margin-bottom: 10px; }
  .solution-section-one .main-heading-2 h2{ line-height: 25px; font-size: 17px; }
  .service-section figcaption .btn{ width: 100px;}
  .solution-section-one img{ height: 200px; }
  .service-detail-one figure{ padding-right:0; margin-bottom: 20px; }
  .solution-detail-one .solution-detail-two{ margin-top: 20px; }
  .service-detail-one h3{ font-size: 20px; }
  .service-detail-one ul li{ line-height: 20px; font-size: 13px; padding-left: 20px; }
  .service-detail-one ul li::before {width: 10px;height: 10px;top: 5px;} 
  .service-section-one figcaption h2{ font-size: 17px; }

  .home-section-six #counter h2{ font-size: 30px; margin-bottom: 5px; }
  .home-section-six #counter span{ font-size: 16px; }
  .home-section-six #counter{ margin: 10px 0; }
  .home-section-six{ padding: 20px 0; }

  #whatsapp #whatsappMain{ width: 50px; height: 50px; }
  #whatsapp{ left: 24px; bottom: 5%; width: 50px; height: 50px; }


}

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

  .header .navigation ul li a{ font-size: 14px; padding: 10px 12px; }
  .header .navigation{ margin-top: 30px; }

  .banner video{ height: 420px; }
  .banner figcaption h1{ font-size: 35px; }
  .banner figcaption .banner-btn a{padding: 9px 15px;min-width: 140px;}
  .banner figcaption p{ font-size: 13px; line-height: 25px; margin: 10px auto;}
  .inner-banner figure figcaption h1{ font-size: 35px; }
  .inner-banner figure figcaption p{ font-size: 15px; }
  .inner-banner figure figcaption{ bottom: 20%; }
  .inner-banner figure img{ height: 250px; }

  .home-section-one figure img{ height: 440px; }
  .home-section-one .about-slider .about-slide-inner{ min-height: 230px; }

  .home-section-two{ padding: 50px 0 90px; }
  .home-section-two figcaption h4{ font-size: 23px; line-height: 40px;}

  .home-section-three .main-heading-1 p{ font-size: 13px; }
  .home-section-three figcaption h3{ min-height: 45px; }
  .home-section-three figcaption p{ font-size: 13px}
  .home-section-three figcaption a{ font-size: 13px; padding: 7px 15px; }
  .home-section-three figcaption p{ min-height: 120px; }

  .home-section-four figcaption ul.four-list li{ bottom: -5px;left: 115px; }
  .home-section-four figcaption ul.four-list li:nth-child(2){ top: 145px;left: 60px; }
  .home-section-four figcaption ul.four-list li:nth-child(3){left: 110px;}
  .home-section-four figcaption ul.four-list li:nth-child(4){right: 120px;}
  .home-section-four figcaption ul.four-list li:nth-child(5){top: 150px;right: 35px}
  .home-section-four figcaption ul.four-list li:nth-child(6){bottom: 10px;right: 70px;}
  .home-section-four figcaption ul.four-list li:nth-child(7){bottom: -80px;left: -10px; }

  .home-section-five .accordion-button{ padding: 14px 10px; }
  .career-section-one form{ margin-top: 30px; }

  .footer .footer-top{ padding-bottom: 20px; }


  .about-section-one{ padding-top: 40px; padding-bottom: 0; }
  .about-section-two{ padding-bottom: 0; }
  .about-section-three .solution-wrap .vc_column-inner > .wpb_wrapper {max-width: 395px;padding: 40px 20px 40px;}
  .about-section-three .solution-wrap::after {right: -120px;bottom: -205px;transform: scale(0.6);}
  .about-section-three .solution-wrap .wpb_wrapper h2{ font-size: 30px; }
  .about-section-four{ padding: 60px 0 !important; }

  .service-section-one figure::after {width: 150px;right: -70px;}
  .service-section-one figcaption{ padding: 0 4.174vw 0 8.641vw; }
  .service-section-one .service-two-left figure::after {left: -70px;}
  .service-section-one .service-two-left figcaption{ padding: 0 8.641vw 0 4.174vw; }


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

  .service-section-one figure::after { width: 220px;right: -100px;}
  .service-section figcaption{ padding: 0 2.174vw 0 9.641vw; }
  .service-section-one figcaption h2{ font-size: 25px; }



}

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

  .home-section-four figcaption ul.four-list li:nth-child(2){top: 195px;left: 95px;}
  .home-section-four figcaption ul.four-list li:nth-child(4){ right: 190px; }
  .home-section-four figcaption ul.four-list li:nth-child(5){top: 195px;right: 65px;}
  .home-section-four figcaption ul.four-list li:nth-child(6){ right: 100px; }
  .home-section-four figcaption ul.four-list li{ left: 145px; }

  .footer ul.ftr-menu li a{ padding-left: 0; }
  .footer ul.ftr-menu li a:hover{ text-decoration: underline; }
  .footer ul.ftr-menu li a::before{ display: none; }

}

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



}