#jqcheck { background: #fff9d7; text-align: center; color: #333; padding: 10px 0px; font-size: 13px; font-weight: bold; position: fixed; z-index: 9991; width: 100%; font-family: Arial, Helvetica, sans-serif; }
* { margin: 0px; padding: 0px; }

@font-face {font-family: "Segoe UI Bold";
    src: url("../fonts/60570a3f64a1fece44ebf71b43617029.eot"); /* IE9*/
    src: url("../fonts/60570a3f64a1fece44ebf71b43617029.eot?#iefix") format("embedded-opentype"), 
    url("../fonts/60570a3f64a1fece44ebf71b43617029.woff2") format("woff2"),
    url("../fonts/60570a3f64a1fece44ebf71b43617029.woff") format("woff"), 
    url("../fonts/60570a3f64a1fece44ebf71b43617029.ttf") format("truetype"), 
    url("../fonts/60570a3f64a1fece44ebf71b43617029.svg#Segoe UI Bold") format("svg"); 
  }
  @font-face {font-family: "Segoe UI Semibold";
    src: url("../fonts/d4d6e1a6527a21185217393c427a52cb.eot"); /* IE9*/
    src: url("../fonts/d4d6e1a6527a21185217393c427a52cb.eot?#iefix") format("embedded-opentype"),
    url("../fonts/d4d6e1a6527a21185217393c427a52cb.woff2") format("woff2"), 
    url("../fonts/d4d6e1a6527a21185217393c427a52cb.woff") format("woff"), 
    url("../fonts/d4d6e1a6527a21185217393c427a52cb.ttf") format("truetype"), 
    url("../fonts/d4d6e1a6527a21185217393c427a52cb.svg#Segoe UI Semibold") format("svg"); 
  }

@font-face {
  font-family: Segoe UI;
  src: url(../fonts/SEGOEUI.TTF);
}

/* browser scroller style */
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:none; }
::-webkit-scrollbar-track-piece { background-color:#ecedf1; -webkit-border-radius:0px; border-left:1px solid #888; }
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius:0px; background:#10438e; }


body {color: #666666;font-size:14px;background: #f3f8ff;}


body, h1, h2, h3, h4, h5, h6, p, a, li, span, strong {font-family: Segoe UI;}

/* headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; }
p { font-weight: 400; line-height:normal;padding: 0; margin:0px; }


/*** no padding, no marging ***/
.p-0 { padding:0; }
.pt-0 { padding-top:0px; } .pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; } .pr-0 { padding-right:0px; }
.m-0 { margin:0; }
.mt-0 { margin-top:0px; } .mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; } .mr-0 { margin-right:0px; }

