@font-face {font-family: "Roboto-Light";font-display: swap;src: url("../fonts/Roboto-Light.ttf");}
@font-face {font-family: "Roboto-Regular";font-display: swap;src: url("../fonts/Roboto-Regular.ttf");}
@font-face {font-family: "Roboto-Medium";font-display: swap;src: url("../fonts/Roboto-Medium.ttf");}
@font-face {font-family: "Roboto-Bold";font-display: swap;src: url("../fonts/Roboto-Bold.ttf");}
@font-face {font-family: "IBMPlexSans-SemiBold";font-display: swap;src: url("../fonts/IBMPlexSans-SemiBold.ttf");}
@font-face {font-family: "BebasNeue-Regular";font-display: swap;src: url("../fonts/BebasNeue-Regular.ttf");}

html{scroll-behavior: smooth;}
body{margin: 0;padding: 0;box-sizing: border-box;
overflow-x: hidden!important;}
:root {--red: #ff0000;}
:root {--black: #14133b;}
:root {--grey: #5b6674;}
:root {--green: #20ad96;}
:root {--purple: #8a49a1;}
:root {--blue: #29b2fe;}


.container {max-width: 70%;margin: auto;}
h1, h2, h3, h4, h5, h6, p{margin: 0;}

ul{padding: 0;margin: 0;}

.header .container{max-width: 100%;padding: 0px 50px;}
.header {display: block;width: 100%;position: relative;z-index: 99;
position: fixed;top: 0;left: 0;right: 0;
background-color: #fff;    box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);}
.header .item-left {flex: 0 0 7%;}
.header .logo{max-width: 110px;display: grid;align-items: center;height: 100%;}
.header .logo a img{width: 100%;}
.header .item-center {flex: 0 0 70%;display: flex;align-items: center;}
.header .item-right {flex: 0 0 23%;display: flex;justify-content: flex-end;}
.header .item-right .number{display: grid;font-size: 14px;border-right: 1px solid rgba(0, 0, 0, 0.1);padding: 10px 12px;}
.header .item-right .number span{color: #000;font-family: "IBMPlexSans-SemiBold";font-size: 16px;
color: var(--black);}
.header .item-right .menu-toggle{margin-left: 25px;}
.header .item-right a {text-decoration: none;font-size: 16px;color: #555555;display: inline-block;
margin-left: 10px;transition: color 0.3s ease;}
.header .menu > ul > li {display: inline-block;padding-left: 25px;}
.header .menu > ul > li > a {font-size: 15px;position: relative;text-transform: capitalize;
transition: color 0.3s ease;font-weight: 500;font-style: normal;color: #0c0c0c;opacity: .8;visibility: visible;
line-height: 75px;text-decoration: none;
}

.header .menu > ul > li > a:after{left: 0;transition: 0.5s;width: 0;content: "";
position: absolute;bottom: 0;height: 10px;width: 0;background-color: rgba(255, 0, 0, 0.2);}
.header .menu > ul > li > a:hover::after{background-color: rgba(255, 0, 0, 0.2);left: 0; width: 100%;
transition: 0.5s;}

.header .menu > ul > li .sub-menu {position: absolute;z-index: 500;background-color: #ffffff;
/*box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);*/border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px 20px;transition: all 0.3s ease;margin-top: 75px;opacity: 0;visibility: hidden;
transform-origin:top center;top: 25px;
}
.header .menu > ul > li.menu-item-has-children:hover .sub-menu{border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;top: 75px;}
.header .menu > ul > li.menu-item-has-children:hover .sub-menu ul{list-style-type: none;}
.header .menu > ul > li.menu-item-has-children .sub-menu ul{list-style-type: none;}

@media (min-width: 992px) {
.header .menu > ul > li.menu-item-has-children:hover .sub-menu {margin-top: 0;visibility: visible;opacity: 1;
box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);
}}
.header .menu > ul > li .sub-menu > ul > li {line-height: 1;}
.header .menu > ul > li .sub-menu > ul > li > a {display: inline-block;padding: 10px 0;font-size: 15px;
  position: relative;
color: #666;
transition: color 0.3s ease;text-decoration: none;text-transform: capitalize;font-family: "Roboto-Medium";}

.header .menu > ul > li .sub-menu > ul > li > a:after{left: 0;transition: 0.5s;width: 0;content: "";
position: absolute;bottom: 8px;height: 10px;width: 0;background-color: rgba(255, 0, 0, 0.2);}
.header .menu > ul > li .sub-menu > ul > li > a:hover::after{background-color: rgba(255, 0, 0, 0.2);
left: 0; width: 100%;
transition: 0.5s;}

.header .menu > ul > li .single-column-menu {min-width: 205px;max-width: 350px;}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li {line-height: 1;display: block;}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {padding: 10px 0;display: inline-block;
font-size: 15px;font-family: "Roboto-Medium";
color: #666;transition: color 0.3s ease;position: relative;text-decoration: none;}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:after{left: 0;transition: 0.5s;width: 0;content: "";
position: absolute;bottom: 8px;height: 10px;width: 0;background-color: rgba(255, 0, 0, 0.2);}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover::after{background-color: rgba(255, 0, 0, 0.2);
left: 0; width: 100%;transition: 0.5s;}

.header .menu > ul > li .sub-menu.mega-menu {left: 50%;transform: translateX(-50%);}
.header .menu > ul > li .sub-menu.mega-menu-column-4 {width: 100%;display: flex;flex-wrap: wrap;
padding: 20px 15px;
max-width: 1100px;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {flex: 0 0 25%;padding: 0 15px;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title {font-size: 16px;color: #ea4636;font-weight: 500;line-height: 1;
padding: 10px 0;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title {text-align: center;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {max-width: 100%;width: 100%;vertical-align: middle;
margin-top: 10px;height: 300px;object-fit: cover;}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .item-right a:hover, .header .menu > ul > li:hover > a {color: #ea4636;}
/* banner section */
.banner-section {background-image: url("../img/banner.jpg");background-size: cover;background-position: center;height: 700px;
width: 100%;display: block;}
.mobile-menu-head,
.mobile-menu-trigger {display: none;}
.small-title-nav{padding-top: 37px;}
@media (max-width: 991px) {
.header .item-center {order: 3;flex: 0 0 100%;}
.header .item-left, .header .item-right {flex: 0 0 auto;}
.v-center {justify-content: space-between;}
.header .mobile-menu-trigger {display: flex;height: 30px;width: 30px;margin-left: 15px;cursor: pointer;align-items: center;
justify-content: center;}
.header .mobile-menu-trigger span {display: block;height: 2px;background-color: #333333;width: 24px;position: relative;}
.header .mobile-menu-trigger span:before, .header .mobile-menu-trigger span:after {content: "";position: absolute;left: 0;
width: 100%;height: 100%;background-color: #333333;}
.header .mobile-menu-trigger span:before {top: -6px;}
.header .mobile-menu-trigger span:after {top: 6px;}
.header .item-right {align-items: center;}
.header .menu {position: fixed;width: 320px;background-color: #ffffff;left: 0;top: 0;height: 100%;overflow: hidden;transform: translate(-100%);
transition: all 0.5s ease;z-index: 1099;}
.header .menu.active {transform: translate(0%);}
.header .menu > ul > li {line-height: 1;margin: 0;display: block;}
.header .menu > ul > li > a {line-height: 50px;height: 50px;padding: 0 50px 0 15px;display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.header .menu > ul > li > a i {position: absolute;height: 50px;width: 50px;top: 0;right: 0;text-align: center;line-height: 50px;
transform: rotate(-90deg);}
.header .menu .mobile-menu-head {display: flex;height: 50px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);justify-content: space-between;
align-items: center;position: relative;z-index: 501;position: sticky;background-color: #ffffff;top: 0;}
.header .menu .mobile-menu-head .go-back {height: 50px;width: 50px;border-right: 1px solid rgba(0, 0, 0, 0.1);
cursor: pointer;line-height: 50px;text-align: center;color: #000000;font-size: 16px;display: none;}
.header .menu .mobile-menu-head.active .go-back {display: block;}
.header .menu .mobile-menu-head .current-menu-title {font-size: 15px;font-weight: 500;color: #000000;}
.header .menu .mobile-menu-head .mobile-menu-close {height: 50px;width: 50px;border-left: 1px solid rgba(0, 0, 0, 0.1);
cursor: pointer;line-height: 50px;text-align: center;color: #000000;font-size: 25px;}
.header .menu .menu-main {height: 100%;overflow-x: hidden;overflow-y: auto;}
.header .menu > ul > li .sub-menu.mega-menu,
.header .menu > ul > li .sub-menu {visibility: visible;opacity: 1;position: absolute;box-shadow: none;margin: 0;padding: 15px;
top: 0;left: 0;width: 100%;height: 100%;padding-top: 65px;max-width: none;min-width: auto;display: none;
transform: translateX(0%);overflow-y: auto;}
.header .menu > ul > li .sub-menu.active {display: block;}
@keyframes slideLeft {
0% {opacity: 0;transform: translateX(100%);}
100% {opacity: 1;transform: translateX(0%);}
}
@keyframes slideRight {
0% {opacity: 1;transform: translateX(0%);}
100% {opacity: 0;transform: translateX(100%);}
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {margin-top: 0;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title {margin-bottom: 20px;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title {margin-bottom: 0px;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {flex: 0 0 100%;padding: 0px;}
.header .menu > ul > li .sub-menu > ul > li > a, .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
display: block;}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {margin-bottom: 15px;}
.menu-overlay {position: fixed;background-color: rgba(0, 0, 0, 0.5);left: 0;top: 0;width: 100%;height: 100%;z-index: 1098;
visibility: hidden;opacity: 0;transition: all 0.5s ease;}
.menu-overlay.active {visibility: visible;opacity: 1;}
}



.menu-toggle{flex:0 0 auto;width:40px;height:40px;cursor:pointer;position:relative;    padding: 37px 10px;}
.hamburger{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
/*.cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.cross{z-index: 999!important;}*/
.hamburger span{display:block;width:24px;height:2px;margin-bottom:5px;overflow:hidden;position:relative;}
.hamburger span:first-child{display:block;width:18px;height:2px;margin-bottom:5px;overflow:hidden;position:relative;}
.hamburger span:last-child{margin:0;}
.hamburger span:before, .hamburger span:after{content:"";position:absolute;width:100%;height:100%;
background-color:rgb(15,15,15);transform:translateX(-200%);transition:transform ease 500ms;}
.hamburger span:after{transform:translateX(0);}
.hamburger span:nth-child(2):before, .hamburger span:nth-child(2):after{transition-delay:75ms;}
.hamburger span:last-child:before, .hamburger span:last-child:after{transition-delay:150ms;}
.menu-toggle:hover .hamburger span:before{transform:translateX(0);}
.menu-toggle:hover .hamburger span:after{transform:translateX(200%);}
.menu-toggle.active .hamburger span:before{transform:translateX(100%);}
.menu-toggle.active .hamburger span:after{transform:translateX(200%);}
.cross span{display:block;width:18px;height:2px;background-color:rgb(15,15,15);transform:translateY(50%) rotate(45deg) scaleX(0);
transition:transform ease 200ms;}
.cross span:last-child{transform:translateY(-50%) rotate(-45deg) scaleX(0);}
.menu-toggle.active .cross span{transition-delay:450ms;transform:translateY(50%) rotate(45deg) scaleX(1);}
.menu-toggle.active .cross span:last-child{transform:translateY(-50%) rotate(-45deg) scaleX(1);}

.wrapper .main-content{position: absolute;width: 100%;z-index: 999;top: 40%;left: 50%;
-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.wrapper .carousel-inner .moving-shapes{z-index: 0;}


.wrapper .main-content .content .inner-content{width: 60%;}
.wrapper .main-content .inner-content .small-text{background-color: rgba(255, 255, 255, 0.2);letter-spacing: 0.4px;
border-radius: 50px;padding: 6px 20px;color: #fff;font-size: 13px;font-family: "Roboto-Bold";}
.wrapper .main-content .inner-content h1{color: #fff;font-size: 65px;line-height: 75px;font-family: "IBMPlexSans-SemiBold";
padding: 15px 0px;}
.wrapper .main-content .inner-content p{font-size: 17px;font-family: "Roboto-Medium";color: #fff;}
.wrapper .main-content .inner-content .btn-broup .main-btn{margin-right: 10px;z-index: 1;}
.wrapper .main-content .inner-content .btn-broup .main-btn:hover{color: #fff;background-color: var(--black);}
.wrapper .main-content .inner-content .btn-broup .white-btn:hover{color: #fff;background-color: var(--grey);}

.main-btn{background-color: var(--red);color: #f7f7f7;transition: 0.5s;transition: 0.5s;}
.main-btn:hover{color: #fff;background-color: var(--black);}
.white-btn{background-color: white;color: var(--black);}
.white-btn:hover{background-color: var(--blue);color: #fff;}
.btn.focus, .btn:focus {box-shadow: unset;}


.wrapper .main-content .inner-content .btn-broup{margin-top: 25px;}
.btn{overflow: hidden;margin: 0 0 10px 0;vertical-align: middle;text-align: center;font-size: 16px;
font-family: "Roboto-Medium";
text-transform: capitalize;line-height: 30px!important;min-height: 50px;
letter-spacing: 0.6px;padding: 10px 25px;}
.moving-shapes{position: absolute;width: 100%;left: 0;right: 0;bottom: 0;height: 100%;z-index: 1;}

.shape--1 {background-image: url("../images/icon/a1.png");width: 15px;height: 15px;background-size: contain;background-repeat: no-repeat;
position: absolute;top: 17%;left: 10%;}
.shape--2 {background-image: url("../images/icon/a2.png");width: 15px;height: 15px;background-size: contain;background-repeat: no-repeat;
position: absolute;top: 10%;right: 50%;}
.shape--3 {background-image: url("../images/icon/a3.png");width: 15px;height: 15px;bottom: 40%;left: 15%;opacity: 0.5;}
.shape--4 {background-image: url("../images/icon/a4.png");width: 15px;height: 15px;bottom: 30%;left: 23%;}
.shape--5 {background-image: url("../images/icon/a1.png");width: 15px;opacity: 0.6;height: 15px;top: 30%;left: 43%;}
.shape--6 {background-image: url("../images/icon/a3.png");width: 15px;height: 15px;opacity: 0.8;top: 20%;right: 40%;}
.shape--7 {background-image: url("../images/icon/a5.png");width: 15px;height: 15px;opacity: 0.8;top: 40%;left: 50%;}
.shape {motion-rotation: reverse;animation: move 30s linear infinite;background-size: contain;background-repeat: no-repeat;
position: absolute;}
.path--1 {offset-path: path("M18.45,58.46s52.87-70.07,101.25-.75,101.75-6.23,101.75-6.23S246.38,5.59,165.33,9.08s-15,71.57-94.51,74.56S18.45,58.46,18.45,58.46Z");}
@keyframes move {
100% {motion-offset: 100%;offset-distance: 100%;}
}
.hero {width: 100%;position: relative;overflow: hidden;height: 720px;}


.wrapper{height: 75vh;position: relative;margin-top: 8vh;}
.wrapper .carousel-inner{height: 75vh;}
.wrapper .carousel-control-next, .carousel-control-prev{z-index: 9;}
.wrapper .carousel-control-next, .carousel-control-prev .fa{font-size: 36px;}
.wrapper .inner-wrapper{height: 100%;}
.wrapper .inner-wrapper .bg-wrapper{height: 100%;object-fit: cover;}
.wrapper .partner-sec{position: absolute;width: 69%;left: 15.5%;bottom: -60px;height: 126px;border-radius: 5px;
background-color: #fff;box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);
padding: 15px;z-index: 9;}
.wrapper .partner-sec .inner-partner{display: flex;height: 100%;}
.wrapper .partner-sec .inner-partner .box{display: grid;align-items: center;}
.wrapper .partner-sec .inner-partner img{width: 100%;opacity: 0.5;cursor: pointer;}
.wrapper .partner-sec .inner-partner img:hover{opacity: 1;transition: 0.8s;}

.partner-sec .product-part{background-color: unset;}
.partner-sec .partner-why{border-top: unset;}

.sidenav {display: none;height: 100vh;width: 100%;position: fixed;z-index: 100;top: 0;right: 0;
background-color: rgba(20, 19, 59, 0.7);overflow-x: hidden;transition: all .3s ease;}
.sidenav .inner-bar{width: 25%;background-color: #fff;height: 100%;margin-left: auto;}
.sidenav .inner-bar .contact-details{padding: 50px 60px;display: grid;align-items: center;height: 100%;}
.sidenav .inner-bar .contact-details h1{line-height: 42px;font-style: normal;font-family: IBMPlexSans-SemiBold;
color: var(--black);font-size: 36px;padding-bottom: 15px;}
.sidenav .inner-bar .contact-details p{letter-spacing: 0;font-size: 15px;line-height: 25px;padding-top: 0;
margin-top: 0;font-family: "Roboto-Regular";padding-top: 10px;color: var(--grey);}
.sidenav .inner-bar .contact-details .box{padding-top: 25px;}
.sidenav .inner-bar .contact-details h4{font-size: 20px;font-family: IBMPlexSans-SemiBold;color: var(--red);}
.sidenav .inner-bar .contact-details .social_list{padding-top: 25px;}
.sidenav .inner-bar .contact-details .social_list li{display: inline-block;padding-left: 0;padding-right: 15px;}
.sidenav .inner-bar .contact-details .social_list li img{width: 15px;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;z-index: 999;margin-top: 50px;
}

a{cursor: pointer;}
.prev-next-page .box h4{cursor: pointer;}
.sidenav .closebtn img{background-color: var(--red);padding: 25px;border-radius: 5px;color: #fff;text-decoration: none;
height: 70px;width: 70px;display: block;align-items: center;}

/*#cursor {--size: 20px;position: fixed;top: 0;z-index: 999;left: 0;height: var(--size);width: var(--size);background-color: rgba(255, 0, 0, 0.5);
border-radius: 50%;transform: translate3d(calc(100vw * var(--cursor-x) - var(--size) / 2), 
calc(100vh * var(--cursor-y) - var(--size) / 2), 0);pointer-events: none;
}*/

.big-title{font-size: 57px;color: #fff;font-size: 50px;line-height: 60px;text-transform: capitalize;
font-family: "IBMPlexSans-SemiBold";padding: 15px 0px;}
.sub-title{background-color: rgba(255, 0, 0, 8%);color: var(--red);border-radius: 50px;padding: 5px 15px;
font-family: "Roboto-Medium";font-size: 13px;text-transform: uppercase;letter-spacing: 0.5px;}
.main-title{font-style: normal;text-transform: none;font-size: 36px;line-height: 46px;letter-spacing: -.3px;
font-family: "IBMPlexSans-SemiBold";color: var(--black);}
.main-para{font-family: Roboto-regular;line-height: 30px;letter-spacing: 0.2px;font-style: normal;color: var(--grey);
font-size: 16px;}
.small-title{font-size: 18px;font-family: "IBMPlexSans-SemiBold";line-height: 24px;text-transform: none;
letter-spacing: -3;margin: 10px auto;}
.small-two-title{font-size: 22px!important;
font-family: "IBMPlexSans-SemiBold";line-height: 32px;text-transform: none;letter-spacing: 0;margin: 12px auto;}
.header-sec{text-align: center;width: 60%;margin: 0 auto;}
.header-sec-full{text-align: center;width: 80%;margin: 0 auto;padding-bottom: 15px;}
.header-sec-full h2{padding: 15px;}
.header-sec h2{padding: 15px;}
.bg-grad{background: linear-gradient(0deg, rgb(39 37 125 / 17%) 0%, rgb(54 52 153 / 3%) 100%);}

.about-company{margin-top: 125px;padding: 50px 0px;}
.about-company .about-content h2{padding: 15px 0px;}
.about-company .about-content .main-text{padding: 25px 0px;color: #6a7c92;}

.acordian-box{padding-top: 20px;padding-right: heading-solution%;}
.acordian-box .card-header .title {color: var(--red);font-size: 18px;font-family: "IBMPlexSans-SemiBold";line-height: 24px;text-transform: none;
letter-spacing: -3;margin: 10px auto;}
.acordian-box .card-header .accicon {font-size: 14px;width: 1.2em;padding-right: 10px;color: var(--red);}
.acordian-box .card-header{cursor: pointer;border-bottom: none;background-color: transparent;padding: 20px 0px;}
.acordian-box .card{border: none!important;border-bottom: 1px solid rgba(0, 0, 0, 0.1)!important;border-radius: 0;}
.acordian-box .card-body{padding-top: 0;padding-bottom: 0;}
.acordian-box .card-body p{color: #6a7c92;padding: 10px 6px 35px;}
.acordian-box .collapsed .title{color: var(--black);}
.acordian-box .collapsed .fa{color: #5b6674;}
.acordian-box .card-header:not(.collapsed) .rotate-icon {transform: rotate(180deg);}
.about-company .box-content .main-box{display: flex;justify-content: space-between;padding: 0px 10px;}
.about-company .box-content .main-box .left-boxs{width: calc(50% - 15px);padding-top: 20px;}
.about-company .box-content .main-box .right-boxs{width: calc(50% - 15px);margin-top: -50px;}
.about-company .box-content .main-box .box img{width: 55px;}
.about-company .box-content .main-box .box {border: 1px solid rgba(0, 0, 0, 10%);border-radius: 5px;padding: 35px;
margin-bottom: 30px;position: relative;}
.about-company .box-content .main-box .box p{color: #6a7c92;}
.about-company .box-content .main-box .left-boxs .box:first-child{transition: all .9s ease;}
.about-company .box-content .main-box .left-boxs .box:first-child:hover img{filter: brightness(10000%);}
.about-company .box-content .main-box .left-boxs .box:first-child:hover h4{color: #fff;}
.about-company .box-content .main-box .left-boxs .box:first-child:hover p{color: #fff;}
.about-company .box-content .main-box .left-boxs .box:first-child:hover{background-color: var(--red); transform: scale(1.1);}
.about-company .box-content .main-box .left-boxs .box:last-child{ transition: all .9s ease;}
.about-company .box-content .main-box .left-boxs .box:last-child:hover img{filter: brightness(10000%);}
.about-company .box-content .main-box .left-boxs .box:last-child:hover h4{color: #fff;}
.about-company .box-content .main-box .left-boxs .box:last-child:hover p{color: #fff;}
.about-company .box-content .main-box .left-boxs .box:last-child:hover{background-color: #8a49a1; transform: scale(1.1);}
.about-company .box-content .main-box .right-boxs .box:first-child{ transition: all .9s ease;}
.about-company .box-content .main-box .right-boxs .box:first-child:hover img{filter: brightness(10000%);}
.about-company .box-content .main-box .right-boxs .box:first-child:hover h4{color: #fff;}
.about-company .box-content .main-box .right-boxs .box:first-child:hover p{color: #fff;}
.about-company .box-content .main-box .right-boxs .box:first-child:hover{background-color: #29b2fe; transform: scale(1.1);}
.about-company .box-content .main-box .right-boxs .box:last-child{ transition: all .9s ease;}
.about-company .box-content .main-box .right-boxs .box:last-child:hover img{filter: brightness(10000%);}
.about-company .box-content .main-box .right-boxs .box:last-child:hover h4{color: #fff;}
.about-company .box-content .main-box .right-boxs .box:last-child:hover p{color: #fff;}
.about-company .box-content .main-box .right-boxs .box:last-child:hover{background-color: #14133b; transform: scale(1.1);}

.our-service{}
.our-service-why{padding: 25px 0px;padding-top: 0;}

.our-service-why .sig-why{display: flex;padding-top: 25px;}
.our-service-why .sig-why .img-sig{display: grid;align-items: center;margin-right: 25px;}
.our-service-why .sig-why .box{width: 200px;padding: 10px;}
.our-service-why .sig-why .box h4{padding-bottom: 0;margin: 0;}
.our-service-why .sig-why .box h5{font-family: "Roboto-regular";font-size: 17px;color: #666;padding-top: 5px;}

.partner-why{width: 100%;overflow: hidden;border-top: 1px solid rgba(0, 0, 0, 0.1);
margin-top: 50px;}
.partner-why .box{padding: 15px 15px;}
.partner-why .box img{width: 100%;opacity: 0.6;cursor: pointer;}
.partner-why .box img:hover{opacity: 1;transition: 0.8s;}

.our-service .img-box{position: relative;}
.our-service .content-box{padding-left: 50px;}
.our-service h2{padding: 15px 0px;}
.our-service .box span{padding-right: 15px;}
.our-service .box span img{padding: 6px;width: 24px;background-color: rgba(255, 0, 0, 8%);border-radius: 50px;}
.our-service .inner-box{padding-right: 5%;}
.our-service .inner-box h4{display: flex;

font-family: Roboto-regular;line-height: 30px;letter-spacing: 0.2px;font-style: normal;color: var(--grey);
font-size: 16px;
}
.our-service .st-para {padding-bottom: 15px;}
.our-service .why-content{display: grid;align-items: center;}
.our-service .img-box .overlay{position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;display: grid;
align-items: center;justify-content: center;}
.our-service .img-box .overlay .button {display: inline-block;position: relative;}
.our-service .img-box .overlay .button.is-play {background-color: #fff;border-radius: 50%;width: 80px;height: 80px;}
.our-service .img-box .overlay .button.is-play .button-outer-circle {background: rgba(255,255,255,0.2);border-radius: 50%;
position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 100%;width: 100%;}
.our-service .img-box .overlay .button.is-play .button-icon {position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;
transform: translate(-50%, -50%);}
.our-service .img-box .overlay .button.is-play .button-icon .triangle {-webkit-animation: fadeIn 7s ease;
animation: fadeIn 7s ease;}
.our-service .img-box .overlay .button.is-play .button-icon .path {stroke-dasharray: 90;stroke-dashoffset: 0;
-webkit-animation: triangleStroke 3s; animation: triangleStroke 3s; -webkit-animation-timing-function: ease;
animation-timing-function: ease;}
.our-service .img-box .overlay .has-scale-animation {-webkit-animation: smallScale 3s infinite;animation: smallScale 3s infinite;}
.our-service .img-box .overlay .has-delay-short {-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
@-webkit-keyframes fadeIn {
from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@-webkit-keyframes triangleStroke {
  from {stroke-dashoffset: 90;}
  to {stroke-dashoffset: 0;}
}
@keyframes triangleStroke {
  from {stroke-dashoffset: 90;}
  to {stroke-dashoffset: 0;}
}
@-webkit-keyframes smallScale {
  from {transform: scale(1);opacity: 1;}
  to {transform: scale(1.5);opacity: 0;}
}
@keyframes smallScale {
  from {transform: scale(1);opacity: 1;}
  to {transform: scale(1.5);opacity: 0;}
}

.what-we-do{padding: 100px 0px;}
.what-we-do .header-sec{padding: 25px 0px;padding-top: 55px;}
.we-do-box .box{box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);margin-bottom: 28px;background-color: #fff;}
.what-we-do .we-do-box{padding-top: 55px;}
.we-do-box .box h4{color: var(--black);}
.we-do-box .box .bg-sec{min-height: 328px;height: 100%;}
.we-do-box .box{padding: 0px;border-radius: 5px;position: relative;}
.we-do-box .box .overlay-box .inner-over img{width: 60px;}
.we-do-box .box .overlay-box .inner-over p{margin-bottom: 15px;}
.we-do-box .box .overlay-box .inner-over .red-circle{background-color: rgba(255, 0, 0, 05%);
width: 80px;padding: 15px;border-radius: 50px;}
.we-do-box .box .overlay-box .inner-over .blue-circle{background-color: rgba(41, 178, 254, 05%);
width: 80px;padding: 15px;border-radius: 50px;}
.we-do-box .box .overlay-box .inner-over .purple-circle{background-color: rgba(138, 73, 161, 05%);
width: 80px;padding: 15px;border-radius: 50px;}
.we-do-box .box .overlay-box .inner-over .dark-circle{background-color: rgba(20, 19, 59, 05%);
width: 80px;padding: 15px;border-radius: 50px;}
.we-do-box .box .overlay-box .inner-over{padding: 15px 25px;}
.we-do-box .box .overlay-box {position: absolute;bottom: 0;left: 0;right: 0;color: #fff;height: 100%;
display: grid;z-index: 2;transition: top 0.10s ease 0s;align-items: end;}
.we-do-box .box .overlay-box:hover .bod-btn {max-height: 200px;opacity: 1;padding-top: 25px;}
.we-do-box .box .overlay-box .bod-btn {max-height: 0;opacity: 0;overflow: hidden;transition: all 0.5s ease 0s;}
.we-do-box .box .overlay-box .border-botm{height: 0px;transition: all 0.4s ease 0s;}
.we-do-box .box .overlay-box:hover .border-botm{height: 5px;background-color:  var(--red);
transition: all 0.4s ease 0s;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.we-do-box .box .overlay-box:hover .blue-border{height: 5px;background-color:  #29b2fe;
transition: all 0.4s ease 0s;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.we-do-box .box .overlay-box:hover .purple-border{height: 5px;background-color:  #8a49a1;
transition: all 0.4s ease 0s;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.we-do-box .box .overlay-box:hover .dark-border{height: 5px;background-color:  #14133b;
transition: all 0.4s ease 0s;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.what-we-do .we-do-box .box .overlay-box .bod-btn a{text-transform: uppercase;color: var(--black);
font-family: "IBMPlexSans-SemiBold";font-size: 13px;position: relative;}
.what-we-do .we-do-box .box .overlay-box .bod-btn a:before{position: absolute;content: "";
background-color: var(--black);
height: 2px;width: 25px;right: -35px;top: 45%;}

.bottom-link{text-align: center;font-family: "IBMPlexSans-SemiBold";font-size: 17px;
color: #666;padding-top: 25px;}
.bottom-link a{color: var(--black);text-decoration: underline;}
.bottom-link ul{list-style-type: none;}
.bottom-link ul li{display: inline-block;padding: 2px;}
.bottom-link ul li a{background-color: #fff;padding: 8px 14px;border-radius: 5px;text-decoration: none;
font-family: "Roboto-Medium";color: #666;}
.bottom-link ul li.active a{background-color: var(--red);color: #fff;}
.bottom-link ul li a .fa{color: #000;}


.our-work{padding: 100px 0px;position: relative;}
.what-we-do .header-sec{text-align: center;width: 75%;margin: 0 auto;}
.what-we-do .header-sec h2{padding: 15px;}
.our-work .work-slid{position: relative;width: 98%;left: 1%;top: 25px;}
.our-work .bg-animation{position: absolute;width: 100%;left: 0%;top:0px;right: 0;bottom: 0;}
.our-work .bg-grad{position: absolute;width: 100%;left: 0%;top:0px;right: 0;bottom: 0;height: 500px;}
.our-work .work-slid .item img{border-radius: 10px;}
.our-work .work-slid .item .box{position: relative;}
.our-work .work-slid .item .box .overlay-slid{position: absolute;bottom: 0px;width: 100%;height: 100%;top: 0;
right: 0;left: 0;display: grid;align-items: flex-end;padding: 35px;transition: 0.5s;z-index: 2;
opacity: 0;padding-bottom: 10px;border-radius: 10px;transition-delay: 0.2s;}
.our-work .work-slid .item{transition: 0.3s;margin: 10px!important;position: relative;}
.our-work .work-slid .item:hover{transform: scale(1.0.1);margin: 0px!important;}
.our-work .work-slid .item .box:hover .overlay-slid{padding-bottom: 35px;opacity: 1;}
.our-work .work-slid .item .box .overlay-slid .inner-overlay-slid h4{color: #fff;margin-bottom: 5px;}
.our-work .work-slid .item .box .overlay-slid .inner-overlay-slid p{color: #fff;}
.our-work .work-slid .item .box .overlay-slid .inner-overlay-slid p a{color: #fff;}
.our-work .work-slid .item .box .overlay-slid .inner-overlay-slid p .btn-text:after{background-color: #fff;}
.our-work .work-slid .item .box .overlay-slid .inner-overlay-slid p .btn-text .arrow{background-color: #fff;}
.our-work .work-slid .item:after{content: "";position: absolute;bottom: 0;left: 0;right: 0;
width: 100%;height: 100%;z-index: 1;transition: 0.3s;}
.our-work .work-slid .item:hover:after{border-radius: 10px;background: linear-gradient(0deg, rgba(20,19,59,1) 0%, rgba(54,52,153,0) 100%);
transition: 0.3s;}



.case-study .inner-case-study{padding: 50px 120px;}
.case-study .inner-case-study .box{box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);padding: 35px;
margin-bottom: 28px;position: relative;}
.case-study .inner-case-study .box .media img{width: 60px;margin: 15px;margin-left:0;}
.case-study .inner-case-study .box:after{content: "";position: absolute;bottom: 0;height: 0;left: 0;right: 0;
transition: 0.6s;z-index: -1;}
.case-study .inner-case-study .red-box:hover:after{background-color: var(--red);height: 100%;bottom:0;}
.case-study .inner-case-study .green-box:hover:after{background-color: var(--green);height: 100%;bottom:0;}
.case-study .inner-case-study .blue-box:hover:after{background-color: var(--blue);height: 100%;bottom:0;}
.case-study .inner-case-study .purple-box:hover:after{background-color: var(--purple);height: 100%;bottom:0;}
.case-study .inner-case-study .box:hover h4{color: #fff;}
.case-study .inner-case-study .box:hover p{color: #fff;}
.case-study .inner-case-study .box:hover .media img{filter: brightness(10000%);}


.b-security{min-height: 600px; height: 600px;position: relative;}
.b-security img{object-fit: cover;height: 100%;}
.b-security .inner-sec{ position: absolute;top: 50%;width: 100%;left: 50%;-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}
.b-security .inner-sec h2{color: #fff;font-size: 65px;line-height: 75px;margin-bottom: 25px;}
.b-security .inner-sec .main-btn:hover{color: #fff;background-color: var(--black);}


.what-we-do-two{padding: 100px 0px;}
.what-we-do-two .content-row{padding-top: 50px;}
.what-we-do-two .content-row .box .images-area{position: relative;overflow: hidden;}
.what-we-do-two .content-row .box .blue-bg:after{content:"";position: absolute;top: 0;right: 0;left: 0;
right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(41, 178, 254, 0.6);}
.what-we-do-two .content-row .box .dark-bg:after{content:"";position: absolute;top: 0;right: 0;left: 0;
right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(20, 19, 59, 0.6);}
.what-we-do-two .content-row .box .purple-bg:after{content:"";position: absolute;top: 0;right: 0;left: 0;
right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(138, 73, 161, 0.6);}
.what-we-do-two .content-row .box .content-area .overlay-icon{width: 70px;background-color: #fff;
position: absolute;top: -35px;right: 25px;border-radius: 100px;z-index: 1;padding: 12px;
box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);}
.what-we-do-two .content-row .box .content-area .overlay-icon img{width: 100%;}
.what-we-do-two .content-row .box .content-area{box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);
padding: 40px;position: relative;}
.what-we-do-two .content-row .box .content-area h4{margin-top: 0;font-size: 25px!important;
color: var(--black);}
.what-we-do-two .content-row .box .content-area p{padding-bottom: 15px;}

.btn-text{color: var(--black);font-size: 13px;transition: 0.5s;
font-family: "IBMPlexSans-SemiBold";letter-spacing: 0.8px;text-decoration: none;
display: flex;align-items: center;position: relative;width: 150px;}
.btn-text:hover{text-decoration: none;color: var(--black);}



.btn-text .arrow{width: 35px;height: 2px;
background-color: var(--black);transition: 0.5s;vertical-align: baseline;margin-left: 10px;}
.btn-text:hover{padding-left: 50px;}
.btn-text:hover .arrow{width: 0px;}
.btn-text:after{content: "";position: absolute;height: 2px;
width: 0px;top: 45%;left: 0;background-color: var(--black);transition: 0.5s;}
.btn-text:hover:after{content: "";width: 35px;}
.what-we-do-two .bottom-link{padding-top:40px;}

@-webkit-keyframes zoom {
  from {-webkit-transform: scale(1, 1);}
  to {-webkit-transform: scale(1.5, 1.5);}
}

@keyframes zoom {
from {transform: scale(1, 1);}
to {transform: scale(1.2, 1.2);}
}
.what-we-do-two .content-row .box:hover .images-area .box-img{-webkit-animation: zoom 12s;animation: zoom 12s;
object-fit: cover;height: 100%;}

.team{background-color: var(--black);padding: 80px 0px;}
.team .header-sec span.sub-title{background-color: rgba(255, 255, 255, 0.2);color: #fff;}
.team .header-sec h2.main-title{color: #fff;}
.team .header-sec p.main-para{color: #fff;}
.team .team-box{padding-top: 50px;}
.team .team-box .small-two-title{color: #fff;margin-bottom: 5px;text-align: center;margin-top: 25px;}
.team .team-box p{color: #ddd;font-family: "Roboto-Light";font-size: 13px;text-align: center;}
.team .team-box .box .img-top{transition: 0.3s;position: relative;}
.team .team-box .box .img-top:hover{transform: scale(0.90);}
.team .team-box .box .img-top .overlay{position: absolute;display: grid;align-items: flex-end;
top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100;padding: 35px 25px;justify-content: center;
transition: 0.5s;}
.team .team-box .box .img-top .overlay .social li{display: inline-block;justify-content: center;
text-align: center;padding: 5px;}
.team .team-box .box .img-top .overlay .social li .fa{width: 36px;height: 36px;color: #fff;
padding: 10px;border-radius: 5px;font-size: 18px;transition: 0.7s;}
.team .team-box .box .img-top .overlay .social li .fa-facebook{background-color: #42599e;opacity: 0;
padding-bottom: 10px;transition: 0.7s;}
.team .team-box .box .img-top .overlay .social li .fa-twitter{background-color: #55acee;opacity: 0;}
.team .team-box .box .img-top .overlay .social li .fa-linkedin{background-color: #0798cf;opacity: 0;}
.team .team-box .box .img-top .overlay .social li .fa-link{background-color: #fc3030;opacity: 0;}
.team .team-box .box .img-top:hover .overlay{background-color: rgba(20, 19, 59, 28%);}
.team .team-box .box .img-top:hover .overlay .social li .fa-facebook{opacity: 1;transition-delay: 0.1s;}
.team .team-box .box .img-top:hover .overlay .social li .fa-twitter{opacity: 1;transition-delay: 0.2s;}
.team .team-box .box .img-top:hover .overlay .social li .fa-linkedin{opacity: 1;transition-delay: 0.3s;}
.team .team-box .box .img-top:hover .overlay .social li .fa-link{opacity: 1;transition-delay: 0.4s;}


.testimonials{padding: 75px 0px;min-height: 500px;position: relative;}
.testimonials .header-left{width: 60%;}
.testimonials .header-left h2{padding: 15px 0px;}
.testimonials .header-left .top-num{color: var(--black);padding-top: 10px;}
.testimonials .header-left .top-num span{color: var(--red);}
.testimonials .work-slid{position: relative;width: 100%;top: 25px;width: 115%;top: 25px;left: -10%;right: -15%;}
.testimonials .bg-animation{position: absolute;width: 100%;left: 0%;top:0px;right: 0;bottom: 0;}
.testimonials .bg-grad{position: absolute;width: 100%;left: 0%;top:0px;right: 0;bottom: 0;height: 500px;}
.testimonials .work-slid .item img{border-radius: 10px;}
.testimonials .work-slid .item{padding: 40px;background-color: #fff;border-radius: 10px;
margin: 45px 15px;box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);}
.testimonials .work-slid .item .box h4{margin-top: 0;color: var(--red);font-size: 20px!important;}
.testimonials .work-slid .item .box .media img{width: 70px;border-radius: 100px;margin-right: 15px;}
.testimonials .work-slid .item .box .media{padding-top: 40px;}
.testimonials .work-slid .item .box .media h4{margin-bottom: 2px;margin-top: 8px;}
.testimonials .work-slid .item .box .media{position: relative;}
.testimonials .work-slid .item .box .media:before{position: absolute;content: "";bottom: -32%;right: -5%;
background-image: url(../images/icon/double-quotes.png);width: 60px;height: 60px;background-size: cover;
filter: invert(96%);}

.technology{padding-bottom: 70px;}
.technology .inner-technology{text-align: center;}
.technology .inner-technology{overflow: hidden;}
.technology .inner-technology .item{width: 250px;padding: 15px;background-color: #f7f7f7;display: grid;
align-items: center;height: 120px;}
.technology .inner-technology .item img{width: 55%;margin: 0 auto;}
.technology h4{font-size: 36px;font-family: "Roboto-Medium";margin-bottom: 15px;}

.news{padding: 80px 0px;}
.news .news-row{padding-top: 50px;}
.news .news-row .box{position: relative;border-radius: 5px;transition: 0.5s;}
.news .news-row .box .overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 40px;
background-color: rgba(20, 19, 59, 0.4);display: grid;align-items: flex-end;border-radius: 5px;transition: 0.5s;}
.news .news-row .box img{filter: grayscale(90%);border-radius: 5px;}
.news .news-row .box .overlay .small-two-title{color: #f7f7f7;font-size: 24px!important;}
.news .news-row .box .overlay .category{background-color: var(--red);padding: 2px 4px;border-radius: 5px;
font-family: "IBMPlexSans-SemiBold";color: #fff;font-size: 13px;letter-spacing: 0.2px;}
.news .news-row .box .overlay h6{font-family: "Roboto-Regular";color: #fff;font-size: 12px;letter-spacing: 0.2px;
transition: 0.5s;padding-top: 5px;padding-bottom: 12px;}
.news .news-row .box .overlay h5{opacity: 0;color: #fff;transition: 0.5s;font-size: 14px;}
.news .news-row .box .overlay h5 a{color: #fff;text-decoration: none;}
.news .news-row .box:hover{margin-top: -15px;}
.news .news-row .box .overlay:hover h5{opacity: 1;margin-top: -15px;padding-bottom: 10px;}
.news .news-row .box:hover .overlay h6{opacity: 0;}
.news .news-row .box .overlay h5 .btn-text:after{background-color: #fff;}
.news .news-row .box .overlay h5 .btn-text .arrow{background-color: #fff;}


.contact-det{padding: 100px 0px;margin-top: 75px;}
.contact-det .main-title{padding: 20px 0px;}
.contact-det .innercontact {display: flex;justify-content: space-between;padding-top: 60px;}
.contact-det .innercontact .box{width: 50%;}
.contact-det .innercontact .box .media{padding: 15px 0px;}
.contact-det .innercontact .box .media img{width: 70px;margin-right: 15px;background-color: rgba(255, 0, 0, 04%);
padding: 15px;border-radius: 50px;margin-top: 20px;}
.contact-det .form{padding-top: 100px;}
.contact-det .innercontact .box .media p{font-size: 14px;}
.contact-det .form .form-box{display: flex;justify-content: space-between;}
.contact-det .form-sec{display: grid;align-items: flex-end;}
.contact-det .form .form-box .box{width: 49%;}
.contact-det .form .form-control{width: 100%;margin-bottom: 40px;padding: 12px;background-color: transparent;
font-family: "Roboto-Medium";color: #666;}
.contact-det .form select.form-control:not([size]):not([multiple]) {height: unset;}
.contact-det .form button{width: 100%;}
.contact-det .form .main-btn:hover{color: #fff;background-color: var(--black);}
.contact-det .form .form-control::placeholder{font-family: "Roboto-Medium";color: #666;}
.form-control:focus {outline: 0;box-shadow: unset;}

.main-footer{background-color: #060816;padding-bottom: 35px;}
.main-footer .top-row{padding: 35px 0px;border-bottom: 1px solid #292c45;display: flex;
justify-content: space-between;}
.main-footer .top-row ul{padding: 0;}
.main-footer .top-row ul li{list-style-type: none;display: inline-block;}
.main-footer .top-row ul li a{color: #f7f7f7;text-decoration: none;}
.main-footer .top-row ul li a:hover{color: var(--red);}
.main-footer .top-row .social{text-align: right;}
.main-footer .top-row .social li{padding-left: 15px;}
.main-footer .top-row .f-nav li{padding-right: 15px;}

.main-footer .top-row .social li a{transition: 0.5s;}
.main-footer .top-row .social li a img{width: 15px;filter: invert();}
.main-footer .top-row .social li a:hover{color: var(--red);}
.main-footer .top-row .f-nav li a{position: relative;}

.main-footer .top-row .f-nav li a:after{position: absolute;bottom: -4px;left: 0;height: 1px;width: 0;
background-color: var(--red);content: "";transition: 0.6s;}
.main-footer .top-row .f-nav li a:hover::after{width: 100%;right: 0;}

.main-footer .mid-row{display: flex;justify-content: space-between;padding: 75px 0px;}
.main-footer .mid-row .box{width: calc(30% - 15px);}
.main-footer .mid-row .box:nth-child(2){width: 20%;padding-left: 5%;}
.main-footer .mid-row .box:nth-child(3){width: 20%;padding-left: 5%;}
.main-footer .mid-row .box:nth-child(4){width: 20%;padding-left: 5%;}
.main-footer .mid-row .box .logo img{width: 120px;}
.main-footer .mid-row .box .logo{margin-bottom: 25px;}
.main-footer .mid-row .box p{color: rgba(255, 255, 255, 0.7);font-size: 15px;}
.main-footer .mid-row .box p span{font-family: "Roboto-Bold";}
.main-footer .mid-row .box h4{color: #f7f7f7;padding-bottom: 10px;}
.main-footer .mid-row .box ul li{list-style-type: none;padding-bottom: 8px;}
.main-footer .mid-row .box ul li a{color: rgba(255, 255, 255, 0.7);font-family: "Roboto-Regular";
font-size: 15px;letter-spacing: 0.2px;position: relative;text-decoration: none;text-transform: capitalize;}
.main-footer .mid-row .box ul li a:hover{color: var(--red);}
.main-footer .mid-row .box ul li a:after{position: absolute;bottom: -4px;left: 0;height: 1px;width: 0;
background-color: var(--red);content: "";transition: 0.6s;}
.main-footer .mid-row .box ul li a:hover::after{width: 100%;right: 0;}
.main-footer .bottom-row p{text-align: center;justify-content: center;width: 100%;color: rgba(255, 255, 255, 0.5);
font-size: 14px;}
.main-footer .bottom-row p strong{color: var(--red);font-family: "Roboto-Regular";font-weight: 400!important;}


@-webkit-keyframes border-transform {
  0%,
  100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
  14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
  28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
  42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
  56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
  70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
  84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}

.progress-wrap {position: fixed;right: 30px;bottom: 30px;height: 46px;width: 46px;cursor: pointer;display: block;
border-radius: 50px;box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);z-index: 10000;opacity: 0;visibility: hidden;
transform: translateY(15px);-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0);}
.progress-wrap::after {position: absolute;content: "";
background-image: url(../images/icon/arrowhead-up.png);width: 20px;height: 20px;
background-size: cover;top: 50%;left: 50%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;
cursor: pointer;display: block;z-index: 1;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap:hover::after {opacity: 0;}
.progress-wrap:hover::before {opacity: 1;}
.progress-wrap svg path {fill: none;}
.progress-wrap svg.progress-circle path {stroke: var(--red);stroke-width: 4;box-sizing: border-box;-webkit-transition: all 200ms linear;
transition: all 200ms linear;}


/*----------------------------------About-page-------------------------------*/

.breadcrumb {position: relative;background-image: url(../images/breadcrumb.jpg);width: 100%;margin-top: 75px;
background-repeat: no-repeat;background-position: right;height: 420px;background-size: cover;border-radius: 0;
margin-bottom: 0;}
.breadcrumb span.sub-title{background-color: var(--red);color: #fff;border-radius: 5px;}

.breadcrumb .inner-nav{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;
display: grid;align-items: center;}
.breadcrumb .inner-nav ul li{display: inline-block;font-family: "Roboto-Bold";}
.breadcrumb .inner-nav ul li a{color: #fff;font-size: 15px;text-decoration: none;text-transform: capitalize;}
.breadcrumb .inner-nav ul li.active{display: inline-block;font-family: "Roboto-Regular";}
.breadcrumb-why {position: relative;background-image: url(../images/breadcrumb.jpg);width: 100%;margin-top: 75px;
background-repeat: no-repeat;background-position: right;height: 420px;background-size: cover;border-radius: 0;
}
.breadcrumb-center .container{text-align: center;}
.breadcrumb-center .header-sec-bread{width: 75%;}
.breadcrumb .bread-ser{height: 140px;bottom: -48px;left: 0;right: 0;width: 100%;position: absolute;
z-index: 2;}
.breadcrumb .bread-ser .container .box{background-color: #fff;padding: 20px;border-radius: 5px;
box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);position: relative;transition: 1.5s;}
.breadcrumb .bread-ser .container .box img{width: 50px;margin-top: 10px;margin-right: 15px;}
.breadcrumb .bread-ser .container .box p a{color: var(--red);font-size: 15px;font-family: "Roboto-Medium";
transition: 0.6s;margin-left: -8px;}
.breadcrumb .bread-ser .container .box:after{content: "";position: absolute;bottom: 0;height: 0;left: 0;right: 0;
transition: 0.7s;z-index: -1;}
.breadcrumb .bread-ser .container .box:hover:after{background-color: var(--red);height: 100%;bottom:0;
border-radius: 5px;}
.breadcrumb .bread-ser .container .box:hover h4{color: #fff;}
.breadcrumb .bread-ser .container .box:hover p{color: #fff;}
.breadcrumb .bread-ser .container .box:hover img{filter: brightness(8000%);}
.breadcrumb .bread-ser .container .box:hover{background-color: transparent;}
.breadcrumb .bread-ser .container .box:hover p a{color: #fff;font-family: "Roboto-bold";margin-left: 2px;}

.breadcrumb .partner-box-bread{height: 140px;bottom: -80px;left: 0;right: 0;width: 100%;position: absolute;
z-index: 2;}
.breadcrumb .partner-box-bread .container{box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);
background-color: #fff;border-radius: 5px;}
.breadcrumb .partner-box-bread .partner-why{margin-top: 0;}

.about-page{padding: 100px 0px;margin-top: 100px;text-align: center;}
.about-page .box p{padding: 7px 0px;}
.about-page .box span{color: var(--red);font-size: 15px;font-family: "Roboto-Medium";}
.about-page .box h2{padding: 15px 0px;display: grid;text-transform: capitalize;}


.about-page .about-we-do{padding: 50px 0px;}
.about-page .about-we-do .box{box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);margin-bottom: 28px;}
.about-page .about-we-do{padding-top: 55px;}
.about-page .about-we-do .box h4{color: var(--black);}
.about-page .about-we-do .box .bg-sec{min-height: 380px;height: 100%;}
.about-page .about-we-do .box{padding: 0px;border-radius: 5px;position: relative;}
.about-page .about-we-do .box .overlay-box .inner-over img{width: 60px;}
.about-page .about-we-do .box .overlay-box .inner-over .red-circle{background-color: rgba(255, 0, 0, 05%);
width: 80px;padding: 20px;border-radius: 50px;}
.about-page .about-we-do .box .overlay-box .inner-over .blue-circle{background-color: rgba(41, 178, 254, 05%);
width: 80px;padding: 20px;border-radius: 50px;}
.about-page .about-we-do .box .overlay-box .inner-over .purple-circle{background-color: rgba(138, 73, 161, 05%);
width: 80px;padding: 20px;border-radius: 50px;}
.about-page .about-we-do .box .overlay-box .inner-over .dark-circle{background-color: rgba(20, 19, 59, 05%);
width: 80px;padding: 20px;border-radius: 50px;}
.about-page .about-we-do .box .overlay-box .inner-over{padding: 0px 25px;}
.about-page .about-we-do .box .overlay-box {position: absolute;bottom: 0;left: 0;right: 0;color: #fff;height: 100%;
display: grid;z-index: 2;transition: top 0.10s ease 0s;align-items: end;}
.about-page .about-we-do .box .overlay-box:hover .bod-btn {max-height: 200px;opacity: 1;padding-top: 25px;}
.about-page .about-we-do .box .overlay-box .bod-btn {max-height: 0;opacity: 0;overflow: hidden;transition: all 0.5s ease 0s;}
.about-page .about-we-do .box .overlay-box .border-botm{height: 0px;transition: all 0.4s ease 0s;}
.about-page .about-we-do .box .overlay-box:hover .border-botm{height: 5px;background-color:  var(--red);
transition: all 0.4s ease 0s;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.about-page .about-we-do .box .overlay-box:hover .blue-border{height: 5px;background-color:  #29b2fe;
transition: all 0.4s ease 0s;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.about-page .about-we-do .box .overlay-box:hover .purple-border{height: 5px;background-color:  #8a49a1;
transition: all 0.4s ease 0s;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.about-page .about-we-do .box .overlay-box:hover .dark-border{height: 5px;background-color:  #14133b;
transition: all 0.4s ease 0s;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.about-page .about-we-do .box .overlay-box .bod-btn a{text-transform: uppercase;color: var(--black);
font-family: "IBMPlexSans-SemiBold";font-size: 13px;position: relative;}
.about-page .about-we-do .box .overlay-box .bod-btn a:before{position: absolute;content: "";
background-color: var(--black);
height: 2px;width: 25px;right: -35px;top: 45%;}

.why-choose-us{padding: 75px 0px;}
.why-choose-us .why-choose .box{margin-bottom: 40px;}
.why-choose-us .why-choose .box a{margin-top: 15px;}
.why-choose-us .why-choose .box .overlay-box .inner-over{box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);padding: 40px;
border-radius: 5px;}
.why-choose-us .why-choose .box .overlay-box .border-botm{height: 0px;transition: all 0.4s ease 0s;
padding-bottom: 5px;}
.why-choose-us .why-choose .box .overlay-box:hover .border-botm{height: 5px;background-color:  var(--red);
transition: all 0.4s ease 0s;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}


.service-two{background-color: #f7f8fd;padding: 100px 0px;padding-bottom: 25px;}
.service-two .inner-case-study{padding: 50px 120px;}
.service-two .inner-case-study .box{box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);padding: 30px;
margin-bottom: 28px;transition: 0.5s;}
.service-two .inner-case-study .box .media{transition: 0.5s;}
.service-two .inner-case-study .box .media img{width: 60px;margin: 15px;transition: 0.5s;margin-left: 0;}
.service-two .inner-case-study .box:hover{margin-top: -5px;transition: 0.5s;}
.service-two .inner-case-study .box:hover .media{margin-bottom: 5px;}

.why-what-we-do-two{padding: 100px 0px;}
.why-what-we-do-two .heading-box .main-title{padding-right: 100px;padding-top: 15px;}
.why-what-we-do-two .heading-box .main-para{padding-top: 40px;}
.why-what-we-do-two .content-row{padding-top: 50px;}
.why-what-we-do-two .content-row .box .images-area{position: relative;overflow: hidden;transition: 0.5s;}
.why-what-we-do-two .content-row .box .images-area:hover{transform: scale(0.90);}
.why-what-we-do-two .content-row .box{box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);}
.why-what-we-do-two .content-row .box .blue-bg:after{content:"";position: absolute;top: 0;right: 0;left: 0;
right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(41, 178, 254, 0.2);}
.why-what-we-do-two .content-row .box .dark-bg:after{content:"";position: absolute;top: 0;right: 0;left: 0;
right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(20, 19, 59, 0.2);}
.why-what-we-do-two .content-row .box .purple-bg:after{content:"";position: absolute;top: 0;right: 0;left: 0;
right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(138, 73, 161, 0.2);}
.why-what-we-do-two .content-row .box .images-area .overlay-icon{width:100%;
position: absolute;top: 0px;right: 0px;border-radius: 100px;z-index: 50;padding: 12px;height: 100%;
box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);display: grid;align-items: center;justify-content: center;}
.why-what-we-do-two .content-row .box .images-area .overlay-icon img{width: 100%;}
.why-what-we-do-two .content-row .box .images-area .overlay-icon .box{width: 70px;height: 70px;
border-radius: 50px;padding: 10px;}
.why-what-we-do-two .content-row .box .images-area .overlay-icon .box img{filter: brightness(8000%);}
.why-what-we-do-two .content-row .box .images-area .overlay-icon .blue-bg{background-color: var(--blue);}
.why-what-we-do-two .content-row .box .images-area .overlay-icon .purple-bg{background-color: var(--purple);}
.why-what-we-do-two .content-row .box .images-area .overlay-icon .dark-bg{background-color: var(--black);}
.why-what-we-do-two .content-row .box .content-area{padding: 40px;position: relative;}
.why-what-we-do-two .content-row .box .content-area h4{margin-top: 0;font-size: 25px!important;
color: var(--black);}
.why-what-we-do-two .content-row .box .content-area p{padding-bottom: 15px;}
.btn-text{color: var(--black);font-size: 13px;transition: 0.5s;
font-family: "IBMPlexSans-SemiBold";letter-spacing: 0.8px;text-decoration: none;
display: flex;align-items: center;position: relative;width: 150px;}


/*-----------------------------------End-About-page----------------------------*/

/*-----------------------------------case-studies----------------------------*/
.case-studies{padding: 75px 0px;}
.case-studies .case-st .box{padding-bottom: 60px;}
.case-studies .case-st .box h4{margin-bottom: 0px;margin-top: 20px;}
.case-studies .case-st .box .img-area{overflow: hidden;position: relative;}
.case-studies .case-st .box .img-area .case-link{position: absolute;right: 0;bottom: 0;background-color: rgba(255, 255, 255, 90%);
opacity: 0;transition: 0.5s;padding: 10px;}
.case-studies .case-st .box .img-area .case-link img{width: 20px;filter: brightness(1000);}
.case-studies .case-st .box:hover .img-area .case-link{opacity: 1;}
.case-studies .case-st .box .img-area img{transition: 0.3s;}
.case-studies .case-st .box:hover img{transform: scale(1.1);}
.case-studies .case-st .box p{display: flex;}
.case-studies .case-st .box h4 span{position: relative;}
.case-studies .case-st .box h4 span:after{position: absolute;content: "";left: 0;height: 2px;width: 0;bottom: -2px;
transition: 0.5s;width: 0;background-color: #222;}
.case-studies .case-st .box:hover h4 span::after{width: 100%;background-color: #222;left: 0;}
.case-studies .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-color: transparent;!important;}
.case-studies .nav-tabs{border-bottom: unset;}
.case-studies .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border-color: transparent;}
.case-studies .nav-tabs .nav-link{font-family: "Roboto-Medium";color: var(--black);}
.case-studies .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: var(--red);
border-bottom: 1px solid var(--red);}
.case-studies .nav-link{padding: 0;margin: 0px 15px;transition: 0.5s;position: relative;}
.case-studies .nav-link:after{position: absolute;content: "";left: 0;height: 1px;width: 0;bottom: -2px;
transition: 0.5s;width: 0;background-color: var(--red);}
.case-studies .nav-link:hover::after{width: 100%;background-color: var(--red);left: 0;}
.case-studies .nav-link:hover{color: var(--red);}
.case-studies .nav-tabs{padding-bottom: 32px;}
.case-study-inner-page{margin-top: 60px;padding: 100px 0px;}
.case-study-inner-page .content-sec p{padding: 5px 0px}
.heading-other h2{text-align: center;color: var(--red);font-size: 44px;}
.post-date {text-align: center;padding: 15px 0px;}
.post-date li{display: inline-block;list-style-type: none;margin: 10px;}
.post-date li a{font-size: 13px;color: #666;font-family: "Roboto-Regular";text-decoration: none;}
.post-date li .cas-nav{position: relative;position: relative;}
.post-date li .cas-nav:after{position: absolute;content: "/";left: -15px;bottom: -1px;color: #ccc;}
.post-date li a span{font-family: "Roboto-Bold"}
.custom-container{width: 50%;margin: 0 auto;}
.case-study-inner-page .img-box{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 10px;
height: 100%;align-content: space-between;}
.case-study-inner-page .img-box .box{width: calc(50% - 10px);}
.case-study-inner-page .img-sec{padding: 50px 0px;}
.case-study-inner-page .content-sec h2{width: 60%;padding-bottom: 25px;}
.case-study-inner-page .content-sec img{border-radius: 5px;}
.case-study-inner-page .content-sec .content-case{padding: 40px 0px;} 
.social-like{display: flex;justify-content: space-between;}
.social-like ul{list-style-type: none;}
.social-like .social ul{display: flex;flex-wrap: wrap;}
.social-like .social li{margin-right: 10px;}
.social-like .social li a{background-color: #e8ebf7;color: #878787;font-size: 13px;padding: 10px 10px;
border-radius: 5px;font-family: "Roboto-Regular";}
.social-like ul li a .fa{font-size: 14px;padding: 0px 4px;}
.social-like ul li a{text-decoration: none;}
.social-like .social li a:hover{background-color: #f7f7f7;}
.social-like .like ul li a{background-color: rgba(255, 0, 0, 05%);padding: 10px 10px;border-radius: 5px;
color: var(--black);font-family: "Roboto-Medium"}
.social-like .like ul li a .fa{color: var(--red);padding-right:10px;}

.releted-case{padding: 0 0px;}
.releted-case h2{padding-bottom: 25px;font-size: 30px;}

.prev-next-page {display: flex;justify-content: space-between;border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);margin: 70px 0px;padding: 40px 0px;}
.prev-next-page .box{width: 33.33%;}
.prev-next-page .box .in-box{position: relative;}
.prev-next-page .box .in-box .prev-head h4{margin: 0 0px;}
.prev-next-page .box .in-box .prev-head h4 span{padding-right: 15px;}
.prev-next-page .box .in-box .prev-head{position: absolute;right: 0px;bottom: 25%;left: 25px;
width: 100%;opacity: 0;transition: 0.2s;height: 100%;}
.prev-next-page .box .in-box .next-head{position: absolute;left: 0px;right: 25px;bottom: 55%;
width: 100%;opacity: 0;transition: 0.2s;height: 100%;text-align: right;padding-right: 25px;}
.prev-next-page .box .prev-btn .fa{margin-right: 15px;font-size: 17px;vertical-align: baseline;}
.prev-next-page .box .next-btn .fa{margin-left: 15px;}
.prev-next-page .box .next .in-box .next-btn{width: 100%;}
.prev-next-page .box .next-btn p{text-align: right;justify-content: flex-end;}
.prev-next-page .prev .in-box .prev-btn{transition: 0.2s;}
.prev-next-page .prev:hover .in-box .prev-btn{margin-left: -10px;opacity: 0;margin-right: 10px;z-index: 8;}
.prev-next-page .prev:hover .in-box .prev-head{position: absolute;left: 0;width: 100%;opacity: 1;z-index: 9;}
.prev-next-page .next{transition: 0.2s;}
.prev-next-page .next .in-box .next-btn{transition: 0.2s;}
.prev-next-page .next:hover .in-box .next-btn{margin-right: -10px;opacity: 0;margin-left: 10px;z-index: 8;}
.prev-next-page .next:hover .in-box .next-head{position: absolute;right: 0;width: 100%;opacity: 1;z-index: 9;
padding-right: 0px;}
.prev-next-page .box p{color: #000;text-transform: uppercase;font-size: 12px;
display: flex;align-items: center;}
.prev-next-page .box h4{color: #000;}
.prev-next-page h4{font-size: 20px;}
.prev-next-page h4 img{width: 40px;border-radius: 5px;}
.prev-next-page .center{display: grid;align-items: center;justify-content: center;}
/*-----------------------------------End-case-studies----------------------------*/

/*------------------------our-team------------------*/
.team-page{background-color: #fff;padding: 80px 0px;}
.team-page .header-sec span.sub-title{letter-spacing: 2px;}
.team-page .team-box{padding-top: 50px;}
.team-page .team-box .small-two-title{margin-bottom: 5px;text-align: center;margin-top: 25px;}
.team-page .team-box p{font-family: "Roboto-Light";font-size: 13px;text-align: center;}
.team-page .team-box .box {margin-top: 50px;}
.team-page .team-box .top-space:nth-child(even){margin-top: 25px;}
.team-page .team-box .box .img-top{transition: 0.3s;position: relative;}
.team-page .team-box .box .img-top:hover{transform: scale(0.90);}
.team-page .team-box .box .img-top .overlay{position: absolute;display: grid;align-items: flex-end;
top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100;padding: 35px 25px;justify-content: center;
transition: 0.5s;}
.team-page .team-box .box .img-top .overlay .social li{display: inline-block;justify-content: center;
text-align: center;padding: 5px;}
.team-page .team-box .box .img-top .overlay .social li .fa{width: 36px;height: 36px;color: #fff;
padding: 10px;border-radius: 5px;font-size: 18px;transition: 0.7s;}
.team-page .team-box .box .img-top .overlay .social li .fa-facebook{background-color: #42599e;opacity: 0;
padding-bottom: 10px;transition: 0.7s;}
.team-page .team-box .box .img-top .overlay .social li .fa-twitter{background-color: #55acee;opacity: 0;}
.team-page .team-box .box .img-top .overlay .social li .fa-linkedin{background-color: #0798cf;opacity: 0;}
.team-page .team-box .box .img-top .overlay .social li .fa-link{background-color: #fc3030;opacity: 0;}
.team-page .team-box .box .img-top:hover .overlay{background-color: rgba(20, 19, 59, 28%);}
.team-page .team-box .box .img-top:hover .overlay .social li .fa-facebook{opacity: 1;transition-delay: 0.1s;}
.team-page .team-box .box .img-top:hover .overlay .social li .fa-twitter{opacity: 1;transition-delay: 0.2s;}
.team-page .team-box .box .img-top:hover .overlay .social li .fa-linkedin{opacity: 1;transition-delay: 0.3s;}
.team-page .team-box .box .img-top:hover .overlay .social li .fa-link{opacity: 1;transition-delay: 0.4s;}

/*------------------------our-team------------------*/



/*-----------------blog---------------*/

.blog-page{padding: 100px 0px;background-color: #f7f8fd;}
.blog-page .content-row{padding-top: 50px;}
.blog-page .content-row .box{border-radius: 5px;margin-bottom: 50px;}
.blog-page .content-row .box .images-area{position: relative;overflow: hidden;transition: 0.3s;}

.blog-page .content-row .box .images-area .category-blog{position: absolute;left: 28px;top: 28px;
background-color: var(--red);padding: 2px 10px;border-radius: 5px;font-family: "Roboto-Bold";font-size: 13px;
color: #fff;letter-spacing: 0.2px;}

.blog-page .content-row .box .images-area img{transition: 0.3s;border-top-left-radius: 5px;
border-top-right-radius: 5px;}
.blog-page .content-row .box .images-area:hover img{transform: scale(1.04);transition: 0.3s;}

.blog-page .content-row .box .content-area .overlay-icon{width: 70px;background-color: #fff;
position: absolute;top: -35px;right: 25px;border-radius: 100px;z-index: 1;padding: 12px;
box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);}
.blog-page .content-row .box .content-area{box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);background-color: #fff;
padding: 40px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.blog-page .content-row .box .content-area h4{margin-top: 0;font-size: 22px;line-height: 35px;
color: var(--black);}
.blog-page .content-row .box .content-area p{padding-bottom: 15px;}
.blog-page .content-row .box .content-area h6{color: var(--red);font-size: 13px;font-family: "Roboto-Medium"}
.blog-details-page{padding: 75px 0px;background-color: #f7f8fd;}
.blog-details-page .det-para{padding: 15px 0px;}
.blog-details-page .img-box{padding: 15px 15px;}
.blog-details-page .border-left{letter-spacing: 0;line-height: 32px;font-size: 20px;margin: 25px 0px;
padding-left: 40px;border-left: 3px solid #222!important;}
.blog-details-page .social-like{padding: 25px 0px;}
.blog-details-page .images-area{position: relative;}
.blog-details-page .images-area span.category-blog{position: absolute;left: 25px;top: 25px;
background-color: var(--red);padding: 2px 10px;border-radius: 5px;color: #fff;font-size: 13px;
font-family: "Roboto-Medium";}
.blog-details-page .content-area{background-color: #fff;padding: 25px;}
.blog-details-page .content-area h4{margin-top: 0px;margin-bottom: 20px;}
.blog-details-page .releted-head{font-size: 30px!important;padding-bottom: 25px;}
/*----------------end-blog---------------*/

.portfolio{padding: 75px 0px;}
.divide-header{display: flex;justify-content: space-between;margin: 50px 0px;}
.divide-header .tab-sec .main-title{font-style: normal;text-transform: none;font-size: 36px;line-height: 46px;letter-spacing: -.3px;
font-family: "IBMPlexSans-SemiBold";color: var(--black);}
.divide-header .tab-sec{display: grid;align-items: flex-end;}
.divide-header .tab-sec ul{list-style-type: none;}
.divide-header .tab-sec ul li{display: inline-block;margin-right: 25px;}
.divide-header .tab-sec ul li a{font-family: "Roboto-Medium";color: var(--black);
padding-bottom: 5px;text-decoration: none;}
.divide-header .tab-sec ul li.active a{color: var(--red);border-bottom: 1px solid var(--red);
position: relative;}
.divide-header .tab-sec ul li.active a:after{position: absolute;content: "/";right: -18px;
top: 0;bottom: 0;color: #ccc;}
.divide-header .tab-sec ul .in-active a{position: relative;}
.divide-header .tab-sec ul .in-active a:after{position: absolute;content: "";left: 0;height: 1px;width: 0;bottom: -2px;
transition: 0.5s;width: 0;background-color:var(--red);}
.divide-header .tab-sec ul .in-active a:hover::after{width: 100%;background-color:var(--red);left: 0;}

.divide-header .filter-sec{display: flex;width: 45%;}
.divide-header .filter-sec-two{display: flex;width: 75%;}
.divide-header .filter-sec .box{margin-left: 15px;width: 50%;}
.divide-header .filter-sec .box .form-group{height: 100%;margin: 0;}
.divide-header .filter-sec .box:last-child .form-group{display: grid;align-items: flex-end;}
.divide-header .filter-sec .box .form-group .form-control{width: 100%;border: 1px solid rgba(0, 0, 0, 0.1);
height: 46px;font-family: "IBMPlexSans-SemiBold";color: #666;}
.divide-header .filter-sec .box .form-group label{font-family: "Roboto-Medium";}
.divide-header .filter-sec .box .form-group button{margin-bottom: 0;padding: 4px 12px;heig
min-height: 46px;}
.portfolio .case-st .head-port{text-align: right;font-family: "Roboto-Bold";padding-right: 15px;
border-right: 3px solid var(--black);line-height: 20px;margin-top: 0;text-transform: uppercase;
font-size: 21px!important;}
.portfolio .case-st p{text-align: right;}
.portfolio .case-st p{}
.portfolio .case-st {border-top: 1px solid rgba(0, 0, 0, 0.1);padding-top: 50px;}
.portfolio .case-st .box{padding-bottom: 60px;}
.portfolio .case-st .box h4{margin-bottom: 0px;margin-top: 20px;}
.portfolio .case-st .box .img-area{overflow: hidden;position: relative;}
.portfolio .case-st .box .img-area .case-link{position: absolute;right: 0;bottom: 0;background-color: rgba(255, 255, 255, 90%);
opacity: 0;transition: 0.5s;padding: 10px;}
.portfolio .case-st .box .img-area .case-link img{width: 20px;filter: brightness(1000);}
.portfolio .case-st .box:hover .img-area .case-link{opacity: 1;}
.portfolio .case-st .box .img-area img{transition: 0.3s;}
.portfolio .case-st .box:hover img{transform: scale(1.1);}
.portfolio .case-st .box p{display: flex;}
.portfolio .case-st .box h4 span{position: relative;}
.portfolio .case-st .box h4 span:after{position: absolute;content: "";left: 0;height: 2px;width: 0;bottom: -2px;
transition: 0.5s;width: 0;background-color: #222;}
.portfolio .case-st .box:hover h4 span::after{width: 100%;background-color: #222;left: 0;}


/*--------------------------------------------*/
.products{padding: 100px 0px;}
.products .box{box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);padding: 40px;text-align: center;
padding-bottom: 25px;position: relative;margin-bottom: 40px;}

.products .box .inner-icon{width: 80px;height: 80px;margin: 0 auto;padding: 12px;position: relative;}
.products .box .inner-icon:after{position: absolute;content: "";top: -10px;left: -10px;right: 0;bottom: 0;
background-color: rgba(255, 0, 0, 6%);border-radius: 50px;width: 75px;height: 75px;transition: 0.5s;}
.products .box:hover .inner-icon:after{top: 0px;left: 0px;}
.products .box:after{position: absolute;bottom: 0;height: 0;left: 0;right: 0;content: "";
border-bottom-left-radius: 5px;background-color: var(--red);transition: 0.3s;
border-bottom-right-radius: 5px;}
.products .box:hover::after{height: 5px;background-color: var(--red);}

.products .box img{width: 100%;}
.products .box p{border-bottom: 1px solid #eee;padding-bottom: 20px;margin-bottom: 15px;}
.products .box a{margin: 0 auto;margin-top: 20px;}


.product-choose{padding: 75px 0px;position: relative;}
.product-choose:after{content: "";top: 0;left: 0;right: 0;bottom: 0;background-color: #f4f9fc;
width: 100%;height: 100%;position: absolute;z-index: -2;}
.product-choose .moving-shapes{z-index: -1;}
.product-choose .row{z-index: 9;}
.product-choose .box{position: relative;transition: 0.6s;min-height: 340px;
border: 1px solid rgba(0, 0, 0, 6%);height: 100%;overflow: hidden;}
.product-choose .box img{object-fit: cover;height: 100%;transform: scale(1.2);transition: 0.6s;}
.product-choose .box p{margin-bottom: 15px;}
.product-choose .box{color: var(--black);}
.product-choose .box .fa{font-size: 60px;}
.product-choose .box .content{top: 0;left:0;position: absolute;right: 0;bottom: 0;
width: 100%;height: 100%;padding: 60px 50px;z-index: 2;}
.product-choose .box:before{content: "";background-color: #fff;top: 0;left: 0;right: 0;
height: 100%;width: 100%;position: absolute;transition: 0.4s;bottom: 0;z-index: 1;}
.product-choose .box:hover::before{opacity: 0;transition: 0.4s;width: 100%;}
.product-choose .box:after{content: "";left: 0;right: 0;height: 0;width: 100%;position: absolute;
background: linear-gradient(0deg, rgba(20,19,59,1) 0%, rgba(54,52,153,0) 100%);top: 100%;transition: 0.4s;}
.product-choose .box:hover::after{content: "";height: 100%;top: 0;
background: linear-gradient(0deg, rgba(20,19,59,1) 0%, rgba(54,52,153,0) 100%);}
.product-choose .box:hover{color: #fff;}
.product-choose .box:hover p{color: #fff;}
.product-choose .box:hover img{transform: scale(1);}
.product-choose .box:hover a{color: #fff;}
.product-choose .box:hover .btn-text .arrow {background-color: #fff;}
.product-choose .box:hover .btn-text:after{background-color: #fff;}
.product-part{background-color: #f4f9fc;}
.product-part .partner-why{margin-top: 0;}

.services{padding: 75px 0px;margin-top: 80px;padding-bottom: 0;}
.services .container{min-width: 85%;}
.services .box .inner-icon img{width: 60px;}
.services .inner-service{display: flex;justify-content: center;flex-wrap: wrap;}
.services .inner-service .box{width: calc(25% - 15px);margin: 15px;
padding: 50px;border-radius: 5px;display: grid;align-items: center;}
.services .inner-service .box a{margin-top: 15px;color: var(--black);}
.services .inner-service .box h4{}
.services .inner-service .box:nth-child(1){background-color: #fdf4ea;}
.services .inner-service .box:nth-child(2){background-color: #e9f7fe;}
.services .inner-service .box:nth-child(3){background-color: #f7f7f7;}
.services .inner-service .box:nth-child(4){background-color: #fce9ef;}
.services .inner-service .box:nth-child(5){background-color: #e8f6f4;}

.service-third{padding: 100px 0px;}
.service-third .left-box h2{padding-top: 10px;}
.service-third .left-box .media{padding-top: 25px;padding-right: 60px;}
.service-third .left-box .media span{margin-top: 15px;background-color: var(--red);
padding: 2px 6px;border-radius: 50px;color: #fff;font-size: 14px;margin-right: 15px;}
.service-third .left-box button{margin-top: 35px;}

.service-third .right-box{padding-left: 8%;}
.service-third .right-box .media-body h4{margin-top: 0;}
.service-third .right-box .box{box-shadow:0 15px 55px -5px rgba(9,31,67,.1);transition: 0.6s;
padding: 35px;margin: 25px 0px;border-radius: 5px;width: 90%;}
.service-third .right-box .box .media span{width: 50px;height: 50px;border-radius: 5px;margin-right: 15px;
border-radius: 5px;display: grid;align-items: center;justify-content: center;}
.service-third .right-box .box .media span img{width: 45px;padding: 5px;filter: invert(100%);}
.service-third .right-box .box:nth-child(1) span{background-color: var(--red);}
.service-third .right-box .box:nth-child(2){margin-left: 50px;}
.service-third .right-box .box:nth-child(2) span{background-color: var(--blue);}
.service-third .right-box .box:nth-child(3) span{background-color: var(--black);}

.service-third .right-box .box:hover:nth-child(1){background-color: rgba(255, 0, 0, 6%);}
.service-third .right-box .box:hover:nth-child(2){background-color: rgba(41, 178, 254, 6%);}
.service-third .right-box .box:hover:nth-child(3){background-color: rgba(20, 19, 49, 6%);}

.service-third {position: relative;background-image: url(../images/bg-service.jpg);width: 100%;z-index: 1;
background-repeat: no-repeat;background-position: left;height: 100%;background-size: cover;
border-radius: 0;margin-bottom: 0;}
.service-third .moving-shapes{z-index: -1;}

.contact-page{margin-top: 0;}
.contact-page .main-title{font-size: 40px;}
.contact-page .container {position: relative;background-image: url(../images/bg-contact.webp);width: 100%;z-index: 1;
background-repeat: no-repeat;background-position: center;height: 100%;background-size: cover;
border-radius: 0;margin-bottom: 0;}
.contact-page .in-contact-page{padding-top: 50px;}
.contact-page .in-contact-page .box .media img{width: 70px;background-color: rgba(255, 0, 0, 6%);
margin-right: 25px;border-radius: 100px;padding: 12px;margin-top: 10px;}
.contact-page .in-contact-page .box .media{padding-bottom: 25px;padding-right: 20%;}

.career{padding: 75px 0px;}
.career .header-sec{padding-bottom: 50px;}
.career .box{background-color: rgba(39, 37, 125, 8%);padding: 35px;margin-bottom: 25px;}
.career .box span{text-align: right;float: right;font-size: 12px;color: var(--red);
font-family: Roboto-Medium;}
.career .box hr{margin-top: 25px;border-top: 1px solid rgba(0,0,0,8%);}
.career .box .location{list-style-type: none;}
.career .box .location li{display: inline-block;padding-right: 10px;font-size: 14px;color: #666;
font-family: Roboto-regular;}
.career .box .location li .fa{padding-right: 5px;}
.career .box .small-title{margin: 25px 0px;margin-bottom: 10px;text-decoration: underline;}
.career .box .small-title strong{padding-bottom: 8px;}
.career .box .small-two-title{margin-bottom: 4px;font-size: 24px!important;}
.career .box .profile{padding-left: 17px;}
.career .box .profile li{color: #222;padding: 2px 0px;font-family: Roboto-regular;line-height: 24px;
letter-spacing: 0.2px;font-style: normal;font-size: 14px;}
.career .box .btn-broup{margin-top: 25px;}
.career .box .btn-broup .btn{min-height: 40px!important;padding: 8px 25px;}

.work-culture{padding: 75px 0px;}
.work-culture .main-title{margin: 25px 0px;}
.work-culture .right-box{padding-top: 60px;margin-left: 150px;overflow: hidden;}
.work-culture .right-box p{text-align: justify;border-top: 2px solid var(--black);padding-top: 15px;}
.work-culture .gallery{margin-top: 50px;}
.work-culture .gallery .box a{overflow: hidden;}
.work-culture .gallery .box a img{width: 100%;transition: 0.5s;}
.work-culture .gallery .box{overflow: hidden;}
.work-culture .gallery .box:hover a img{transform: scale(1.1);}

.work-culture .gallery .box{margin-bottom: 30px;}
.work-culture .video-cont{margin: 25px 0px;background-color: rgba(39, 37, 125, 8%);padding: 50px;}
.work-culture .video-cont p{width: 60%;}

.client{padding: 75px 0px;}
.client .header-sec{padding-bottom: 50px;}
.client .client-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.client .client-box .box{width: calc(18% - 15px);margin: 15px;padding: 15px;display: grid;align-items: center;
background-color: rgba(39, 37, 125, 8%);margin-bottom: 25px;}


.products-price{padding: 100px 0px;}
.products-price .header-sec{padding-bottom: 70px;}
.products-price .box{box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);padding: 40px 50px;margin-bottom: 40px;
display: grid;align-items: center;}
.products-price .box p{padding: 2px 0px;font-size: 15px;}
.products-price .box hr{margin: 17px 0px;}
.products-price .box h6{color: var(--red);font-family: "Roboto-Regular";}
.products-price .box h4{color: var(--black);}
.products-price .box h2{color: var(--red);font-family: "IBMPlexSans-SemiBold";font-size: 36px;}
.products-price .box h5{font-size: 15px;font-family: "Roboto-Medium";justify-content: space-between;
display: flex;}
.products-price .box .inner-p-box{display: flex;justify-content: space-between;}
.products-price .box .inner-p-box .left-b{width: 70%;}
.products-price .box .inner-p-box .right-b span{font-family: "Roboto-Medium";font-size: 15px;}
.products-price .box .inner-p-box h3{font-size: 15px;}
.products-price .box button{margin: 0 auto;display: block;margin-bottom: 15px;}
.products-price .box .inner-p-box h3 span{color: #666;font-size: 13px;}
.products-price .box .note-type{font-size: 12px;display: flex;margin-bottom: 15px;}
.products-price .box .note-type span{margin-right: 5px;font-family: "Roboto-Bold";}

.products-price .box h5 span{font-family: "Roboto-Bold";}
.products-price .box h2 span{font-size: 15px;}
.products-price .box p{display: flex;align-items: baseline;}
.products-price .box p .fa{padding-right: 10px;font-size: 14px;}
.products-price .trophy h4{display: flex;align-items: center;font-size: 20px!important;
line-height: 24px;}
.products-price .trophy h4 img{width: 46px;margin-right: 5px;height: 40px;}
.products-price .trophy{transform: scale(1.05);margin-top: -15px;position: relative;}
.products-price .trophy:after{content: "popular";position: absolute;top: -10px;right: 25px;
background-color: var(--red);color: #fff;writing-mode: tb;padding: 18px 6px;text-transform: uppercase;
font-family: "Roboto-Bold";font-size: 14px;letter-spacing: 1px;margin: 0;
border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.products-price .trophy:before{content: "";position: absolute;top: -10.5px;right: 57px;
background-color: var(--black);height: 12px;width: 10px;clip-path: polygon(100% 0, 0% 100%, 100% 100%);}
.products-price hr{margin: 25px 0px;}

.mission{padding: 100px 0px;background-color: rgba(255, 0, 0, 2%);}
.mission .heading-left{width: 50%;}
.mission .heading-left h2{margin: 15px 0px;}
.mission .inner-mission{display: flex;margin: 40px 0px;flex-wrap: wrap;}
.mission .inner-mission .box{width: 25%;margin-bottom: 50px;}
.mission .inner-mission .box a{margin-top: 15px;}
.mission .inner-mission .box .number{width: 40px;height: 40px;display: block;background-color: var(--red);
border-radius: 50px;font-family: "Roboto-Bold";font-size: 18px;display: grid;align-items: center;
justify-content: center;color: #fff;}
.mission .inner-mission .box h5{position: relative;z-index: 9;}
.mission .inner-mission .box p{width: 90%;}
.mission .inner-mission .box h5:after{position: absolute;content: "";width: 100%;height: 2px;
background-color: #dddde5;left: 0;right: 0;top: 45%;z-index: -2}
.mission .inner-mission .box h5:before{position: absolute;content: "";width: 0;height: 2px;
background-color: var(--red);left: 40px;right: 0;top: 45%;transition: 0.5s;z-index: 1;}
.mission .inner-mission .box:hover h5:before{width: 100%;height: 2px;background-color: var(--red);
left: 40px;right: 0;z-index: -1;}
.values{background-color: var(--black);padding: 75px 0px;}
.values h2{color: #c3c3cd;margin: 15px 0px;}
.values img{margin-top: 50px;}
.values .left-area img{margin-top: 0px;}
.values h4{margin: 15px 0px;color: #fff;text-decoration: underline;}
.values p{color: #fff;}
.values .col-sm-6{margin-bottom: 25px;}
.hrm-values{padding-top: 140px;}


.hrm-type{padding-top: 100px;}
.hrm-type .header-sec{padding-bottom: 20px;}
.hrm-type .box{padding: 15px;margin-top: 30px;}
.hrm-type .box .media img{margin-top: 15px;margin-right: 15px;background-color: rgba(255, 0, 0, 6%);
border-radius: 50px;padding: 12px;}
.hrm-dark{background-color: var(--black);padding: 120px 0px;position: relative;
margin-bottom: 200px;padding-bottom: 220px;}
.hrm-dark h2{color: #fff;}
.hrm-dark p{color: #f7f7f7;}
.hrm-dark p a{color: var(--blue);text-decoration: none;}


.hrm-type .media .moretext {display: none;}
.hrm-type .media .moreless-button{margin-top: 15px;}


.hrm-type .card-box-main {
  flex: 1;
  margin: 1rem;
  padding: 1rem;
  border-radius: 1rem;
  height: 100%;
}
.description {
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}
.hrm-type .button {
  display: block;
  margin-top: 1rem;
  font-weight: 700;
  color: #007bff;
  cursor: pointer;
}



.hrm-dark .img-grid{position: absolute;bottom: -60px;width: 100%;left: 0;right: 0;height: 200px;}
.hrm-dark .img-grid .box{position: relative;border-radius: 5px;}
.hrm-dark .img-grid .box img{border-radius: 5px;}
.hrm-dark .img-grid .box .inner-box{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;
height: 100%;display: grid;align-items: center;justify-content: center;text-align: center;
background-color: rgba(41, 178, 254, 0.5);padding: 50px;border-radius: 5px;z-index: 1;}
.hrm-dark .img-grid .box .inner-box h4{color: #fff;font-size: 26px!important;}
.hrm-dark .img-grid .box .inner-box img{margin-top: 15px;margin-right: 15px;background-color: var(--blue);
border-radius: 50px!important;padding: 12px;border-radius: 5px;}

.hrm-dark .img-grid .box .inner-box:after{position: absolute;content: "";top: 0;bottom: 0;right: 0;left: 0;
height: 0;width: 100%;background-color: rgba(5, 12, 16, 0.5);transition: 0.5s;z-index: -1;}
.hrm-dark .img-grid .box:hover .inner-box:after{position: absolute;content: "";border-radius: 5;
height: 100%;background-color: rgba(5, 12, 16, 0.5);}



.modal{z-index: 99999;}
.modal .modal-content{padding: 35px 50px;}
.modal form{width: 100%;}
.modal .form-group{margin-bottom: 0;}
.modal-content{background-color: #fff;opacity: 1;align-items: center;}
.modal-content h4{padding-bottom: 15px;font-size: 24px;text-align: center;}
.modal-content .form-control{border: 0.5px solid #ccc;background-color: rgba(255, 255, 255, 0.9);color: #fff;
border-radius: 0px;padding: 15px 25px;margin-bottom: 10px;}
.modal-content .form-control::placeholder{color: #222;}
.modal .close{color: #222;opacity: 1;right: 0px;position: absolute;z-index: 9999999!important;top: 0px;
padding: 6px 10px;border-radius: 50px;padding-top: 3px;width: 50px;height: 50px;}
.modal-content button{width: 100%;}



.customize{padding: 80px 0px;}


.customize .timeline {display: flex;flex-direction: column;margin: 20px auto;position: relative;}
.customize .timeline__event {margin-bottom: 15px;position: relative;display: flex;margin: 15px 0;border-radius: 6px;
align-self: center;width: 50vw;}
.customize .timeline__event:nth-child(2n+1) {flex-direction: row-reverse;}
.customize .timeline__event:nth-child(2n+1) .timeline__event__content {border-radius: 6px 0 0 6px;}
.customize .timeline__event:nth-child(2n+1) .timeline__event__icon:before {content: "";width: 2px;height: 125%;
background: var(--green);position: absolute;top: 0%;left: 50%;right: auto;z-index: -1;
transform: translateX(-50%);-webkit-animation: fillTop 0.5s forwards 0.2s ease-in-out;animation: fillTop 0.5s forwards 0.2s ease-in-out;}
.customize .timeline__event:nth-child(2n+1) .timeline__event__icon:after {content: "";width: 100%;height: 2px;
background: var(--green);position: absolute;right: 0;z-index: -1;top: 50%;left: auto;transform: translateY(-50%);
-webkit-animation: fillLeft 0.5s forwards 0.2s ease-in-out;animation: fillLeft 0.5s forwards 0.2s ease-in-out;}
.customize .timeline__event__title {
  font-size: 1.2rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1.5px;
}
.customize .timeline__event__title h4{margin-top: 0;}
.customize .timeline__event__content {padding: 40px;box-shadow: 0 15px 55px -5px rgba(9,31,67,.1);background: #fff;
width: calc(50vw - 84px);border-radius: 0 6px 6px 0;}
.customize .timeline__event__icon {display: flex;align-items: center;justify-content: center;color: var(--green);
padding: 20px;align-self: center;margin: 0 20px;background: var(--green);border-radius: 100%;width: 40px;
box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
padding: 40px;height: 40px;position: relative;}
.customize h5{color: #fff;font-size: 32px;}
.customize .timeline__event__icon:before {content: "";width: 2px;height: 125%;background: var(--red);position: absolute;
top: 0%;z-index: -1;left: 50%;transform: translateX(-50%);
-webkit-animation: fillTop 0.5s forwards 0.2s ease-in-out;animation: fillTop 0.5s forwards 0.2s ease-in-out;}
.customize .timeline__event__icon:after {
  content: "";
  width: 100%;
  height: 2px;
  background: var(--red);
  position: absolute;
  left: 0%;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  -webkit-animation: fillLeftOdd 0.5s forwards 0.2s ease-in-out;
          animation: fillLeftOdd 0.5s forwards 0.2s ease-in-out;
}
.customize .timeline__event__description {
  flex-basis: 60%;
}
.customize .timeline__event--type2:after {
  background: var(--red);
}

.customize .timeline__event--type2:nth-child(2n+1) .timeline__event__icon:before, .timeline__event--type2:nth-child(2n+1) .timeline__event__icon:after {
  background: var(--green);
}
.customize .timeline__event--type2 .timeline__event__icon {
  background: var(--green);
  color: var(--green);
}
.customize .timeline__event--type2 .timeline__event__icon:before, .timeline__event--type2 .timeline__event__icon:after {
  background: var(--green);
}

.customize .timeline__event--type3:after {
  background: var(--green);
}

.customize .timeline__event--type3:nth-child(2n+1) .timeline__event__icon:before, .timeline__event--type3:nth-child(2n+1) .timeline__event__icon:after {
  background: var(--green);
}
.customize .timeline__event--type3 .timeline__event__icon {
  background: var(--green);
  color: var(--red);
}
.customize .timeline__event--type3 .timeline__event__icon:before, .timeline__event--type3 .timeline__event__icon:after {
  background: var(--green);
}
.customize .timeline__event:last-child .timeline__event__icon:before {
  content: none;
}

.reporting{padding: 80px 0px;}
.img-box-whats{display: grid;align-items: flex-end;height: 100%;}
.reporting .acordian-box .card{background-color: transparent;}
.reporting .img-box{padding-right: 25px;padding-top: 25px;}

@media (max-width: 786px) {
  .customize .timeline__event {
    flex-direction: column;
    align-self: center;
  }
  .customize .timeline__event__content {
    width: 100%;
  }
  .customize .timeline__event__icon {
    border-radius: 6px 6px 0 0;
    width: 100%;
    margin: 0;
    box-shadow: none;
  }
  .customize .timeline__event__icon:before, .timeline__event__icon:after {
    display: none;
  }

  .customize .timeline__event:nth-child(2n+1) {
    flex-direction: column;
    align-self: center;
  }
  .customize .timeline__event:nth-child(2n+1) {
    border-radius: 0;
    padding: 20px;
  }
  .customize .timeline__event:nth-child(2n+1) .timeline__event__icon {
    border-radius: 6px 6px 0 0;
    margin: 0;
  }
}

@keyframes fillLeft {
  100% {
    right: 100%;
  }
}
@-webkit-keyframes fillTop {
  100% {
    top: 100%;
  }
}
@keyframes fillTop {
  100% {
    top: 100%;
  }
}
@-webkit-keyframes fillLeftOdd {
  100% {
    left: 100%;
  }
}
@keyframes fillLeftOdd {
  100% {
    left: 100%;
  }
}
.values-whatsapp p{padding-top: 40px;}

.privacy-policy{padding: 80px 0px;}
.privacy-policy .header-left{padding-bottom: 25px;}
.privacy-policy .header-left h2{padding-top: 15px;}
.privacy-policy p{padding: 7px 0px;}
.other-crm ul{list-style-type: none;display: flex;flex-wrap: wrap;padding-bottom: 10px;}
.other-crm ul li{width: 50%;font-family: "Roboto-Medium";font-size: 16px;padding: 2px 0px;}
.other-crm .inner-case-study .box{min-height: 320px;}
.case-study .inner-case-study .box:hover ul li{color: #fff;}


.crm-img{padding: 80px 0px;}
.our-work .moving-shapes{z-index: -1}


@media(max-width: 1600px){
.wrapper .main-content .inner-content h1 {font-size: 57px;line-height: 65px;}
.container {max-width: 80%;}
.sidenav .inner-bar .contact-details h1{font-size: 32px;}
.sidenav .closebtn img {padding: 15px;height: 50px;width: 50px;}
.sidenav .closebtn{margin-top: 25px;}
.sidenav .inner-bar .contact-details {padding: 70px 50px;overflow-x: scroll;}
.wrapper .partner-sec {width: 78%;left: 10.8%;bottom: -55px;height: 110px;}
.wrapper .main-content .inner-content .btn-broup {margin-top: 20px;}
.about-company .box-content .main-box .box {padding:25px; }
.about-company .acordian-box {padding-top: 0px;padding-right: 10%;}
.about-company .about-content .main-text {padding: 15px 0px;}
.about-company .card-body p {padding: 0px 6px 15px;}
.b-security .inner-sec h2 {font-size: 55px;line-height: 65px;margin-bottom: 10px;}
.what-we-do-two {padding: 75px 0px;}
.testimonials .work-slid .item {padding: 28px;margin: 45px 10px;}
.testimonials .work-slid .item .box .media:before {width: 50px;height: 50px;bottom: -22%;right: -5%;}
.testimonials{padding-bottom: 10px;}
.contact-det{margin-top: 45px;}
.case-study .inner-case-study {padding: 50px 80px;}
.case-study .inner-case-study .box {padding: 30px 25px;}
.our-work {margin: 25px 0px;}
.we-do-box .box .bg-sec {min-height: 350px;}
.about-company{padding-bottom: 0;}
.wrapper {height: 100%;}
.wrapper .carousel-inner{height: 100%;}
.testimonials .work-slid {width: 110%;top: 25px;left: -10%!important;right: -10%!important;overflow: hidden;}
.main-footer .mid-row {padding: 50px 0px;}
.sidenav {height: 101vh;}
.sidenav .inner-bar {width: 30%;}
.custom-container {width: 70%;}
.products-price .box {padding: 50px;}
.wrapper .main-content{top: 45%;}
.header-sec {width: 80%;}
.breadcrumb .header-sec h2{font-size: 40px;}
.post-date{padding: 0px 0px;}
.main-footer .mid-row .box:nth-child(4) {width: 22%;padding-left: 2%;}
.custom-container {width: 85%;}
.main-footer .mid-row .box:nth-child(3) {width: 22%;padding-left: 2%;}
.main-footer .mid-row .box:nth-child(2) {width: 22%;padding-left: 2%;}
.blog-page {padding: 50px 0px;}
.case-study-inner-page{padding-bottom: 0;}
.contact-det{margin-top: 0;}
.mission .heading-left {width: 75%;}
.mission{padding-bottom: 20px;}
.product-choose .box .content{padding: 25px 25px;}
.products {padding: 70px 0px;padding-bottom: 0;}
.product-choose{padding-bottom: 25px;}
.services .inner-service .box{padding: 30px;}
.services .inner-service .box {width: calc(30% - 15px);}
.why-choose-us .why-choose .box .overlay-box .inner-over{padding: 25px;}
.service-two .inner-case-study .box .media img{margin-right: 5px;margin-left: 0px;}
.service-two .inner-case-study .box{padding: 25px;}
}


@media(max-width: 1500px){
.container {max-width: 82%;}
.wrapper .partner-sec {width: 80%;left: 10%;}
.header .container {padding: 0px 40px;}
.b-security .inner-sec h2 {font-size: 50px;line-height: 60px;}
.sidenav .inner-bar .contact-details .social_list {padding-top: 20px;}
.products-price .box {padding: 25px;}
.products-price .trophy:after{right: 15px;}
.products-price .trophy:before{right: 48px;}
.carousel-control-next, .carousel-control-prev{width: 5%;}
.prev-next-page{margin: 50px 0px;padding: 30px 0px;}
.breadcrumb .bread-ser .container .box{padding: 15px;}
.breadcrumb .bread-ser .container .box img {width: 45px;margin-right: 10px;}
.about-page{margin-top: 65px;}
.products-price .box .small-two-title{font-size: 20px!important;}
.customize .timeline__event{width: 70vw;}
.customize .timeline__event__content {width: calc(70vw - 84px);}
.why-choose-us .why-choose .box .overlay-box .inner-over h4 {min-height: 66px;}
.service-two .inner-case-study {padding: 50px 0px;}
}

@media(max-width: 1370px){
.wrapper .main-content .content .inner-content {width: 55%;}
.container {max-width: 88%;}
.wrapper .partner-sec {width: 86%;left: 7%;}
.about-company .box-content .main-box {padding: 0px 5px;}
.main-para{font-size: 15px;line-height: 29px;}
.about-company .about-content h2{padding-bottom: 0;}
.our-work .bg-grad {height: 440px;}
.case-study .inner-case-study {padding: 50px 0;}
.we-do-box .box .bg-sec {min-height: 360px;}
.wrapper .main-content {top: 48%;left: 52.5%;}
.wrapper .main-content .inner-content h1{font-size: 50px;}
.carousel-control-next, .carousel-control-prev{width: 10%;}
.blog-page .content-row .box .content-area{padding: 25px;}
.service-two .inner-case-study .box {padding: 15px;}
.why-what-we-do-two .content-row .box .content-area {padding: 25px;}
}

@media(max-width: 1290px){
.container {max-width: 94%;}
.wrapper .partner-sec {width: 92%;left: 4%;}
.header .item-right .number{padding-left: 0;}
.testimonials .header-left {width: 75%;}
.news .news-row .box .overlay{padding: 25px;padding-bottom: 5px;}
.news .news-row .box .overlay .small-two-title{margin-bottom: 0;}
.prev-next-page{margin:35px 0px;padding: 25px 0px;}
.blog-page{padding-top: 0;}
.case-study-inner-page {padding: 70px 0px;padding-bottom: 0;}
.heading-other h2{font-size: 38px;}
.header .menu > ul > li {padding-left: 20px;}
}


@media(max-width: 991px){
.hamburger{display: none;}
.wrapper .main-content{left: 55.5%;}
.wrapper .main-content .inner-content h1{font-size: 40px;line-height: 50px;}
.btn{padding: 9px 20px;}
.wrapper .main-content .content .inner-content{width: 70%;}
.wrapper .main-content{top: 49%;}
.wrapper .partner-sec{padding: 5px;}
.about-company .box-content .main-box .box img{width: 45px;}
.small-two-title {font-size: 18px !important;line-height: 28px;}
.main-title {font-size: 28px;line-height: 42px;}
.our-service .content-box {padding-left: 0px;}
.what-we-do .header-sec{width: 100%;}
.header-sec{width: 100%;}
.what-we-do .we-do-box {padding-top: 25px;}
.we-do-box .box .overlay-box .inner-over {padding: 15px 20px;}
.what-we-do {padding: 70px 0px;padding-bottom: 55px;}
.our-work{padding: 50px 0px;}
.menu-toggle{display: none;}
.header .mobile-menu-trigger{margin-left: 22px;}
.breadcrumb .header-sec h2 {font-size: 38px;}
.blog-details-page .releted-head {font-size: 24px !important;}
.blog-details-page .content-area{padding: 15px;}
.blog-details-page .content-area h4{line-height: 27px;margin-bottom: 11px;font-size: 14px;}
.blog-details-page .images-area span.category-blog {left: 20px;top: 20px;}
.main-footer .mid-row {padding: 28px 0px;}
.case-studies .case-st .box{padding-bottom:32px;}
.testimonials .work-slid {width: 98%;top: -20px;left: 5px !important;right: 15px !important;}
.testimonials .bg-grad{height: 100%;}
.testimonials {padding-bottom: 0px;}
.products-price .trophy{transform: unset;}
.news .news-row .box .overlay .small-two-title{font-size: 22px!important;}
.news .news-row .box{margin-bottom: 35px;}
.mission .inner-mission .box {width: 33%;}
.customize .timeline__event{width: 80vw;}
.customize .timeline__event__content {width: calc(86vw - 84px);}
.product-choose .col-md-6{margin-bottom: 35px;}
.product-choose .box .content {padding: 25px 25px;}
.product-choose .box img{height: 500px;}
.case-study .inner-case-study .box .media img{margin-right: 7px;}
.services .inner-service .box {width: calc(48% - 15px);}
.values-whatsapp h2{font-size: 26px;}
.values-whatsapp p{padding-top: 0px;}
.img-box-whats{align-items: flex-start;}
.our-service .img-box img{width: 60%;margin-bottom: 50px;}
.why-what-we-do-two .heading-box .main-title {padding-right: 10px;}
.why-what-we-do-two .content-row .box{margin-bottom: 35px;}
.why-what-we-do-two .content-row .box .content-area h4{font-size: 22px!important;}
.work-culture .video-cont p{width: 100%;}
}

@media(max-width: 767px){
.container{padding: 0px 30px;}
.wrapper .partner-sec{position: unset;margin: 0px auto;width: 100%;}
.product-part {background-color: #f4f9fc;}
.wrapper{margin-top: 13vh;}
.wrapper .main-content{top: 50%;}
.wrapper .main-content .content .inner-content{width: 90%;}
.wrapper .main-content .inner-content h1 {font-size: 30px;line-height: 40px;}
.wrapper .main-content .inner-content p{font-size: 16px;}
.about-company {margin-top: 0;}
.about-company .acordian-box{padding-right: 0;}
.about-company .box-content .main-box {padding: 100px 5px;padding-bottom: 50px;}
.what-we-do .content-box{padding-top: 0px;}
.we-do-box .box .overlay-box .inner-over {padding: 25px 30px;}
.we-do-box .box .overlay-box{position: unset;}
.we-do-box .box .bg-sec{min-height: 100%;}
.header-sec{padding: 0px 15px;}
.header-sec h2{padding: 15px 0px;}
.team .team-box .box{margin-bottom: 25px;}
.team{padding-bottom: 50px;}
.news .news-row .box{margin-bottom: 25px;}
.contact-det{padding: 80px 0px;}
.contact-det .innercontact{padding-top: 35px;}
.main-footer .mid-row{flex-wrap: wrap;}
.main-footer .mid-row .box {width: calc(50% - 15px);}
.main-footer .mid-row .box:nth-child(2) {width: 100%;padding-left: 0;}
.main-footer .mid-row .box:nth-child(3) {width: 100%;padding-left: 0;}
.main-footer .mid-row .box:nth-child(4){width: 1000%;padding-left: 0;}
.wrapper .inner-wrapper, .carousel, .carousel-item{height: 100%;}
.wrapper{height: auto;margin-top: 75px;}
.wrapper .inner-wrapper{height: 86vh;}
.testimonials .header-left {width: 100%;}
.breadcrumb-center .header-sec-bread{width: 100%;}
.breadcrumb .header-sec h2 {line-height: 42px;font-size: 28px;}
.blog-details-page {padding: 50px 0px;}
.social-like .social li {margin-right: 10px;margin-bottom: 20px;}
.blog-details-page .social-like .social{width: 75%;}
.blog-details-page .social-like{padding-bottom: 0;}
.releted-post .box{margin-bottom: 30px;}
.blog-details-page .content-area {padding: 20px;}
.blog-details-page .border-left{padding-left: 25px;}
.progress-wrap {right: 25px;bottom: 25px;}
.blog-page .content-row .box .content-area h4{font-size: 18px;}
.case-study-inner-page .img-sec .img-box2{margin-top: 12px;}
.case-study-inner-page .img-box .box{margin-bottom: 9px;}
.case-studies .case-st .box {padding-bottom: 32px;}
.heading-other h2 {font-size: 32px;}
.breadcrumb .bread-ser{display: none;}
.about-page{margin-top: 0;}
.about-page {padding: 70px 0px;}
.about-page .about-we-do{padding-bottom: 0;}
.breadcrumb h2{text-align: center;}
.breadcrumb ul{text-align: center;}
.breadcrumb{height: 300px;}
.big-title {font-size: 30px;line-height: 40px;}
.contact-det .form {padding-top: 40px;}
.contact-page .in-contact-page .box .media{padding-right: 0;}
.b-security .inner-sec h2 {font-size: 30px;line-height: 40px;}
.b-security {min-height: 350px;height: 350px;}
.hrm-values{padding-top: 0;}
.divide-header{margin-bottom: 0;}
.divide-header .filter-sec-two {width: 100%;}
.mission .heading-left {width: 100%;}
.values .left-area{padding-top: 25px;}
.client .client-box .box {width: calc(31% - 5px);padding: 0;margin: 0;margin-bottom: 25px;}
.divide-header{display: block;}
.divide-header{padding-bottom: 25px;}
.divide-header .filter-sec {width: 100%;padding: 25px 0px;justify-content: space-between;
flex-wrap: wrap;}
.divide-header .filter-sec .box{margin-left: 0;width: 32%;}
.portfolio {padding: 0px 0px;}
.customize .timeline__event{width: 100%;}
.customize .timeline__event__content {width: 100%;}
.customize .timeline__event:nth-child(2n+1){padding: 0;}
.customize h5{font-family: "Roboto-Medium";}
.hrm-type .card-box-main{margin: 0;}
.values img{margin-bottom: 40px;}
.products-price {padding: 50px 0px;}
.other-crm .inner-case-study .box{min-height: auto;}
.products-price .header-sec{padding-bottom: 25px;}
.product-choose .box img{height: 350px;}
.case-study .inner-case-study .box {padding: 20px 15px;}
.services .inner-service .box {width: calc(100% - 15px);}
.service-third .right-box {padding-left: 0%;}
.service-third .right-box .box{width: 100%;}
.service-third .right-box .box:nth-child(2) {margin-left: 0;}
.why-choose-us .why-choose .box {margin-bottom: 20px;}
.why-choose-us .why-choose .box .overlay-box .inner-over h4 {min-height: auto;}
.our-service .img-box img {width: 75%;}
.our-service-why .sig-why {display: grid;}
.row.bottom-link.justify-content-center p {padding: 0px 15px;}
.service-two{padding: 60px 0px;padding-bottom: 0px;}
.service-two .inner-case-study {padding: 25px 0px;}
.service-two .inner-case-study .box .media{display: grid;}
.service-two .inner-case-study .box .media img{margin: 0;}
.why-what-we-do-two {padding: 50px 0px;}
.header-sec{text-align: left;}
.small-title{line-height: 34px;}
.work-culture .right-box {padding-top: 15px;margin-left: 0;}
.work-culture .video-cont{padding:15px;}
.hrm-type .card-box-main{padding: 15px 0px;}
.hrm-type .media{display: grid;}
.news .news-row {padding-top: 20px;}
.case-study .inner-case-study .box .media{display: grid;}
.case-study .inner-case-study .box .media img{margin: 0;}
}

@media(max-width: 575px){
.partner-why .box {padding: 5px 0px;}
.wrapper .partner-sec{left: 0;}
.about-company .box-content .main-box{padding-bottom: 20px;}
.what-we-do .header-sec{padding-top: 25px;text-align: left;}
.what-we-do .header-sec h2{padding-left: 0;}
.technology {padding-bottom: 50px;}
.our-work {padding: 40px 0px;}
.main-footer .top-row{display: grid;}
.main-footer .top-row .box{width: 100%;}
.main-footer .top-row .social {text-align: left;padding-top: 25px;}
.main-footer .top-row .social li {padding-left: 0px;padding-right: 15px;}
.main-footer .bottom-row p{text-align: left;padding-left: 26px;}
.news{padding-bottom: 0px;padding-top: 65px;}
.header .menu{width: 100%;}
.header .menu > ul > li{margin-left: 0;padding-left: 0;}
.header .menu > ul > li > a{padding: 0 50px 0 25px;}
.header .menu > ul > li.menu-item-has-children:hover .sub-menu{top: 48px;}
.header .menu > ul > li .sub-menu.mega-menu, .header .menu > ul > li .sub-menu{padding-top: 15px;}
.header .menu > ul > li .sub-menu > ul > li{border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.header .menu > ul > li .sub-menu > ul > li > a{padding: 15px 25px;}
.header .menu > ul > li .sub-menu.mega-menu, .header .menu > ul > li .sub-menu{padding:20px;}
.main-title {font-size: 24px;line-height: 35px;}
.breadcrumb{height: 300px;}
.blog-details-page {padding: 30px 0px;}
.heading-other h2{line-height: 47px;}
.contact-det .form .form-box{display: block;}
.contact-det .form .form-box .box{width: 100%;}
.contact-det .form .form-control{margin-bottom: 15px;}
.contact-page .in-contact-page .box .media img{width: 60px;}
.contact-page .main-title {font-size: 30px;}
.contact-det {padding: 60px 15px;}
.values img{margin-bottom: 25px;}
.hrm-type .card-box-main{margin: 0;}
.hrm-type {padding-top: 60px;}
.divide-header .filter-sec-two{display: block;}
.divide-header .filter-sec .box .form-group label{margin-top: 15px;}
.divide-header .filter-sec .box{width: 100%;margin-left: 0;width: 49%;}
.divide-header .filter-sec .box .form-group button{margin-top: 15px;}
.mission .inner-mission .box {width: 50%;}
.values .col-sm-6 {margin-bottom: 5px;}
.our-service .img-box img {width: 90%;}
.wrapper .partner-sec{height: 80px;}
.mission{padding: 55px 0px;}
.mission .inner-mission .box{margin-bottom: 25px;}
.mission .inner-mission .box:hover h5:before{width: 90%;}
.team-page {padding: 42px 15px;}
.team-page .team-box {padding-top: 25px;}
.team-page .team-box .box {margin-top: 0px;}
.team-page .team-box .box .img-top {padding-top: 20px;}
.team-page .team-box .top-space:nth-child(even) {margin-top: 0px; }
.row.team-box .col-md-3 {padding-left: 0;}
.products {padding: 50px 0px;padding-bottom: 0;}
.product-choose .box{height: 400px;}
.header-sec-full {text-align: left;width: 100%;padding: 0px 15px;}
.header-sec-full h2{padding-left: 0;}
.social-like{display: block;}
.blog-details-page .social-like .social {width: 100%;margin-bottom: 10px;}
.prev-next-page .box {width: 50%;}
.prev-next-page .center{display: none;}
.prev-next-page h4 {font-size: 14px;}
.prev-next-page .box h4 span{display: none;}
.case-studies .nav-tabs {justify-content: left !important;}
.nav-tabs .nav-item {margin-bottom: 14px;}
.case-studies .nav-link{margin: 0 5px;}
.case-studies {padding: 50px 0px;}
.case-studies .nav-tabs {padding-bottom: 0px;}
.testimonials {padding: 50px 0px;}
.about-page .box h2{display: block;}

}

@media(max-width: 500px){
.about-company .box-content .main-box{display: grid;}
.about-company .box-content .main-box .left-boxs {width: calc(100% - 0px);}
.about-company .box-content .main-box {padding: 5px 5px;}
.about-company .box-content .main-box .right-boxs {width: calc(100% - 0px);}
.about-company .box-content .main-box .right-boxs{margin-top: 0;}
.contact-det .innercontact{display: grid;}
.contact-det .innercontact .box{width: 100%;}
.contact-det .innercontact .box .media img {width: 60px;margin-right: 20px;padding: 12px;margin-top: 12px;}
.contact-det .innercontact .box .media {padding: 7px 0px;}
.main-footer .top-row .f-nav li{padding: 10px 0px;padding-left: 0;}
.main-footer .mid-row {padding: 25px 0px;}
.main-footer .mid-row .box{margin: 6px;margin-left: 0;}
.main-footer .mid-row .box h4{padding-bottom: 0;}
.breadcrumb .header-sec h2 {line-height: 36px;font-size: 24px;padding-bottom: 0;}
.blog-details-page .border-left{font-size: 17px;}
.container {max-width: 100%;}
.heading-other h2 {line-height: 38px;font-size: 26px;}
.values{padding: 50px 0px;}
.mission .inner-mission .box {width: 100%;}
}

@media(max-width: 405px){
.header .item-right .number{padding: 15px 8px;}
.header .container {padding: 0px 25px;}
.header .mobile-menu-trigger {margin-left: 10px;}
.header .item-right a{margin-left: 0;}
.wrapper .main-content .content .inner-content {width: 95%;}
.wrapper .main-content .inner-content h1 {font-size: 24px;line-height: 36px;}
.breadcrumb .header-sec h2 {line-height: 32px;font-size: 22px;}
.product-choose .box img{height: auto;}
.product-choose .box .content {padding: 25px 25px;overflow: scroll;}

}