p strong { color: black; }
p span { color: black; }
a:hover { text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
figure{margin-bottom: 0}
img { border: 0px; outline: none; }
ul{padding:0px;margin: 0px}
ul,li { list-style-type: none; }
a { text-decoration: none; }


/* header 
------------------------------------*/
.header-main .header-progress-bar{display: none;}
.header-main.stickyheader .header-progress-bar {position: fixed;top: 0;left: 0;height: 10px;background-color: #10438e;transition: all linear 0.1s;min-width: 1%;z-index: 9999;top: 80px;display: block;}

.mobile-nav.active {height: 90%; left: 0; opacity: 1; width: 100%; top: 80px; }
.side-menu{}
.side-menu .color{background: #10438e; }
.side-menu .left-menu{padding: 60px; }
.side-menu .left-menu li{color: #fff; font-size: 22px; font-weight: 500; position:relative; margin-bottom: 15px; cursor: pointer; }
.side-menu .left-menu li:before{position: absolute;content: "\f054";font-size: 16px;font-family: 'Font Awesome 5';color: #ffffff;right: 0;top: 5px;font-weight: 600;}
.side-menu .left-menu li.links:before{display: none;}
.side-menu .left-menu li.current, .side-menu .left-menu li:hover, .side-menu .left-menu li:hover a, .side-menu .left-menu li:hover:before{color: #ff0000f0; }
.side-menu .left-menu li a{color: #fff; font-size: 22px; font-weight: 500; position: relative; margin-bottom: 15px; }
.side-menu .my-tabs{display: none;}
.side-menu .my-tabs.current{display: block;}
.side-menu .right-menu{padding: 60px; }
.side-menu .right-menu h2, .side-menu .right-menu a.button-head{font-size: 40px; color: #10438e; font-weight: 700; border-bottom: 0; padding-bottom: 10px; margin-bottom: 20px; text-transform: uppercase;display: inline-block;border-bottom: 2px solid; }
.side-menu .right-menu h5{font-size: 25px; color: #10438e; font-weight: 700; }
.side-menu .right-menu p{font-size: 18px; color: #000; font-weight: 400; line-height: 26px; padding: 20px 0; }
.side-menu .right-menu ul{}
.side-menu .right-menu ul li{padding-bottom: 20px;display: inline-block;width: 49%;}
.side-menu .right-menu ul li.submenu{position: relative;padding-left: 20px;margin-left: 15px;display: block;}
.side-menu .right-menu ul li.submenu:before{position: absolute;content: "\f324";font-size: 16px;font-family: 'Font Awesome 5';color: #10438e;left: 0;top: 0;font-weight: 600;}
.side-menu .right-menu ul li a{color: #000000;font-size: 18px;line-height: 24px;font-weight: 500;}
.side-menu .right-menu ul li a:hover{color: #f00408; border-bottom: 2px solid; }
.side-menu .right-menu ul li a.sub-heading{font-weight: 700; font-size: 22px; }
main.app-container.active .header-main {background: #fff;}
main.app-container.active .main-menu {display: none !important; }

.mobile-nav-btn{position: static;top: auto;left: 0;width: 80px;height: 80px;background-color: #10438e;display: inline-flex;justify-content: center;align-items: center;border-radius: 0;opacity: 1;cursor: pointer;}
.mobile-nav-btn span, .mobile-nav-btn span:before, .mobile-nav-btn span:after{background-color:#fff;width: 25px;top:0;}
.header-main {padding: 0px; position: relative; background: rgba(255, 255, 255, 0.904); top: 0; left: 0; right: 0; z-index: 999; }
.mobile-nav-btn.active span:before {-webkit-transform: translateY(0.5rem) rotate(43deg); transform: translateY(-0.7rem) rotate(43deg); }
.mobile-nav-btn.active span:after {-webkit-transform: translateY(0.5rem) rotate(-43deg); transform: translateY(0.7rem) rotate(-43deg); }
.mobile-nav-btn.active span{background-color: transparent; }
.header-main.stickyheader {position: fixed; }
.top-bar {color: white;padding: 0;background: black;}
.top-info-list { float: left; margin: 10px 0; }
.top-info-list li {float: left;color:#ffffff;font-size:13px; padding: 0 10px;}
.top-info-list li:first-child { padding-left: 0px; }
.top-info-list li:last-child { padding-right: 0px; }
.top-info-list li span { margin-right:8px;color:#ea333f;font-size:13px; line-height: 20px;}
.top-info-list li span.icon-phone2 {font-size: 15px; top: 1px; position: relative;}
.top-info-list li+li { border-left:1px solid #515151;}
.top-info-list li a{ color:#ffffff;font-size:13px;font-weight:400; }
.top-info-list li a:hover {color:white;}

.nav-area-full {}
.logo {display: inline-block;top: 5px;width:calc(100% - 90px);position: relative;}
.logo a {display: inline-block;padding-left: 10px;}
.logo a img{}
.top-area { display: inline-block; width: 100%; }

.main-menu {width: 100%;display: inline-block;margin: 0;}
.main-menu > ul {margin: 0px;}
.main-menu > ul > li {padding: 0px 10px;position: static;display: inline-block;}

.main-menu > ul > li > a {padding: 0px;font-size: 16px;font-weight: 700;text-transform: uppercase;color: #10438e;padding-bottom: 6px;}

.main-menu > ul > li.active > a,
.main-menu > ul > li > a:hover,
.main-menu > ul > li > a.active,
.main-menu > ul > li > a:focus {color: #10438e;border-bottom: 3px solid;}

.dropdown{width: auto;position: absolute;top: 100%;left: 0%;right: 0;visibility: hidden;opacity: 1;z-index:999999;padding: 1vw 0vw;background:rgb(255 255 255 / 98%);border-top: 1px solid #000000;border-right: 1px solid #000000;border-left: 1px solid #000000;border-bottom: 5px solid #10438e;height: 0;transition: all 0.3s ease-in-out;text-align:left;}
.dropdown .row{width: 100%}
.dropdown h4 a {font-size: 25px; color: #10438e; font-weight: 700; padding-bottom: 10px; margin-bottom: 20px; text-transform: uppercase; display: inline-block; border-bottom: 2px solid; }
.dropdown h4 a:hover {color: #787878; }
.dropdown img{width: 50%;}
.dropdown  ul {}
.dropdown ul li {display: inline-block;padding-bottom: 20px;width: 33%;}
.dropdown ul li a {color: #104398;font-size: 18px;line-height: 24px;font-weight: 500;position: relative;padding-left: 25px;}
.dropdown ul li a:before{content: '';display: block;position: absolute;background-color: #10438e;width: 15px;height: 15px;left: 0;top: 6px;}
.dropdown ul li a:hover {color: #787878;}
.dropdown ul li a:hover:before{background-color: #787878;}
.main-menu > ul > li.dd-active .dropdown{visibility: visible;opacity: 1;height: 350px;display: flex;align-items: center;width: 100%;}

.dropdown > ul{ list-style:none; }
.dropdown > ul > li{  }
.dropdown > ul > li:before{ display:none; } 
.dropdown > ul > li+li{ border-top:1px dotted #457584;}
.dropdown > ul > li > a{color: #000000;font-size: 14px;text-decoration:none;padding:8px 10px 8px 15px;display: block;text-align: left;font-weight: 600;}
.dropdown > ul > li > a:hover{  color:#ff0000; background:none; }
.dropdown > ul > li > a:hover:before  { display:none; }
.double-drop { width: 400px!important; }

.dropdown > ul > li > ul {  display: none; }
.dropdown > ul > li.level2:hover > ul  { display: block; }

.top-btn-red{background: #ff0000;color: #fff;font-size: 15px;padding: 10px 25px;display: inline-block;}
.top-btn-red:hover{    background: #000000;    color: #fff;}

.top-phone{color: #000; float: right; font-size: 20px; font-weight: 600; }
.top-phone span{display: block; text-align: end; color: #898989; font-weight: 400; font-size: 15px; }
.top-phone span i{color: #ff0000; }
.top-phone:hover{text-decoration: underline; color: #ff0000; }



    


.small-heading{font-size: 32px;color: #10438e;font-weight: 700;text-transform: uppercase;letter-spacing: 10px;}
.main-heading{font-size: 55px;color: #000;font-weight: 400;line-height: 55px;}
.heading-border{position: relative;padding-bottom: 20px;}
.heading-border:before{content:''; position:absolute; background-image: -moz-linear-gradient( 0deg, rgb(13,56,118) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(13,56,118) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 0deg, rgb(13,56,118) 0%, rgb(255,255,255) 100%); width: 100%; height: 1px; bottom: 0; }
.main-pera{font-size: 24px;color: #4d4d4d;font-weight: 400;line-height: 32px;padding: 10px 0;}

.bg-img{background-size: cover;background-repeat: no-repeat;background-position: center;}



.main-banner{position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;}
.main-banner {}
.main-banner  .item{padding: 120px 0 220px;background-size: cover; background-repeat: no-repeat; background-position: center;cursor: pointer;}
.main-banner  .item .wrap{background-color: rgb(16 67 142 / 59%); padding: 60px; position: relative;max-width:573px;}
.main-banner  .item .wrap h1{font-size: 100px; color: #fff; font-weight: 700; line-height: 100px; }
.main-banner  .item .wrap p{font-size: 24px; color: #fff; font-weight: 400; line-height: 36px; }
.main-banner  .item .wrap a{}
.main-banner  .bottom{position: absolute; bottom: 30px; border-top: 1px solid #fff;     width: 100%;}
.main-banner .progressBarContainer{}
.main-banner .progressBarContainer li{display: inline-block; width: 24%; background-color: rgb(16, 67, 142); padding: 10px; margin: 0 5px; }
.main-banner .progressBarContainer li .thum-box{}
.main-banner .progressBarContainer li .thum-box img{margin-right: 20px;float: left;}
.main-banner .progressBarContainer li .thum-box h2{font-size: 20px; color: #fff; font-weight: 500; }
.main-banner .progressBarContainer li.slick-slide.slick-current.slick-active .thum-box{border-top: 2px solid #fff; }
.progressBarContainer  span.progressBar {width:calc(100% + 20px);left: -10px; height: 4px; background-color: rgba(255, 255, 255, 0.4); display: block; position: relative; top: -10px; }
.progressBarContainer  span.progressBar .inProgress {background-color: rgba(255, 255, 255, 1); width: 0%; height: 4px; }



.sec-1{}
.sec-1 .small-heading{}
.sec-1 .main-heading{}
.sec-1 .main-pera{}

.industries-sec{position: relative;}
.industries-sec:before{content: '';position: absolute;background-image: url(https://media.generalsoftware.com/site-graphics/main/images/dots-1.png);background-size: cover;background-repeat: no-repeat;width: 703px;height: 603px;top: 200px;left: 0;}
.industries-sec:after{content: '';position: absolute;background-image: url(https://media.generalsoftware.com/site-graphics/main/images/dots-2.png);background-size: cover;background-repeat: no-repeat;width: 578px;height: 631px;bottom: 0;right: 0;z-index: -1;}
.industries-sec h2{color: #000; font-size: 42px; font-weight: 400; }
.industries-sec .main-pera{width: 70%; margin: auto; margin-top: 40px; }
.industries-sec ul{margin: 40px 0;display: flex;flex-wrap: wrap;justify-content: center;text-align: center;position: relative;}
.industries-sec ul li{display: inline-block;width: 19.6%;padding: 0;margin: 0;transition: all 0.3s ease-in-out;}
.industries-sec ul li .wrap{width: 100%;background-color: #ffffff;height: 270px;display: inline-flex;flex-direction: column;justify-content: center;align-items: center;transition: all 0.3s ease-in-out;}
.industries-sec ul li .wrap:hover{transform: scale(1.1); box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.56); }
.industries-sec ul li .wrap figure{border-radius: 50%; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.17); width: 108px; height: 108px; display: flex; justify-content: center; align-items: center; position: relative; }
.industries-sec ul li .wrap figure:before{content: " "; display: flex; width: 108px; height: 108px;border-radius: 50%; border: 4px solid #10438e; border-color: #10438e transparent #10438e transparent; justify-content: center; align-items: center; position: absolute; }
.industries-sec ul li:hover .wrap figure:before{animation: lds-dual-ring 2.1s linear infinite;}
.industries-sec ul li .wrap figure img{}
.industries-sec ul li .wrap h5{font-size: 18px; color: #10438e; font-weight: 400; padding: 10px 0; }
.industries-sec ul li .wrap p{font-size: 14px; color: #10438e; }

.industries-sec ul li:nth-child(even) .wrap {background: #10438e;}
.industries-sec ul li:nth-child(even) .wrap h5, .industries-sec ul li:nth-child(even) .wrap p{color:#fff}
.industries-sec ul li:nth-child(even) .wrap figure{background:#10438e;}
.industries-sec ul li:nth-child(even) .wrap figure img{filter: brightness(0) invert(1);}
.industries-sec ul li:nth-child(even) .wrap figure:before{border-color: #fff transparent #fff transparent;}

.strategicPg .industries-sec:before, .strategicPg .industries-sec:after{display: none;}
body .box-3{}
body .box-3 li{width: 33.3333333333%; }
body .box-3 li .wrap {width: 100%; }

body .box-4{}
body .box-4 li{width: 25%; }
body .box-4 li .wrap {width: 100%; }
.box-4.box-v li .wrap{background: #10438e;}
.box-4.box-v li:nth-child(even) .wrap{background-color: #ffffff;}
.box-4.box-v li .wrap h5, .box-4.box-v li .wrap p{color:#fff}
.box-4.box-v li:nth-child(even) .wrap h5, .box-4.box-v li:nth-child(even) .wrap p{color:#fff}
.box-4.box-v li:nth-child(even) .wrap figure{background:#10438e;}
.box-4.box-v li:nth-child(even) .wrap figure img{filter: brightness(0) invert(1);}
.box-4.box-v li:nth-child(even) .wrap figure:before{border-color: #fff transparent #fff transparent;}



.cta-1{background-image: url(https://media.generalsoftware.com/site-graphics/main/images/cta-bg.png);background-size: cover;background-repeat: no-repeat;height: 424px}
.cta-1 .small-heading{}
.cta-1 .main-heading{}
.cta-1 a{box-shadow: 0px 0px 27px 0px rgba(16, 67, 142, 0.97);}

.cta-2{background-image: url(https://media.generalsoftware.com/site-graphics/main/images/cta2-bg.png);background-size: cover;background-repeat: no-repeat;height: 500px}
.cta-2 .small-heading{color: #fff; }
.cta-2 .main-heading{color: #fff; }
.cta-2 .main-pera{color: #fff; }
.cta-2 a{}

.box-img{position: relative;}
.box-img .content{width: 85%;margin: auto;}
.box-img .content .slick-list{/* overflow: visible !important; */}
.box-img .content .main-pera{font-weight: 500;font-style: italic;color: #fff;position: relative;padding-left: 30px;}
.box-img .content .main-pera:before{content: '';position: absolute;background-image: url(https://media.generalsoftware.com/site-graphics/main/images/quote-1.png);background-size: cover;background-repeat: no-repeat;width: 14px;height: 12px;top: 20px;left: 4px;}
.box-img .content .main-pera:after{content: '';position: absolute;background-image: url(https://media.generalsoftware.com/site-graphics/main/images/quote-2.png);background-size: cover;background-repeat: no-repeat;width: 14px;height: 12px;bottom: 20px;right: 0px;}
.box-img .content .main-pera span{color:#fff}
.box-img img{width: 100%;height: 100%; }

.sec-2{background-image: url(https://media.generalsoftware.com/site-graphics/main/images/white-bg.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
.sec-2 h2{font-size: 70px; color: #000; line-height: 70px; font-weight: 400; }
.sec-2 h2 span{font-size: 50px; color: #10438e; line-height: 50px; font-weight: 700; text-transform: uppercase; display: block; letter-spacing: 5px; }
.sec-2 .main-pera{padding-top: 30px; }
.sec-2 figure{}
.sec-2 figure img{}

.solution-sec{text-align: center;}
.solution-sec .main-heading{color: #fff;margin-bottom: 30px }
.solution-sec ul{ }
.solution-sec ul li{display: inline-block; width: 20%; vertical-align: bottom; margin: 5px; }
.solution-sec ul li .wrap{border: 2px solid #fff; background: transparent; height: 215px; display: flex; justify-content: center; align-items: center; flex-direction: column; box-shadow: 6px 6px 27px 0px rgb(255 255 255 / 56%); }
.solution-sec ul li .wrap img{}
.solution-sec ul li .wrap h4{font-size: 18px; font-weight: 400; color: #fff; margin-top: 50px; }
.solution-sec ul li:nth-child(even) .wrap{background: #ffffffcc; }
.solution-sec ul li:nth-child(even) .wrap h4{color:#10438e;}
.solution-sec ul.odd li:nth-child(odd) .wrap{background: #ffffffcc; }
.solution-sec ul.odd li:nth-child(odd) .wrap h4{color:#10438e;}
.solution-sec ul.odd li:nth-child(even) .wrap{background: transparent;}
.solution-sec ul.odd li:nth-child(even) .wrap h4{color:#fff;}


.sec-3{position: relative; padding: 60px 0; }
/* .sec-3:before{content: '';position: absolute;background-image: url(https://media.generalsoftware.com/site-graphics/main/images/sec-img.png);background-size: cover;background-repeat: no-repeat;width: 45%;height: 90%;bottom: 0;right: 0;} */
.sec-3 .main-pera{}
.sec-3 a{display: block; text-align: center; box-shadow: 0px 0px 27px 0px rgb(16 67 142 / 97%); margin: 20px 0; }
.sec-3 h2{font-size: 32px; color: #10438e; font-style: italic; text-align: center; }
.sec-3 figure{bottom: 0; }
.sec-3 figure img{width: 100%; position: relative; right: 0; bottom: 0; }

footer{background:#fff;padding: 40px 0;position: relative; }
footer:before{content: '';position: absolute;background-image: url(https://media.generalsoftware.com/site-graphics/main/images/left-element.png);background-size: cover;background-repeat: no-repeat;width: 186px;height: 367px;top: 0;bottom: 0;margin: auto;left: 0;}
footer:after{content: '';position: absolute;background-image: url(https://media.generalsoftware.com/site-graphics/main/images/right-element.png);background-size: cover;background-repeat: no-repeat;width: 186px;height: 377px;top: 0;bottom: 0;margin: auto;right: 0;}
footer img{margin-bottom: 40px; }
footer h2{display: inline-block; font-size: 18px; color: #000; font-weight: 700; margin-bottom: 10px; }
footer .social-wrap{display: inline-flex; justify-content: space-evenly; }
footer .social-wrap li{margin: 0 10px; }
footer .social-wrap li a{}
footer .social-wrap li a i{width: 50px; height: 50px; background-color: rgb(222, 222, 222); display: flex; align-items: center; justify-content: center; font-size: 17px; color: #10438e; }
footer .social-wrap li a:hover i{background: #181818; color: #fff; }
footer .desc{font-size: 16px;line-height: 34px;color: #000;font-weight: 400;width: 90%;}
footer .foote-menu{}
footer .foote-menu li{display: block;}
footer .foote-menu li a{font-size: 16px; color: #000; line-height: 34px; font-weight: 400;}
footer .foote-menu li a:hover{color: #10438e}
footer .contact-info{}
footer .contact-info li{display: inline-flex; justify-content: center; align-items: baseline; }
footer .contact-info li i{color: #111111; font-size: 16px; margin-right: 10px; }
footer .contact-info li p{font-size: 16px; color: #111111; line-height: 35px; font-weight: 400; }
footer form{width: 100%; margin-top: 10px;}
footer form input[type="email"]{width: 100%; border: 0; background-color: #e9e9e9; height: 50px; padding: 10px; font-size: 16px; color: #000; margin-bottom: 10px; }
footer form input[type="submit"]{width: 100%; border: 0; background: #10438e; font-size: 18px; color: #fff; height: 50px; }
footer .bottom-fotter{border-top: 1px solid #000; margin-top: 20px; padding-top: 20px; }
footer .bottom-fotter .copy{font-size: 17px; color: #818181; line-height: 27px; font-weight: 400; }


#loading {display: flex; justify-content: center; align-items: center; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; width: 100%; height: 100vh; z-index: 9999; transition: all 0.2s ease-in-out; }
#loading.deactivate {opacity: 0; }
#loading.deactivate.hide {display: none; }
#loading div {width: auto;height: auto;display: flex;position: relative;}
#loading div .outer {-webkit-animation: 2s flips infinite alternate;animation: 2s flips infinite alternate;position: absolute;}
#loading div .inner{-webkit-animation: 2s rotateIns infinite alternate; animation: 2s rotateIns infinite alternate; }
@-webkit-keyframes flips{
    0%{-webkit-transform:perspective(400px) rotateY(-1turn);
         transform:perspective(400px) rotateY(-1turn);
         -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out}
    40%{-webkit-transform:perspective(400px) rotateY(-190deg);
        transform:perspective(400px) rotateY(-190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out}
    50%{-webkit-transform:perspective(400px) rotateY(-170deg);
        transform:perspective(400px) rotateY(-170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in}
    80%{-webkit-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in}
    to{-webkit-transform:perspective(400px) rotateY(0deg);
       transform:perspective(400px) rotateY(0deg);
       -webkit-animation-timing-function:ease-in;
       animation-timing-function:ease-in}
}
@keyframes flips{
    0%{-webkit-transform:perspective(400px) rotateY(-1turn);
         transform:perspective(400px) rotateY(-1turn);
         -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out}
    40%{-webkit-transform:perspective(400px) rotateY(-190deg);
        transform:perspective(400px) rotateY(-190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out}
    50%{-webkit-transform:perspective(400px) rotateY(-170deg);
        transform:perspective(400px) rotateY(-170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in}
    80%{-webkit-transform:perspective(400px) rotateY(0deg);
        transform:perspective(400px) rotateY(0deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in}
    to{-webkit-transform:perspective(400px) rotateY(0deg);
       transform:perspective(400px) rotateY(0deg);
       -webkit-animation-timing-function:ease-in;
       animation-timing-function:ease-in}
}

@-webkit-keyframes rotateIns{
    0%{-webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
    }
    to{-webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
    }
}
@keyframes rotateIns{
    0%{-webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
    }
    to{-webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
    }
}

.searchbox{position: absolute; right: 5%; top: 10px; min-width:50px; width:0%; height:50px; float:right; overflow:hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; }
.searchbox-input{top:0; right:0; border:0; outline:0; background: #ffffff; width:100%; height:50px; margin:0; padding:0px 55px 0px 20px; font-size:20px; color: #000; }
.searchbox-input::-webkit-input-placeholder {color: #000; opacity:0.8; }
.searchbox-input:-moz-placeholder {color: #000; opacity:0.8; }
.searchbox-input::-moz-placeholder {color: #000; opacity:0.8; }
.searchbox-input:-ms-input-placeholder {color: #000; opacity:0.8; }

.searchbox-icon,
.searchbox-submit{width:50px; height:50px; display:block; position:absolute; top:0; font-size:22px; right:0; padding:0; margin:0; border:0; outline:0; line-height:20px; text-align:center; cursor:pointer; color:#dcddd8; background: #10438e;padding:14px; }
.searchbox-open{width: 66.6666666667%; }


/* Animation Reveal */
.reveal-text {visibility: hidden; }

.line {position: relative; overflow: hidden; display: flex; }
.reveal-text.center .line{justify-content: center;}
.tilt-wrap{position: relative;overflow: hidden;background: #0d3876;}
.tilt {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }
.tilt + div {z-index: 9; position: relative; }


section {overflow: hidden;background-size: cover; }
.col-md-auto.d-flex.search-wrap {padding-right: 16%; }



.square-dots .slick-dots {bottom: unset; top: -30px; padding: 0; }
.square-dots .slick-dots li {margin: 0 10px 0 0; }
.square-dots .slick-dots li button {border-radius: 0px; background: #365c91; width: 15px; height: 15px; }
.square-dots .slick-dots li.slick-active button {background: #fff; }


.box-banner{background-size: cover; background-repeat: no-repeat; background-position: center; height: 650px; }
.box-banner .banner-box{background-color: rgb(16 67 142 / 89%);padding: 60px 60px 80px;}
.box-banner .banner-box h2{font-size: 100px; color: #fff; font-weight: 700; line-height: 100px; }
.box-banner .banner-box .main-pera{color:#fff;}


.about-sec-1{position: relative; height: 1000px; background-repeat: no-repeat; background-position: right; overflow: unset; }
.about-sec-1 .box-wrap{background-color: rgb(13, 56, 118); box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.47); padding: 60px; }
.about-sec-1 .box-wrap h4{color: #fff; font-size: 56px; line-height: 63px; font-weight: 700; font-style: italic; padding-top: 150px; position: relative; }
.about-sec-1 .box-wrap h4:before{content: '';position: absolute;background-image: url(https://media.generalsoftware.com/site-graphics/main/images/quote-3.png);background-size: cover;background-repeat: no-repeat;width: 166px;height: 143px;top: 0;left: 0;}
.about-sec-1 .box-wrap h4 span{color: #648ac1; }
.about-sec-1 .img-wrap{}
.about-sec-1 .img-wrap img{}

.about-sec-2{padding-top: 100px;}
.about-sec-2 figure{}
.about-sec-2 figure img{width: 100%;}
.about-sec-2 .content-wrap{margin-left: 30px;}
.about-sec-2.second .content-wrap{margin-left: 0px;margin-right: 30px;}
.about-sec-2 .content-wrap .main-heading{}
.about-sec-2 .content-wrap .main-pera{text-align: justify;}

.about-sec-3{background-color: #0d3876;padding: 60px 0;}
.about-sec-3 .main-heading{color:#fff;}
.about-sec-3 .main-pera{color:#fff;padding: 20px 0 0 0;width: 85%;margin: auto;}
.about-sec-3 .blue.dots{justify-content: center;}

.second.about-sec-3{background-color: transparent;}
.second.about-sec-3 .main-heading{color:#000;}
.second.about-sec-3 .main-pera{color:#4d4d4d;}

.about-sec-4{background-repeat: no-repeat; background-position: right;height: 1000px;  }
.about-sec-4 .content-wrap{margin: 0 70px; }
.about-sec-4 .content-wrap .main-heading{}
.about-sec-4 .content-wrap .main-pera{padding: 20px 0 0 0;width: 95%;}


.blog-sec{padding: 80px 60px;position: relative;}
.blog-sec h1{font-size: 42px; color: #000; font-weight: 400; line-height: 49px; margin-bottom: 40px; }
.blog-sec .blog-wrap{padding:20px;}
.blog-sec .blog-wrap li{display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative;margin-bottom: 30px; }
.blog-sec .blog-wrap li .img-wrap{order: 1; }
.blog-sec .blog-wrap li .img-wrap img{width: 95%;margin: auto;}
.blog-sec .blog-wrap li .content{background-color: rgb(243, 248, 255); box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.23); width: 80%; margin: auto; margin-top: -40px; padding: 30px 20px; order: 2; }
.blog-sec .blog-wrap li .content h5{font-size: 18px; color: #10438e; font-weight: 400; }
.blog-sec .blog-wrap li .content h2, .blog-sec .blog-wrap li .content a{font-size: 24px; color: #10438e; font-weight: 600; line-height: 25px; padding: 15px 0; }
.blog-sec .blog-wrap li .content a:hover{color: #000}
.blog-sec .blog-wrap li .content p{font-size: 16px; color: #000; font-weight: 400; line-height: 24px; }
.blog-sec .slick-list {}

.blog-sec .blog-wrap li:nth-child(even){}
.blog-sec .blog-wrap li:nth-child(even) .img-wrap{order: 2; }
.blog-sec .blog-wrap li:nth-child(even) .content{order: 1; margin-top: unset; margin-bottom: -40px; z-index: 9; }

.blog-sec button.slick-next.slick-arrow {right: -45px; background: #10438e; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; }
.blog-sec button.slick-next.slick-arrow:before{font-size: 50px; }
.blog-sec button.slick-prev{display: none !important;}
.blog-sec.blog-pg li {display: inline-flex;width: 24%;    margin-bottom: 40px;}

.top-arrow{position: absolute; right: 20px; bottom: 20px; }
.top-arrow a{width: 40px; height: 40px; background: #10438e; display: flex; justify-content: center; align-items: center; }
.top-arrow a i{color: #fff; font-size: 25px; }


.inner-banner{background-repeat: no-repeat;background-position: center;padding: 100px 0 60px 0;background-size: cover;background-color: #10438e;}
.inner-banner .content{ }
.inner-banner .content h2{font-size: 52px; font-weight: 700; line-height: 63px;color: #fff; }
.inner-banner .content h4{font-size: 36px; font-weight: 700; line-height: 52px;color: #fff; }
.inner-banner .content p{color: #fff; font-size: 20px; }

.full-width-sec{}
.full-width-sec figure{}
.full-width-sec figure img{    width: 100%;}
.full-width-sec .content{background-color: rgb(13, 56, 118); box-shadow: 0px 0px 51px 0px rgb(0 0 0 / 47%); width: 80%; margin: auto; padding: 50px; height: 450px; display: flex; align-items: center; flex-direction: column;     justify-content: center;}
.full-width-sec .content .main-pera{color: #fff; display: inline; }
.full-width-sec .content .dots{margin: 0; }

.box-icons{background-repeat: no-repeat;background-position: center;padding: 60px 0;background-size: cover;text-align: center;}
.box-icons h2{font-size: 42px; color: #fff; line-height: 49px; font-weight: 400; }
.box-icons h4{color: #fff; font-size: 32px; font-weight: 700; font-style: italic; width: 65%; margin: auto; }
.box-icons ul{margin: 40px 0; }
.box-icons ul li{display: inline-block; width: 22%; vertical-align: bottom; margin: -2px; }
.box-icons ul li:nth-child(even) .wrap{background: #ffffffcc; }
.box-icons ul li .wrap{border: 2px solid #fff; background: transparent; height: 250px; display: flex; justify-content: center; align-items: center; flex-direction: column; box-shadow: 2px 12px 27px 3px rgb(255 255 255 / 56%); }
.box-icons ul li .wrap img{}
.box-icons ul li .wrap p{font-size: 18px; color: #fff; margin-top: 15px; }
.box-icons ul li:nth-child(even) .wrap p{color: #10438e;}

/* Overlap Section */
.overlap-content {padding: 50px 80px;height: calc(100% - 160px);display: flex;align-items: center;margin-top: 80px;box-shadow: 0 0 51px #00000047;z-index: 9;position: relative;}
/* Left Overlap */
.left-content .overlap-content {margin-right: -80px; }
/* right Overlap */
.right-content .overlap-content {margin-left: -80px; }

.overlap-content ul.dots{margin:0;}

.multiple-sec ul.dots.blue, ul.dots.white {margin: 0; }
.multiple-sec .content .main-pera, .content-2 .main-pera {display: inline; line-height: 32px; margin: 0; color: #fff;}
.multiple-sec .content, .content-2 {background-color: #0d3876;width: 830px;margin: 0 auto;position: relative;top: -120px;padding: 50px;height: 340px;box-shadow:0px 0px 51px 0px rgb(0 0 0 / 47%)}
.multiple-sec .content-2{background-color: #fff; }
.multiple-sec .content-2 .main-pera {display: inline; line-height: 32px; margin: 0; color: #4d4d4d;}
.description-sec {padding: 200px 0;background-repeat: no-repeat;}
.description-inner{position: relative;}
.description-inner p {font-size: 56px;font-style: italic;font-weight: bold;color: #fff;line-height: 63px;text-align: center;width: 80%;margin: 0 auto;position: relative;}
.description-inner:before {content: '';position: absolute;background-image: url(https://media.generalsoftware.com/site-graphics/main/images/quote-3.png);background-size: cover;background-repeat: no-repeat;width: 166px;height: 143px;top: -80px;left: 40px;}


.content-sec-main {background-color: #fff;box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.47);}
.content-inner {text-align: center; }
.content-inner p {width: 85%; margin: 0 auto; }


.logo-element{}
.logo-element h3{font-size: 50px; color: #10438e; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; }
.logo-element h2{font-size: 70px; color: #000; line-height: 71px; }
.logo-element .main-pera{padding: 15px 0 0 0; width: 90% }
.logo-element figure{}
.logo-element figure img{}


/*box-point*/
ul.box-point {margin: 0 0 0 30px; }
ul.box-point li {font-size: 24px; color: #fff; line-height: 32px; margin: 0 0 20px 0; position: relative; }
ul.box-point li:before {content: ''; display: block; position: absolute; background-color: #fff; width: 7px; height: 7px; left: -24px; top: 15px; }

ul.box-point.grey li{color: #4d4d4d !important;}
ul.box-point.grey li:before { background-color: #4d4d4d !important; }
/**/
.content-sec-main {background-color: #fff; padding: 180px 0; }
.content-inner {text-align: center; }
.content-inner p {font-size: 24px; width: 73%; margin: 0 auto; line-height: 28px; color: #4d4d4d; }
.portfolio-inner p {font-size: 24px; width: 60%; color: #fff; line-height: 28px; }
.weekend-sec {}
.weekend-inner-wrap h4 {font-size: 46px; text-align: center; color: #000; }
.num-wrap {text-align: center; }
.num-content-wrp .blue.dots {display: inline-flex; }
.num-content-wrp h4 {display: inline; font-size: 46px; color: #000; }
.num-content-wrp p.main-pera {width: 80%; text-align: justify; }
.left-wrap {text-align: right;margin: 0 170px 0 0;}
.left-wrap p.main-pera {width: 100%; text-align: right; }
.weekend-sec .after-line {position: relative; }
.weekend-sec .after-line:after {content: ''; display: block; position: absolute; width: 10px; height: 2130px; background-color: #dbeaff; right: 0; margin: 0 auto; left: -150px; }
.before-wrap {position: relative; }
.before-wrap:before {content: ''; display: block; position: absolute; background-color: #0d3876; width: 26px; height: 26px; left: -88px; top: 21px; z-index: 99; }
.after-wrap {position: relative; }
.after-wrap:after {content: ''; display: block; position: absolute; background-color: #0d3876; width: 26px; height: 26px; right: -108px; top: 22px; }
.service-sec-wrap ul.dots.white {display: inline-flex; }
.service-sec-wrap p.main-pera {display: inline; }




/*meargers page*/


/*backbon page*/


/*demand*/

.quotes.q-alter:before {top: -80px;}
.quotes.q-alter:after {bottom: -80px; }
.overlay-visible {overflow: visible; }


.med-shadow{box-shadow: 0 0 51px #00000047;}
.sm-shadow{box-shadow: 0 0 25px #00000047;}

.h-auto{height: auto !important; }
.h-100{height: 100% !important; }
.h-550{height: 550px !important; }
.bg-light-blue {background-color: #dee6f1 !important;}

/*obaid*/
.w-100 { width: 100% !important; }
.w-95 { width: 95% !important; }
.w-75 { width: 75% !important; }
.w-70{width: 70%;}
.w-60 { width: 60% !important; }
.w-50 { width: 50% !important; }
.w-90 { width: 90% !important; margin: 0 auto !important; }
.w-80 { width: 80% !important; margin: 0 auto !important; }
/* Text Sizes */
    .s-40{font-size: 40px !important;}
    .s-42{font-size: 42px !important;}
    .s-70{font-size: 70px !important;}
    .s-46{font-size: 46px !important;}
    .s-36{font-size: 36px !important;}
    .s-32{font-size: 32px !important;}
    .s-24{font-size: 24px !important;}
    .s-20{font-size: 20px !important;}
    .s-16{font-size: 16px !important;}
    
    /* Letter Spacing */
    .ls-1{letter-spacing: 1px;}
    .ls-2{letter-spacing: 2px;}
    .ls-3{letter-spacing: 3px;}
    .ls-4{letter-spacing: 4px;}
    .ls-5{letter-spacing: 5px;}
    .ls-6{letter-spacing: 6px;}
    .ls-7{letter-spacing: 7px;}
    .ls-8{letter-spacing: 8px;}
    .ls-9{letter-spacing: 9px;}
    .ls-10{letter-spacing: 10px;}

  /*    ws*/
    .ws-10 { word-spacing: 10px !important; }
    .ws-20 { word-spacing: 20px !important; }
    .ws-30 { word-spacing: 30px !important; }
    .ws-40 { word-spacing: 40px !important; }
    .ws-50 { word-spacing: 50px !important; }
    /*line height*/
    .l-80{ line-height: 80px !important; }
    .l-70{ line-height: 70px !important; }
    .l-60{ line-height: 60px !important; }
    .l-56{ line-height: 56px !important; }
    .l-48{ line-height: 48px !important; }
    .l-28{ line-height: 28px !important; }
    .l-33{ line-height: 33px !important; }
    .l-50{ line-height: 50px !important; }
    /* line height */
    .upper{text-transform: uppercase !important;}
    .justify{text-align:justify !important;}
    .italic{font-style: italic !important;}
    .bold{font-family: "Segoe UI Bold";}
    .semibold{font-family: "Segoe UI Semibold";}
    
    /* Text color */
    .c-white, .c-white *{color:#fff !important;}
    .c-black, .c-black *{color:#000 !important;}
    .c-grey, .c-grey *{color:#4d4d4d !important;}
    .c-blue, .c-blue *{color:#10438e !important;}
    /* Background color */
    .bg-white{background-color:#fff !important;}
    .bg-black{background-color:#000 !important;}
    .bg-grey{background-color:#4d4d4d !important;}
    .bg-blue{background-color:#0d3876 !important;}
    .bg-offwhite{background-color: #f3f8ff !important;}

    /* Img styles */

    .full-img{width:100%}

    /* Padding */
    .pe-6 {    padding-right: 5rem!important;}

    .p-10{padding:10px !important;}
    .pb-10{padding-bottom:10px !important;}
    .pt-10{padding-top:10px !important;}
    .py-10{padding-top:10px !important;padding-bottom:10px !important;}

    .p-20{padding:20px !important;}
    .pb-20{padding-bottom:20px !important;}
    .pt-20{padding-top:20px !important;}
    .py-20{padding-top:20px !important;padding-bottom:20px !important;}


    .p-50{padding:50px !important;}
    .pb-50{padding-bottom:50px !important;}
    .pt-50{padding-top:50px !important;}
    .py-50{padding-top:50px !important;padding-bottom:50px !important;}

    .p-60{padding:60px !important;}
    .pb-60{padding-bottom:60px !important;}
    .pt-60{padding-top:60px !important;}
    .py-60{padding-top:60px !important;padding-bottom:60px !important;}
    
    .p-80{padding:80px !important;}
    .pb-80{padding-bottom:80px !important;}
    .pt-80{padding-top:80px !important;}
    .py-80{padding-top:80px !important;padding-bottom:80px !important;}

    .p-100{padding:100px !important;}
    .pb-100{padding-bottom:100px !important;}
    .pt-100{padding-top:100px !important;}
    .py-100{padding-top:100px !important;padding-bottom:100px !important;}

    .p-120{padding:120px !important;}
    .pb-120{padding-bottom:120px !important;}
    .pt-120{padding-top:120px !important;}
    .py-120{padding-top:120px !important;padding-bottom:120px !important;}
    
    /* Container spacing*/
    .container-fluid.alter{padding-left:5vw;padding-right:5vw;}
    .container-fluid.alter.p-right {padding-right: 0;}
    .container-fluid.alter.p-left {padding-left: 0;}

    /* Overlap Section */
    .overlap-content {padding: 50px 80px; height: calc(100% - 160px); display: flex; align-items: center; margin-top: 80px; box-shadow: 0 0 51px #00000047; z-index: 9; position: relative; }
    .overlap-content.alter{height: calc(100% - 60px);margin-top: 30px;}
    .overlap-content.alter-med{height: calc(100% - 100px);margin-top: 50px;}
    
    /* Left Overlap */
    .left-content .overlap-content {margin-right: -80px; }
    /* right Overlap */
    .right-content .overlap-content {margin-left: -80px; }
/* Not Send */
.main-heading span {color: #10438e; font-size: 32px; display: block; text-transform: uppercase; font-weight: 600; letter-spacing: 4px; font-family: 'Segoe UI Bold'; }
    /* Contact Page */
.contact-page-form .form-control {background-color: #dee3e9; color: #262626; font-size: 16px; border: none; border-radius: 0; margin-bottom: 20px;appearance: auto; }
.contact-page-form input[type="checkbox"] {margin-bottom: 15px;}
.btn-blue {color: #fff; background-color: #10438e; font-size: 18px; padding: 10px 50px; border-radius: 0; }

.bottom-shadow {box-shadow: 0px 0 50px #00000047; z-index: 9; position: relative; }

/* Dots With Text */
.text-indent {position: relative; }
.text-indent .dots {position: absolute; left: 0; top: 15px; }

.text-indent .main-pera {text-indent: 110px; }
.text-indent.two .main-pera {text-indent: 70px; }
.text-indent.four .main-pera {text-indent: 135px; }
.text-indent.five .main-pera {text-indent: 160px; }

/* Hover */
.blue-hover, .blue-hover *{transition: all 0.3s;}
.blue-hover:hover{background-color: #10438e !important;box-shadow: 0 0 50px #00000047;z-index: 9;position: relative;}
.blue-hover:hover *{color: #fff !important;}

/* Quotes */
.quotes{position: relative;}
.quotes:before, .quotes:after{content:"";position: absolute;background: url('https://media.generalsoftware.com/site-graphics/main/images/citizen/quotes.png');width: 150px;height: 127px;}
.quotes:before{top: -50px;left: 0;background-position: top left;}
.quotes:after{bottom: -50px;right: 0;background-position: bottom right;}

.card-with-icon .icon {background-color: #fff; width: 108px; height: 108px; border-radius: 100px; text-align: center; display: inline-flex; align-items: center; justify-content: center; position: relative; bottom: -54px; margin-top: -44px; transition: all 0.3s; }
.card-with-icon {transition: all 0.3s; margin-top: 90px; }

.card-with-icon:hover .icon, .card-with-icon:hover{box-shadow: 0 0 51px #00000047;}

.sec-padding{padding: 60px 0}

.btn-size {text-align: center; font-size: 18px; font-weight: 400; padding: 16px; display: inline-block; margin-top: 20px; min-width: 200px; }

.btn-white{background: #fff;color: #10438e;border-radius: 10px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 27px 0px rgba(255, 255, 255, 0.97);position: relative;}
.btn-white:before {width: calc(100% - 5px);height: calc(100% - 5px);position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;border: 1px solid #10438e;content: "";border-radius: 10px;}
.btn-white:hover{background: #10438e;color: #fff;}


.btn-border{color: #fff;background: transparent;}
.btn-border:hover{color: #fff;background: #000000;}

.dots{display: inline-flex;margin-bottom: 20px;justify-content: start;}
.dots li{width: 23px; height: 23px; background: #dbeaff; margin-right: 10px; }
.dots li.current{background: #10438e; }

.white.dots li{background: #dbeaff;}
.white.dots li.current{background: #10438e; }


.blue.dots{}
.blue.dots li {background: #365c91; }
.blue.dots li.current {background: #fff; }

.bg-before{position: relative;}
.bg-before:before{content: '';position: absolute;background: #f3f8ff;width: 100%;height: 50%;bottom: 0;z-index: -1;}


.partners-logos{}
.partners-logos li{display: inline-block; width: 20%; padding: 30px;border-width: 4px !important;border-color: #c5d2e4 !important;}
.partners-logos li img{}



.process-wrap {display: block;height: 510px !important;margin: 192px 0 0 0 !important;}
.process-wrap-box {width: 100%; }
.before-none::before {display: none; }
.after-none::after {display: none; }
.center-blog {position: relative; top: -150px; }
.reosurce-wrap-content {width: 95%; margin: 0 auto; position: relative; top: -60px; }


ul.upcoming-point {padding: 0; margin: 20px 0 0 30px; }
ul.upcoming-point li {font-size: 24px; line-height: 33px; margin: 0 0 15px 0;position: relative; }
ul.upcoming-point li:before {content: ''; display: block; position: absolute; background-color: #dbeaff; width: 20px; height: 20px; left: -33px; top: 8px; }

.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {max-width: 1170px; position: relative; margin: auto; }

/* Next & previous buttons */ 
.prev, .next {cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; }

/* Position the "next button" to the right */
.next {right: 0; border-radius: 3px 0 0 3px; top: 54%; font-size: 50px; font-weight: 500; }
a.prev {left: -60px; top: 54%; font-size: 50px; font-weight: 500; }

.testi-slider-wrap {background-color: #000000b0;border-radius: 20px;height: 450px;padding: 65px 50px; position: relative;}
.testi-slider-wrap img {float: left; margin: 0 30px 0px 0px; }
.sldier-sdiebar p {padding: 0 70px 0 0; }
.testi-slider-wrap img.star {position: absolute; top: 120px; right: 10px; }


.border-bottom{ border-bottom: 1px solid #fff !important; }
.partner-wrap {display: flex; justify-content: center; align-items: center; margin: 0 auto; }
.py-150{padding-top:150px !important;padding-bottom:150px !important;}
.l-20{ line-height: 20px !important; }
.s-20{font-size: 20px !important;}
.s-18{font-size: 18px !important;}
.w-80-l { width: 80% !important; }
.w-70-m {width: 70% !important;margin: 0 auto !important;}
.w-90-l { width: 90% !important; }

.logo-home ul {display: flex; justify-content: space-between; }
.logo-home ul li {display: flex; justify-content: center; align-items: center; text-align: center; margin: 0 15px; }
.logo-home ul li img {opacity: 0.5; filter: grayscale(1);}
.logo-home ul li img:hover {filter: none; -webkit-filter: grayscale(0); -webkit-transform: scale(1.01);opacity: 1; }

.custom-width{margin-left: 55px;}

/********** Responsive **********/

@media only screen and (min-width: 768px) {
.right-full{margin-right: calc(50% - 50vw);}
.left-full{margin-left: calc(50% - 50vw);}
}
@media only screen and (max-width: 1600px) {
  .col-md-auto.d-flex.search-wrap {    padding-right: 12%;  }
  .custom-width {margin-left: -40px;}
  .main-menu > ul > li.dd-active .dropdown{height: auto;}
}
@media only screen and (max-width: 1440px) {
  .container-sm {width: 100%;max-width: 100%;padding-left: 1vw;padding-right: 1vw;}
  .container-fluid.alter{padding-left: 1vw;padding-right: 1vw;}
  .custom-width {    margin-left: 30px;    width: 100%;}
  .sec-3 h2{font-size:30px;}
  .searchbox-open{width: 61%;}
  .main-menu > ul > li {    padding: 0px 6px;}
  footer, .sec-2{    background-position: right;}
  .industries-sec ul li .wrap p{padding:0 10px;}
  .main-banner .progressBarContainer li{width: 22%}
  .main-menu > ul > li > a{font-size: 14px;}
  .inner-banner .content h2 {font-size: 46px;}
  .h-550 {height: 600px !important;}
  video{width:100%;}
  
  .blog-sec .blog-slider li .img-wrap img {width: 90%;margin: auto;}
  .main-pera, ul.box-point li{font-size:18px;}
  .overlap-content.alter{margin-top: 20px;}
  ul.box-point li{margin-bottom:10px;}
  .mb-4, .mb-5 {margin-bottom: 1rem!important;}
  .overlap-content.alter-med{margin-top: 15px;height: auto;}
  .overlap-content{padding: 30px 60px;}
  .full-width-sec .content{width: 90%;height: auto;padding: 20px 30px;}
  .description-inner p{width: 90%;}
  .l-50 {line-height: 40px !important;}
  .s-40 {font-size: 30px !important;}
  .logo-img{    width: 20%;}
  .pb-5 {padding-bottom: 1rem!important;}
  .multiple-sec .content, .content-2{width: 630px;}
  



}
@media only screen and (max-width: 1370px) {
    .custom-width {margin-left: -20px;}
}
@media only screen and (max-width: 1330px) {
  .searchbox-open {width: 62%;}
  .searchbox{right: 2%;}
  .col-md-auto.d-flex.search-wrap {padding-right: 8%; }
  .custom-width {margin-left: 0px;}
  

}

.tablet{display: none;}
@media only screen and (max-width: 1200px) {

  .searchbox-open {width: 66%;}
  .sldier-sdiebar p {    padding: 0;}
  .custom-width{margin-left: -50px;}
  .dropdown ul li{width:31%;}

}

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

    .sec-3 h2{font-size: 24px;margin-bottom: 20px;}
    .sec-2 figure img{max-width: 100%;}
    .sec-2 h2 {font-size: 50px; line-height: 60px; }
    .sec-2 h2 span {font-size: 30px; line-height: 30px; letter-spacing: 2px; }
    .sec-2 .main-pera{padding-top: 10px;}
    .small-heading{font-size: 20px;letter-spacing: 2px;}
    .main-heading{font-size: 40px;line-height: 45px;}
    .main-pera{font-size: 18px;line-height: 22px;}
    .main-banner .bottom{display: none;}
    .main-banner .item{padding-bottom: 120px;}
    .main-banner .item .wrap h1 {line-height: 70px; font-size: 60px; }
    .main-banner .item .wrap p{font-size: 18px;line-height: 30px;}

}

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

  .searchbox-open {width: 71%;}
}

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

  .logo img{display: none;}
  .searchbox-open {width: 78%;}
  .logo .tablet{display: inline-block;}
  
}

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

  .logo img{display: inline-block;}
  .logo .tablet{display: none;}
  .industries-sec ul li {width: 32.6%;}
  .main-pera{font-size: 16px;}
  .solution-sec .tilt{min-width: 160%;}
  .solution-sec ul li{width: 22%;}
  .industries-sec .main-pera{width: 100%;}
  .solution-sec ul li .wrap h4{font-size: 16px;}

}

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

.py-100{padding-top:70px !important;padding-bottom:70px !important;}
.p-60{padding: 20px !important;}
.quotes:before, .quotes:after, .logo-home ul{display:none;}
.mobile-nav-btn{width: 60px; height: 60px;}
.header-main.stickyheader .header-progress-bar {top: 60px; height: 5px; }
.mobile-nav-btn span, .mobile-nav-btn span:before, .mobile-nav-btn span:after{width: 20px;}
.mobile-nav-btn.active span:before{-webkit-transform: translateY(0.5rem) rotate(43deg);transform: translateY(-0.5rem) rotate(43deg);}
.box-img .content .main-pera{padding: 50px 20px;}
.solution-sec .tilt{min-width: 160%;}
.industries-sec h2{font-size: 30px;line-height: 35px;}
.industries-sec ul li .wrap{border-bottom: 1px solid #10438e;}
.industries-sec ul li:nth-child(even) .wrap{border-bottom: 1px solid #ffffff;}
.box-img .content{padding: 30px 0;}
.box-img .content .main-pera:before{top: 0;left: 0;}
footer, .sec-2 {background-color: #fff;background-image: none;}
.inner-banner .content h2 {font-size: 29px;line-height: 35px;}
.container-fluid.alter.p-right {padding-right: 0;}
.container-fluid.alter.p-left {padding-left: 0;}
.container-fluid.alter {padding-left: 0;padding-right: 0;}
.left-content .overlap-content, .right-content .overlap-content {height: auto;padding: 30px;margin: 0;}
.text-indent .dots{top:5px}
.blog-sec{padding:40px;}
.blog-sec .blog-slider{padding:0px;}
.blog-sec .blog-slider li{display:block;}
.blog-sec .blog-slider li .content{margin-top: 0;padding: 20px;box-shadow: unset;width: 100%;}
.blog-sec .blog-slider li:nth-child(even) .content{margin-bottom: 0;}
.blog-sec button.slick-next.slick-arrow{width: 30px;height: 30px;}
.blog-sec button.slick-next.slick-arrow:before {font-size: 40px;}
.top-arrow{right: 10px;bottom: 10px;}
.box-banner .banner-box h2 {font-size: 70px;line-height:80px;}
.box-banner .banner-box{padding: 30px;}
.box-banner{background-position: bottom;height: 450px;}
.sldier-home {background-size: cover;}
.testi-slider-wrap {padding: 0 10px; margin: 0 0 20px 0; }
.testi-slider-wrap h5.main-heading {font-size: 22px !important; }
.testi-slider-wrap img {margin: 0 15px 0 0; }
.testi-slider-wrap img.star {top: 41px; width: 20%; right: 0; }
a.prev {right: 0; left: 0; margin: 0 auto; top: 100%; }
.next {margin: 0 auto; right: 0; top: 100%; }
.home-logo {display: none; }
.center-blog {top: -90px; }
.inner-banner {height: 350px !important; }
.center-blog p.main-pera {line-height: 28px !important; width: 100% !important; }
.h-550 {height: 400px !important; }
.resource-content-wrap {padding: 0 !important; }
.resource-content-wrap p.main-pera {font-size: 20px !important; line-height: 1.3 !important; }
.reosurce-wrap-content {padding: 30px 20px !important; }
.reosurce-wrap-content p.main-pera {font-size: 16px !important; line-height: 1.4 !important; width: 100% !important; padding: 0; }
.s-24 {font-size: 16px !important; line-height: 28px !important; }
.about-sec-1 .box-wrap {padding: 50px 20px;}
.about-sec-1 .box-wrap h4 {font-size: 35px; line-height: 1.6; }
.about-sec-2 .content-wrap {padding: 30px 0; margin: 0; }
.about-sec-3 p.main-pera {width: 100%; }
.offset-6 {margin: 0 !important; }
.about-sec-4 .content-wrap {margin: 0; }
.about-sec-4 {height: auto; padding: 100px 0; }
.ls-10 {letter-spacing: 3px; }
.main-pera, ul.box-point li {font-size: 16px; line-height: 1.5; margin: 0 0 15px 0; }
ul.box-point li:before {top: 10px; }
.overlap-content {padding: 30px 40px; }
.l-50 {font-size: 30px !important; }
.pt-100 {padding: 30px 0 !important; }
.offset-1 {margin: 0 !important; }
.content-sec-main {padding: 70px 0; }
.content-inner p {width: 100%;line-height: 1.4;}
.w-60 {width: 100% !important; }
.s-32 {font-size: 26px !important; }
.single-banner {height: 590px !important;background-position: right;padding: 420px 0;}
.single-banner p.main-pera {font-size: 18px; line-height: 1.4; }
.py-80 {padding: 20px 0 !important; }
.weekend-sec h4 {font-size: 30px; line-height: 1.3; }
.weekend-sec .after-line:after{display: none !important; }
.num-content-wrp p.main-pera {width: 100%; padding: 0 10px; }
.num-content-wrp.before-wrap {text-align: center; margin: 20px 0 0 0; }
.num-content-wrp.left-wrap.after-wrap {width: 100%; text-align: center !important; margin: 20px 0 0 0; }
.num-content-wrp.left-wrap.after-wrap p.main-pera {text-align: left; }
.num-wrap img {width: 50%; }
.s-46 {font-size: 20px !important; }
.l-60 {line-height: 33px !important; }
.demand-bg-sec.p-50 {padding: 30px 0 !important; }
.demand-bg-sec .p-50 {padding: 50px 10px !important; }
.single-banner-sub {height: 500px !important; }
.py-150 {padding: 80px 0 !important; }
.pb-120 {padding-bottom: 0 !important;}
.pb-120 {padding-bottom: 0 !important;}
.l-48 {line-height: 33px !important; }
.left-content.py-60 {padding: 0 !important; }
.w-70-m {width: 100% !important; }
.w-80-l {width: 100% !important; }
.partner-wrap {padding: 80px 40px !important; }
.p-100 {padding: 100px 40px !important; }
.inner-banner .content h4 {font-size: 20px;line-height: 1.1;}
ul.upcoming-point li {font-size: 17px; margin: 0 0 10px 0; }
.w-90 {width: 100% !important; }
.demand-bg-sec .row.py-100.pl-40 {background-size: cover; }
.w-80 {width: 100% !important; }
.pt-50 {padding: 0 15px !important; }
.s-32 {font-size: 26px !important; }
.l-42 {line-height: 33px !important; }
.box-icons ul li {display: grid; width: 100%; }
.box-icons h4 {width: 100%; font-size: 26px; line-height: 1.4; }
.full-width-sec .content {width: 100%; }
.single-banner-about {height: 600px !important; }
.about-sec-2 {padding: 20px 0; }
.multiple-sec .content, .content-2 {width: 100%; height: 490px; top: -40px; }
.description-sec {padding: 100px 0 !important; background-size: cover; }
.description-inner p {width: 100%; font-size: 30px; line-height: 1.8; }
.logo-element h3 {font-size: 35px; }
.logo-element h2 {font-size: 50px; line-height: 1; }
.logo-element figure img {width: 100%; }
.py-120 {padding: 80px 0 !important; }

}

@media only screen and (max-width: 575px) {
  
.side-menu .left-menu {padding: 20px; }
.side-menu .left-menu li, .side-menu .left-menu li a {font-size: 16px; line-height: 18px; margin-bottom: 10px; }
.side-menu .left-menu li:before {font-size: 12px; }
.side-menu .right-menu {padding: 20px; padding-bottom: 40px; }
.side-menu .right-menu h2 {font-size: 30px; line-height: 35px; }
.side-menu .right-menu ul li {width: 100%; padding-bottom: 5px; }
.side-menu .right-menu ul li a {font-size: 14px; line-height: 15px; }
footer .bottom-fotter .copy {font-size: 14px; text-align: center; }
footer div[class*=col] {margin-bottom: 20px; }
footer img{max-width: 100%;}
.solution-sec .tilt {min-width: 680%; }
.solution-sec ul li {width: 45%; }
.sec-2 h2{font-size: 30px;line-height: 35px;}
.sec-2 h2 span {font-size: 20px; line-height: 18px; letter-spacing: 0px; }
.main-heading{font-size: 35px !important;line-height: 45px !important;}
.box-img img.tilt {min-width: 180%; }
.box-img .content .main-pera {padding: 20px 0px; }
.industries-sec ul li {width: 50%; }
.searchbox{display: none;}
.main-banner .item .wrap {padding: 20px; }
.main-banner .item .wrap h1 {font-size: 40px; line-height: 45px; margin-bottom: 15px; }
.industries-sec ul li .wrap h5{font-size: 14px;}
.industries-sec ul li .wrap p{font-size: 12px;}
.demand-bg-sec .p-100 {padding: 70px 0 !important; }
.demand-bg-sec .text-end {text-align: center !important; }
.pb-100 {padding: 50px 0 !important; }


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

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

  @-webkit-keyframes load {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.5);
    }
    100% {
      transform: scale(1);
    }
  }

  @keyframes load {
    0% {
      transform:scale(1);
    }
    50% {
      transform: scale(1.5);
    }
    100% {
      transform:scale(1);
    }
  }
  
@media only screen and (min-width: 1920px) {
    .header-main .container-fluid {
        position: relative;
    }

}