html{overflow-x:hidden;}
html, body {height: 100%;}

body{font-size: 16px; font-family: 'OutfitRegular'; color: #636363;}

@font-face {
    font-family: 'OutfitThin';
    src: url('fonts/OutfitThin.eot');
    src: url('fonts/OutfitThin.eot') format('embedded-opentype'),
         url('fonts/OutfitThin.woff2') format('woff2'),
         url('fonts/OutfitThin.woff') format('woff'),
         url('fonts/OutfitThin.ttf') format('truetype'),
         url('fonts/OutfitThin.svg#OutfitThin') format('svg');
}

@font-face {
    font-family: 'OutfitLight';
    src: url('fonts/OutfitLight.eot');
    src: url('fonts/OutfitLight.eot') format('embedded-opentype'),
         url('fonts/OutfitLight.woff2') format('woff2'),
         url('fonts/OutfitLight.woff') format('woff'),
         url('fonts/OutfitLight.ttf') format('truetype'),
         url('fonts/OutfitLight.svg#OutfitLight') format('svg');
}

@font-face {
    font-family: 'OutfitExtraLight';
    src: url('fonts/OutfitExtraLight.eot');
    src: url('fonts/OutfitExtraLight.eot') format('embedded-opentype'),
         url('fonts/OutfitExtraLight.woff2') format('woff2'),
         url('fonts/OutfitExtraLight.woff') format('woff'),
         url('fonts/OutfitExtraLight.ttf') format('truetype'),
         url('fonts/OutfitExtraLight.svg#OutfitExtraLight') format('svg');
}

@font-face {
    font-family: 'OutfitRegular';
    src: url('fonts/OutfitRegular.eot');
    src: url('fonts/OutfitRegular.eot') format('embedded-opentype'),
         url('fonts/OutfitRegular.woff2') format('woff2'),
         url('fonts/OutfitRegular.woff') format('woff'),
         url('fonts/OutfitRegular.ttf') format('truetype'),
         url('fonts/OutfitRegular.svg#OutfitRegular') format('svg');
}

@font-face {
    font-family: 'OutfitMedium';
    src: url('fonts/OutfitMedium.eot');
    src: url('fonts/OutfitMedium.eot') format('embedded-opentype'),
         url('fonts/OutfitMedium.woff2') format('woff2'),
         url('fonts/OutfitMedium.woff') format('woff'),
         url('fonts/OutfitMedium.ttf') format('truetype'),
         url('fonts/OutfitMedium.svg#OutfitMedium') format('svg');
}

@font-face {
    font-family: 'OutfitSemiBold';
    src: url('fonts/OutfitSemiBold.eot');
    src: url('fonts/OutfitSemiBold.eot') format('embedded-opentype'),
         url('fonts/OutfitSemiBold.woff2') format('woff2'),
         url('fonts/OutfitSemiBold.woff') format('woff'),
         url('fonts/OutfitSemiBold.ttf') format('truetype'),
         url('fonts/OutfitSemiBold.svg#OutfitSemiBold') format('svg');
}

@font-face {
    font-family: 'OutfitBold';
    src: url('fonts/OutfitBold.eot');
    src: url('fonts/OutfitBold.eot') format('embedded-opentype'),
         url('fonts/OutfitBold.woff2') format('woff2'),
         url('fonts/OutfitBold.woff') format('woff'),
         url('fonts/OutfitBold.ttf') format('truetype'),
         url('fonts/OutfitBold.svg#OutfitBold') format('svg');
}

@font-face {
    font-family: 'OutfitExtraBold';
    src: url('fonts/OutfitExtraBold.eot');
    src: url('fonts/OutfitExtraBold.eot') format('embedded-opentype'),
         url('fonts/OutfitExtraBold.woff2') format('woff2'),
         url('fonts/OutfitExtraBold.woff') format('woff'),
         url('fonts/OutfitExtraBold.ttf') format('truetype'),
         url('fonts/OutfitExtraBold.svg#OutfitExtraBold') format('svg');
}

@font-face {
    font-family: 'OutfitBlack';
    src: url('fonts/OutfitBlack.eot');
    src: url('fonts/OutfitBlack.eot') format('embedded-opentype'),
         url('fonts/OutfitBlack.woff2') format('woff2'),
         url('fonts/OutfitBlack.woff') format('woff'),
         url('fonts/OutfitBlack.ttf') format('truetype'),
         url('fonts/OutfitBlack.svg#OutfitBlack') format('svg');
}

a{color:#0e59f2; text-decoration:none;}
a:hover, a:focus{color:#051634; text-decoration:none;}
img{max-width:100%; vertical-align:middle;}
p{margin:0 0 15px; line-height: 26px;}

h1, h2, h3, h4, h5, h6{font-family: 'OutfitSemiBold'; font-weight: normal; margin:0 0 10px;}
h1{color:#0e59f2;}
h2{color:#051634;}
h3{color:#0e59f2;}
h4{color:#051634;}

.pad-t0{padding-top:0 !important;}
.pad-t10{padding-top:10px !important;}
.pad-t15{padding-top:15px !important;}
.pad-t20{padding-top:20px !important;}
.pad-t25{padding-top:25px !important;}
.pad-t30{padding-top:30px !important;}
.pad-t35{padding-top:35px !important;}
.pad-t40{padding-top:40px !important;}
.pad-t45{padding-top:45px !important;}
.pad-t50{padding-top:50px !important;}
.pad-0{padding:0 !important;}
.pad-b0{padding-bottom:0 !important;}
.pad-b5{padding-bottom:5px !important;}
.pad-b10{padding-bottom:10px !important;}
.pad-b15{padding-bottom:15px !important;}
.pad-b20{padding-bottom:20px !important;}
.pad-b25{padding-bottom:25px !important;}
.pad-b30{padding-bottom:30px !important;}
.pad-b35{padding-bottom:35px !important;}
.pad-b40{padding-bottom:40px !important;}
.pad-b45{padding-bottom:45px !important;}
.pad-b50{padding-bottom:50px !important;}
.mrg-0{margin:0px !important;}
.mrb-0{margin-bottom:0px !important;}
.mrb-10{margin-bottom:10px !important;}
.mrb-15{margin-bottom:15px !important;}
.mrb-20{margin-bottom:20px !important;}
.mrb-25{margin-bottom:25px !important;}
.mrb-30{margin-bottom:30px !important;}
.mrb-35{margin-bottom:35px !important;}
.mrb-40{margin-bottom:40px !important;}
.mrb-45{margin-bottom:45px !important;}
.mrb-50{margin-bottom:50px !important;}
.mrb-60{margin-bottom:60px !important;}
.mrb-70{margin-bottom:70px !important;}
.mrb-80{margin-bottom:80px !important;}
.mrb-90{margin-bottom:90px !important;}
.mrb-100{margin-bottom:100px !important;}

.container{z-index: 3; position: relative; padding: 0 15px;}
.row{margin-right: -15px; margin-left: -15px;}
.row > *{padding-right: 15px; padding-left: 15px;}
.hidden{display: none;}

.sticky.header{background: #fff; border-bottom: 1px solid #ccc; -webkit-box-shadow: 0 1px 10px 0px #B0B0B0; box-shadow: 0 1px 10px 0px #B0B0B0; position: fixed;height: 95px;}
.header{position: absolute; background: #004eff12; box-shadow: 0px 12px 30px 0px rgba(215.9, 215.9, 215.9, 0.22); width: 100%; top: 0; left: 0; top:0; z-index:5; padding:0;}
  .top-sec{font-size: 14px; position:relative; overflow:hidden;}
  .top-sec::before{background: #051634; content: ""; position: absolute; left: 0; top: 0; width: 49.5%; height: 100%; -webkit-border-radius: 0 0 100px 0; -moz-border-radius: 0 0 100px 0;  border-radius: 0 0 100px 0;}
  .top-sec::after{background: #0e59f2; content: ""; position: absolute; right: 0; top: 0; width: 49.5%; height: 100%; border-left: 5px solid #fff; -webkit-border-radius: 0 0 0 100px; -moz-border-radius: 0 0 0 100px;  border-radius: 0 0 0 100px;}
  .top-sec .head-right{text-align:right;}
  .top-sec a:hover{color: #0e59f2;}
  .top-sec ul{margin:0; padding:10px 0;}
  .top-sec ul li{display:inline-block; list-style:none; margin:0 15px 0 0;  position:relative;}
  .top-sec ul li a:hover:before{background: #9ab5d7 !important;}
  .top-sec ul li i{margin:0 5px 0 0; position: relative; top: 0; display: inline-block; vertical-align: middle; font-size: 16px;}
  .top-sec ul li a{padding: 0; color: #fff; position: relative; z-index: 2;}
  .icon-top{margin:0;text-align:right;}
  .icon-top i{color: #fff; border:0; display:inline-block; font-size: 16px; line-height: 41px; margin: 0 0 0 2px; height: 41px; text-align: center; width: 36px; text-align: center; position:relative; z-index:1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .icon-top i:hover{color:#000; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}
 
  .call-us{position: relative; padding: 0 20px 0 10px;}
  .call-us a{display: flex; gap: 10px; align-items: center; position: relative;}
  .call-us a i{background: rgba(14, 89, 242, 0.2); width: 40px; height: 40px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; line-height: 40px; color: #0e59f2; font-size: 16px;}
  .call-us a span{font-size: 16px; color: #80838c; display: block;}
  .call-us a span span{font-family: 'OutfitSemiBold'; font-size: 18px; letter-spacing: 1px; color: #000;}
   
  .header .phone-call{margin: 0 0 0 10px;}
  .header .phone-call .btn{text-transform: capitalize; padding: 11px 30px;}
  .header nav{position: relative; font-family: 'OutfitSemiBold'; top: 0; left: 0; width: 100%; height: auto; background: none;}
  .header nav .navbar{display: flex; align-items: center; justify-content: space-between; margin: auto; position: relative; max-width: 100%; margin: 0 0 0; box-shadow: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0;}
  .header .navbar .logo a{display: block; padding: 30px 0;}
  .header .navbar .logo img{max-width: 165px;}
  .header nav .navbar .nav-links{height: 100%; margin: 0 0 0 auto; display: flex; align-items: center;}
  .header nav .navbar .links{display: flex; padding: 0; margin: 0;}
  .header nav .navbar .links li{position: relative; display: flex; align-items: center; justify-content: space-between; list-style: none; text-transform: capitalize; margin: 0 0 0 0; padding: 0 25px 0 0;}
  .header nav .navbar .links li > a{padding: 39px 0; display: block; text-decoration: none; white-space: nowrap; color: #000;}
  .header nav .navbar .links > li > a:hover, .header nav .navbar .links > li.current-menu-item > a{color: #0e59f2;}

  .header .links li:hover .htmlcss-arrow, .header .links li:hover .js-arrow{transform: rotate(180deg);}
  .header nav .navbar .links li .arrow{width: 16px; line-height: 52px; text-align: center; display: inline-block; color: #000; transition: all 0.3s ease; margin: 2px 0 0 5px;}
 
  .header nav .navbar .links .mega-menu{position: static;}
  .header nav .navbar .links .mega-menu h4{font-size: 16px;}
  .header nav .navbar .links .mega-menu h4 a{color: #051634;}
  .header nav .navbar .links .mega-menu h4 a:hover{color: #0e59f2;}
  .header nav .navbar .links .mega-menu h4 span{background: #e6eefe; display: inline-block; padding: 12px; width: 50px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 0 5px 0 0;}
  .header nav .navbar .links .mega-menu .sub-menu{width: 100%; padding: 0;}
  .header nav .navbar .links .mega-menu .sub-menu li a{padding: 8px 0;}  
  .header nav .navbar .links .mega-menu .sub-menu ul{padding: 0;}  
  .header nav .navbar .links .mega-menu .sub-menu ul li{color: #666; padding: 8px 0; width: 100%; border-bottom: 0;}
  .header nav .navbar .links .mega-menu .sub-menu .menu-row{margin: 0;}
  .header nav .navbar .links .mega-menu .sub-menu .col-grid{border-right: 1px dashed #bcbcbc; border-bottom: 1px dashed #bcbcbc; padding: 20px;}
  .header nav .navbar .links .mega-menu .sub-menu .col-grid:nth-child(4), .header nav .navbar .links .mega-menu .sub-menu .col-grid:nth-child(8){border-right: 0;}
  .header nav .navbar .links .mega-menu .sub-menu .col-grid:nth-child(5), .header nav .navbar .links .mega-menu .sub-menu .col-grid:nth-child(6), .header nav .navbar .links .mega-menu .sub-menu .col-grid:nth-child(7), .header nav .navbar .links .mega-menu .sub-menu .col-grid:nth-child(8){border-bottom: 0;}
  .header nav .navbar .links .mega-menu .sub-menu ul li{list-style: none; margin: 0 0 10px; padding: 0 0 0 25px; position: relative;}
  .header nav .navbar .links .mega-menu .sub-menu ul li::before{content: "\f192"; font-family: FontAwesome; position: absolute; left: 6px; top: 5px; font-size: 11px;}
 
  .header nav .navbar .links li .sub-menu{width: 250px; border: 1px solid #dddddd6b; box-shadow: 0 10px 15px rgba(25, 25, 25, 0.3); -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.3); position: absolute; top: 100%; left: 0; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: none; z-index: 2; padding: 0; overflow: hidden; font-family: 'OutfitMedium';}
  .header nav .navbar .links li:hover .htmlCss-sub-menu, .header nav .navbar .links li:hover .js-sub-menu{ display: block; }
  .header .navbar .links li .sub-menu li{padding: 0; margin:0; border-bottom: 1px solid #d5d5d5;}
  .header .navbar .links li .sub-menu li a{color: #4f4f4f; padding: 8px 15px; display: block; width: 100%;}  
  .header .navbar .links li .sub-menu li a:hover{color: #fff; background: #0e59f2;}
  .header .navbar .links li .sub-menu .more-arrow{line-height: 40px; }
  .header .navbar .links li .sub-menu .more-sub-menu{position: absolute; top: 0; left: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 1; display: none;}
  .header .links li .sub-menu .more:hover .more-sub-menu{display: block;}
  .header .navbar .search-box{position: relative; height: 40px; width: 40px;}
  .header .navbar .search-box i{position: absolute; height: 100%; width: 100%; line-height: 40px; text-align: center; font-size: 22px; color: #fff; font-weight: 600; cursor: pointer; transition: all 0.3s ease; }
  .header .navbar .search-box .input-box{position: absolute; right: calc(100% - 40px); top: 80px; height: 60px; width: 300px; background: #3E8DA8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; pointer-events: none; transition: all 0.4s ease;}
  .header .navbar.showInput .search-box .input-box{top: 65px; opacity: 1; pointer-events: auto; background: #3E8DA8;}
  .header .search-box .input-box::before{content: ''; position: absolute; height: 20px; width: 20px; background: #3E8DA8; right: 10px; top: -6px; transform: rotate(45deg);}
  .header .search-box .input-box input{position: absolute; top: 50%; left: 50%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; transform: translate(-50%, -50%); height: 35px; width: 280px; outline: none; padding: 0 15px; font-size: 16px; border: none;}
  .header .navbar .nav-links .sidebar-logo{display: none;}
  .header .navbar .bx-menu{display: none;}
 
  @media (max-width:1100px) {
    .header nav .navbar{max-width: 100%; padding: 0; flex-direction: row-reverse;}
	.header nav .navbar .logo a{font-size: 27px; padding: 15px 0;}
	.header nav .navbar .links > li:first-child{border-top: 1px solid #ccc;}
	.header nav .navbar .links > li{padding: 0; border-bottom: 1px solid #ccc; white-space: nowrap;}
	.header nav .navbar .links > li a:hover, .header nav .navbar .links > li.active > a{color: #0e59f2;}
	.navbar .links li .sub-menu li > a{padding:10px;}
	.header .navbar .links li .sub-menu a:hover, .header nav .navbar .sub-menu > li.active > a{color: #0e59f2; background: none;}    
	.header .navbar .bx-menu{ display: block;}
	.header nav .navbar .nav-links{position: fixed; top: 0; left: -100%; display: block; max-width: 100%; width: 100%; background:  #fff; line-height: normal; padding: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); transition: all 0.5s ease; z-index: 1000; overflow-x: scroll;}
	.header .navbar .nav-links .sidebar-logo{display: flex; align-items: center; justify-content: space-between; padding: 15px 15px 0;}
	.header .sidebar-logo .logo-name{}
	.header .sidebar-logo .logo-name img{max-width: 230px;}
	.header .sidebar-logo  i{font-size: 25px; color: #0e59f2; cursor: pointer;}
	.header .navbar .bx-menu{font-size: 25px; color: #0e59f2; cursor: pointer; margin: 0;}
	.header.header-position  .sidebar-logo i{color: #fff;}
	.header.header-position  .navbar .bx-menu{color: #000;}
	
	.header.header-position nav .navbar .links > li > a{color: #fff;}
    .header.header-position nav .navbar .links li .arrow{color: #fff;}
	.header.header-position nav .navbar .links > li a:hover, .header.header-position nav .navbar .links > li.active > a{color: #0e59f2;}
	
	.header nav .navbar .links{display: block; margin-top: 20px; padding: 0;}
	.header nav .navbar .links li .arrow{line-height: 40px; position: absolute; border-left: 1px solid #ccc; width: 52px; top: 7px; bottom: 7px; right: 0; cursor: pointer; color: #000;}
	.header nav .navbar .links li{display: block; margin: 0; position: relative;}
	.header nav .navbar .links .mega-menu{position: relative;}
	.header nav .navbar .links li > a{padding: 15px; color: #000;}
	.header .navbar .links li .sub-menu li > a{padding:8px 75px 8px 15px; white-space: break-spaces;}
	.header nav .navbar .links li .sub-menu{border: 0; position: relative; top: 0; box-shadow: none; display: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0 51px 0 0; width: auto;}
	.header nav .navbar .links li .sub-menu li{border-bottom: none;}
	
	.header nav .navbar .links .mega-menu .sub-menu ul li{padding: 0 30px 0 25px; white-space: break-spaces; word-break: break-word;}
	.header nav .navbar .links .mega-menu .sub-menu .col-grid{border-right: 0; border-bottom: 1px solid #d2d2d2; padding: 15px;}
	
	.header .navbar .links li .sub-menu .more-sub-menu{display: none; position: relative; left: 0;}
	.header .navbar .links li .sub-menu .more-sub-menu li{display: flex; align-items: center; justify-content: space-between;}
	.header .links li:hover .htmlcss-arrow, .header .links li:hover .js-arrow{transform: rotate(0deg);}
	.header .navbar .links li .sub-menu .more-sub-menu{display: none;}
	.header .navbar .links li .sub-menu .more span{display: flex; align-items: center;}
	.header .links li .sub-menu .more:hover .more-sub-menu{display: none;}
	.header nav .navbar .links li:hover .htmlCss-sub-menu, .header nav .navbar .links li:hover .js-sub-menu{display: none;}
	.header .navbar .nav-links.show1 .links .htmlCss-sub-menu, .header .navbar .nav-links.show3 .links .js-sub-menu, .header .navbar .nav-links.show2 .links .more .more-sub-menu{display: block;}
	.header .navbar .nav-links.show1 .links .htmlcss-arrow, .header .navbar .nav-links.show3 .links .js-arrow{transform: rotate(180deg);}
	.header .navbar .nav-links.show2 .links .more-arrow{transform: rotate(90deg);}
  }
 
  @media (max-width:370px){
    .header nav .navbar .nav-links{max-width: 100%;}
  }

  
.banner{position:relative; padding: 102px 0 0; z-index:1; background-image: url(images/banner-bg.png); background-position: 60%; background-repeat: no-repeat; background-size: cover;} 
  .banner .shape{position: absolute; -o-object-fit: contain; object-fit: contain; top: 0; left: 0; animation: rollShape 20s infinite linear;z-index: 9;}
  .banner .carousel-item{}
  .banner .image-area{width: 100%; object-fit: cover; object-position: center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; padding: 30px; background: #fff; overflow: hidden; position: relative; z-index: 3;}  
  .banner .slide button{top: 47%; opacity: 0; width: 55px; height: 55px; z-index: 100; color: #000; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 55px; text-shadow: none; position: absolute; font-weight: normal; background: none;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; left: 20px;}
  .banner .slide:hover button{opacity: 1;}
  .banner .slide button.left{}
  .banner .slide button.right{left: inherit; right: 20px;}
  .banner .slide button.left{right: 80px;}
  .banner .slide button.left:hover, .banner .slide button.right:hover{color: #fff; background: #0e59f2; border: 0px transparent;}
  .banner .slide button .fa{margin: 7px 0 0; background: none;}
  .banner .slide button.left>span:nth-child(1){left: 45%;}
  .banner .slide button.right>span:nth-child(1){right: 45%;}
  .banner .container{position:static;}
  .banner .right-grid{padding: 50px 15px 50px 100px;}
  .banner .right-grid figure{margin: 0; position: relative; background: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; padding: 5px;}
  .banner .right-grid figure img{}
  .banner .circle{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; box-shadow: 4px -40px 60px 5px rgb(14, 89, 242) inset; z-index: 1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
  .banner .right-grid{padding: 50px 15px 50px 100px;}
  .banner .right-grid figure{margin: 0; position: relative; background: #fff; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; padding: 70px;}
  .banner .right-grid figure img{}
  .slide-text{position: relative;padding: 145px 0 0;}
  .slide-text h1{padding: 0; color: #051634; font-style: normal; margin: 0 0 40px; -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
  .slide-text h1 span{color: #0e59f2; margin: 0 0 15px; padding: 10px 30px; background-color: #0E59F21A; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; display: inline-block; font-size: 18px; font-family: 'OutfitRegular';}
  .slide-text p{color: #000; padding: 0; font-size: 20px; line-height: 30px; -webkit-animation-delay: 1.1s;animation-delay: 1.1s; margin: 0 0 35px;} 
  .slide-text .slider-btn a{display: inline-block; vertical-align: middle; font-size: 18px;} 
  .slide-text .slider-btn .text{display: inline-block; margin: 0 0 0 30px; color: #000; font-size: 30px;}
  .slide-text .slider-btn .text i{float: left; background-image: linear-gradient(55deg, #0e59f2 0%, #000 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 10px 0 0;}
  .slide-text .slider-btn .text span{font-size: 18px; display: inline-block; padding: 0 0 0 15px;}
  .slide-text .slider-btn .text span span{display: block; letter-spacing: 2px; padding: 0; color: #000; font-family: 'OutfitBold';}
  .slide-text .btn{background: #0e59f2; border: 0; color: #fff} 
  .slide-text .btn:hover{background: #0e59f2; border: 0; color: #fff} 
  .slide-text .btn:after{background: #051634} 

.spin{animation: spin 6s infinite linear;}

.banner .right-grid figure .slider-img{border-radius:50px;}



@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
  
.btn{background: #fff; border: 1px solid #0e59f2; text-decoration: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; position: relative; z-index: 1; display: inline-block; text-align: center;  font-family: 'OutfitSemiBold'; font-size: 16px; color: #000; margin: 0; padding: 13px 25px; overflow: hidden; text-shadow: none; text-transform: capitalize; letter-spacing: 0;}
  .btn i{position: relative; margin: 0 0 0 10px; top: 1px;}
  .btn:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background: #0e59f2; z-index:-1;}
  .btn:hover:after{width:100%;}
  .btn:hover{background: #fff; border: 1px solid #0e59f2; color:#fff; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s;}

@keyframes video-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes rollShape {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-359deg);
  }
}
@keyframes bounce-y {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounce-x {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}

.logo-section{position: relative; padding: 70px 0 0 0;}
  .logo-section .owl-carousel{mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);}
  .logo-section .item{margin:0 15px; text-align:center; border: 1px solid #e8e8e8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
  .logo-section .item figure{padding: 15px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0;}
  .logo-section .item figure img{max-width: 90px; margin: 0 auto;}
  .logo-section .owl-dots{display: none; text-align: center; margin: 40px 0 0;}
  .logo-section .owl-theme .owl-dots .owl-dot span{width: 12px; height: 12px; border-radius: 3px;}
  .logo-section .owl-theme .owl-dots .owl-dot.active span, .logo-section .owl-theme .owl-dots .owl-dot:hover span{background: #14133b;}
  .logo-section .owl-theme .owl-nav .owl-page span{background:#d7d7d7; opacity:1;}
  .logo-section .owl-theme .owl-nav .owl-page.active span, .owl-theme .owl-nav.clickable .owl-page:hover span{background: #fe5321;}
  .logo-section .owl-theme .owl-nav button{display: block; background: none !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; color: #000; position: absolute; left: -40px; top: 45%; margin: -20px 0 0; height: 55px; width: 55px; opacity: 1; text-indent: -99999px; border: 0;}
  .logo-section .owl-theme .owl-nav button:hover{background: none !important;}
  .logo-section .owl-theme .owl-nav button.owl-next{right: -40px; left:inherit;}
  .logo-section .owl-theme .owl-nav button.owl-prev:before{background-image: url(images/arrow-left.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}  
  .logo-section .owl-theme .owl-nav button.owl-next:before{background-image: url(images/arrow-right.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}

.about-sec{padding:80px 0 50px; position:relative; z-index:2;}   
  .about-sec.about-inner .row{flex-direction: inherit;}
  .about-sec.about-inner .about-right figure img:nth-child(1){margin: 80px 30px 0 0;}
  .about-sec.about-inner .about-left .about-padd{padding: 80px 0 80px 40px; position: relative;}
  .about-sec.about-inner .about-padd::before{content: "\f10d"; font-family: FontAwesome; color: #0e59f2; font-size: 80px; position: absolute; left: 0; top: 0; line-height: 65px;}
  .about-sec.about-inner .about-padd::after{content: "\f10e"; font-family: FontAwesome; color: #0e59f2; font-size: 80px; position: absolute; right: 0; bottom: 0; line-height: 65px;}
  
  .about-sec .row{flex-direction: row-reverse;}
  .about-sec h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 30px;}
  .about-sec h2 span{color: #051634; margin: 0 0 15px; padding: 0 0 0 25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: block; font-size: 16px; font-family: 'OutfitRegular'; position: relative;}
  .about-sec h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 1px; position: absolute; bottom: 0; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);}
  .about-sec .about-left{margin:0 0 30px; padding: 0 15px; position:relative;}
  .about-sec .about-left .about-padd{padding: 0 0 0 30px;}
  .about-sec .about-left h4{color: #051634; line-height: 26px; font-style: italic; font-size: 18px; font-family: 'OutfitMedium'; margin: 0 0 15px;}
  .about-sec .about-left h5{color: #051634;}
  .about-sec .about-left p{margin:0 0 20px;}
  .about-sec .about-right{margin:0 0 30px; position:relative;}
  .about-sec .right-info{position: relative; padding: 0;}
  .about-sec .about-right figure{position: relative; display: inline-block; margin: 0; padding: 0;}
  .about-sec .about-right img{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
  .about-sec .about-image{top: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; position: absolute; z-index: 1; background-image: url("images/about-shape.png");}

.services-sec{background: #F4F7FB; position: relative; z-index: 2; padding: 80px 0 160px;}
  .services-sec h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 30px;}
  .services-sec h2 span{color: #051634; margin: 0 0 15px; padding: 0 0 0 25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: block; font-size: 16px; font-family: 'OutfitRegular'; position: relative;}
  .services-sec h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 1px; position: absolute; bottom: 0; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);}
  .services-sec .service-col{margin:0 0 30px; position:relative;}
  .services-sec .item:hover{background: #fff; box-shadow: 0px 9px 75px rgba(8, 20, 44, 0.09);}
  .services-sec .item{margin: 0; background: #F4F7FB; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 40px 40px 25px; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s; height: 100%; border: 1px solid #DDE0E4;}
  .services-sec .item figure{padding: 18px; background: #E6EEFE; color: #0e59f2; width: 85px; height: 85px; display: block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 30px; margin: 0 0 30px; transition: .4s; -webkit-transition: .4s; -moz-transition: .4s;}
  .services-sec .item:hover figure{background: #0e59f2;}
  .services-sec .item:hover figure img{filter: brightness(0) invert(1);}
  .services-sec .info{}
  .services-sec .info h4{color:#051634; font-size: 18px; font-family: 'OutfitMedium'; text-transform:capitalize; margin: 0 0 15px;}
  .services-sec .item .btn-a{text-transform: capitalize; font-family: 'OutfitMedium'; text-transform: capitalize; display: inline-block; color:#000; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; background-size: 0px 1px; transition: all 500ms ease;}
  .services-sec .item .btn-a:hover{color: #0e59f2; background-size: 100% 1px;}
  .services-sec .item .btn-a i{padding: 0 0 0 3px; display: inline-block; vertical-align: middle;}

.why-choose-us{position:relative; background: #fff; padding: 230px 0 100px; z-index:1;}
  .why-choose-us.why-choose-about{padding-top: 280px;}
  .why-choose-us:after{content:""; background-image: url(images/bg-01.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; background-size: contain; left: 0; position: absolute; top: -15px; width: 500px; height: 250px;}  
  .why-choose-us h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 30px;}
  .why-choose-us h2 span{color: #051634; margin: 0 0 15px; padding: 0 0 0 25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: block; font-size: 16px; font-family: 'OutfitRegular'; position: relative;}
  .why-choose-us h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 1px; position: absolute; bottom: 0; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.2);}
  .why-choose-us h4{font-size: 18px;}
  .why-choose-us .left{}
  .why-choose-us .right figure{position: relative; margin: 0 0 0 75px;}
  .why-choose-us .right figure:before, .why-choose-us .right figure:after{content: ''; background: #e6eefe; position: absolute; width: 150px; height: 150px; border-radius: 100%; left: -50px; top: -50px;}
  .why-choose-us .right figure:after{right: -50px; bottom: -50px; left: inherit; top: inherit;}
  .why-choose-us .right figure img{border: 10px solid #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; width: 100%; height: 750px; object-fit: cover; object-position: center center; position: relative; z-index: 2;}
  .why-choose-us .row-wc{}
  .why-choose-us .info{margin:0 0 30px; display: flex; align-items: center;}
  .why-choose-us .info figure{background: #e6eefe; display: block; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 0 25px 0 0; transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; min-width: 85px; min-height: 85px; padding: 20px; width: 85px; height: 85px;}
  .why-choose-us .info:hover figure{background: linear-gradient(135deg, #0e59f2 0%,#000 100%);}
  .why-choose-us .info:hover figure img{filter: brightness(0) invert(1);;}
  .why-choose-us .info h4{color:#051634; font-size: 20px; text-transform:capitalize; margin: 0;}
  .why-choose-us .info h4 span{color:#000; font-size: 16px; text-transform: none; display: block; font-family: 'OutfitRegular'; margin: 10px 0 0;}

.counter-sec{position: relative; margin: 0; padding: 0; z-index:3;}  
  .counter-sec.counter-about .row-bg{margin:0;}
  .counter-sec .icon-one{position: absolute; left: 10px; bottom: -90px; width: 120px; height: 120px; background-repeat: no-repeat;}
  .counter-sec .icon-two{position: absolute; left: 38%; top: -70px; width: 99px; height: 119px; background-repeat: no-repeat;}
  .counter-sec .icon-three{position: absolute; right: -15px; bottom: -110px; width: 170px; height: 170px; background-repeat: no-repeat;}
  .counter-sec .row-bg{background: #0e59f2; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: -100px 0; padding: 52px 30px 30px; text-align:center; position:relative;}
  .counter-sec .icon-one{position: absolute; left: 30px; bottom: 30px; width: 120px; height: 120px; background-repeat: no-repeat;}
  .counter-sec .icon-two{position: absolute; left: 38%; top: 30px; width: 99px; height: 119px; background-repeat: no-repeat;}
  .counter-sec .icon-three{position: absolute; right: 20px; bottom: 20px; width: 170px; height: 170px; background-repeat: no-repeat;}
  .counter-sec .row-btm{margin:100px -15px 0; position:relative;}
  .counter-sec .top{opacity: 0.1;}
  .counter-sec h2{font-size: 36px; color: #fff; line-height: 1.3em; position: relative; margin: 0 0 15px; text-transform:capitalize;}
  .counter-sec h2 span{color: #fff; font-weight: 600; font-size: 18px; margin:0 0 10px; display:block; text-transform:uppercase; line-height:normal;}
  .counter-sec p{color: #fff; text-align:center; font-weight: 600; font-size: 16px; margin:0 0 10px;}
  .counter-sec .counter-Txt{position: relative;}
  .counter-sec .counter-Txt p{}
  .counter-sec .counter-box{position: relative; margin: 10px 0 20px;}
  .counter-sec span{color:#568eff; font-family: 'OutfitSemiBold'; font-size: 70px; line-height: normal; font-weight: 900; margin:0; display: inline-block;vertical-align: middle;}
  .counter-sec span:last-child{font-size: 14px;color: #fff;padding: 0 0 0 5px;}
  .counter-sec h4{color: #fff; text-transform: capitalize; position: relative; text-align: center; right: 0; left: 0; top: 0; bottom: 0; display: flex; width: 100%; align-items: center; justify-content: center; font-size: 20px; margin: 0;}
  .counter-sec figure{width: 50px; height: 50px; min-width: 50px; line-height: 50px; padding: 8px; border-radius: 3px;  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); text-align: center; background: #3c64ff; float:left; margin:0 15px 0 0;}
  
.move_anim img{-webkit-animation:movebounce 3.0s linear infinite; animation:movebounce 3.0s linear infinite}
@keyframes movebounce {
 0% {
  transform:translateY(0)
 }
 50% {
  transform:translateY(20px)
 }
 100% {
  transform:translateY(0)
 }
}

.image-circle{animation: spin 12s infinite linear; -webkit-animation: spin 12s infinite linear; -moz-animation: spin 12s infinite linear;}

@-webkit-keyframes spin {
    0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}   
}

.case-studies{position:relative; padding: 0; z-index:1;}
  .case-studies .info{background: #0e59f2; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; overflow: hidden; position:relative; padding: 250px 70px; color: #fff; margin: 0 -150px 0 0;}
  .case-studies .info:after{content:''; background-image:url("images/img-03.webp"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; height: 100%; left: 0; opacity: 0.2; position:absolute; top:0; width: 100%;}
  .case-studies .info > *{position: relative; z-index: 3;}
  .case-studies .btn{background: none; color: #fff; border-color: #fff;}
  .case-studies .btn:hover{color: #fff; border-color: #051634;}
  .case-studies .btn:after{background: #051634;}
  .case-studies h2{color:#fff; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 30px;}
  .case-studies h2 span{color: #fff; margin: 0 0 15px; padding: 0 0 0 25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: block; font-size: 16px; font-family: 'OutfitRegular'; position: relative;}
  .case-studies h2 span:before{content: ""; height: 8px; width: 8px; background: #fff; top: 1px; position: absolute; bottom: 0; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.2);}
  .case-studies h3{color: #051634;}
  .case-studies ul{margin: 0; padding: 0 0 5px;}
  .case-studies ul li{list-style: none; margin: 0 0 10px; padding: 0 0 0 25px; position: relative;}
  .case-studies ul li::before{content: "\f192"; font-family: FontAwesome; position: absolute; left: 0; top: 6px; font-size: 10px;} 
  .case-studies .btn-a{text-transform: capitalize; font-family: 'OutfitMedium'; text-transform: capitalize; display: inline-block; color:#000; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; background-size: 0px 1px; transition: all 500ms ease;}
  .case-studies .btn-a:hover{color: #0e59f2; background-size: 100% 1px;}
  .case-studies .btn-a i{padding: 0 0 0 3px; display: inline-block; vertical-align: middle;}
  .case-studies .row{margin: 0;}
  .case-studies .grid-left{padding: 0;}
  .case-studies .grid-right{padding: 0;}
  .case-studies .owl-carousel{margin: 0 1px 0 0; background: #fff; padding: 40px 40px 85px; box-shadow: 0 1px 4px rgba(3,4,27,.04); border:1px solid rgb(215, 215, 215); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
  .case-studies .item figure img{margin: 0; max-width: 130px; margin: 0;}
  .case-studies .owl-dots{display: none; text-align: center; margin: 40px 0 0;}
  .case-studies .owl-theme .owl-dots .owl-dot span{width: 12px; height: 12px; border-radius: 3px;}
  .case-studies .owl-theme .owl-dots .owl-dot.active span, .case-studies .owl-theme .owl-dots .owl-dot:hover span{background: #14133b;}
  .case-studies .owl-theme .owl-nav .owl-page span{background:#d7d7d7; opacity:1;}
  .case-studies .owl-theme .owl-nav .owl-page.active span, .owl-theme .owl-nav.clickable .owl-page:hover span{background: #fe5321;}
  .case-studies .owl-theme .owl-nav button{display: block; background: #e6eefe !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; color: #000; position: absolute; left: 40px; bottom: 30px; margin: 0; height: 45px; width: 45px; opacity: 1; text-indent: -99999px; border: 0;}
  .case-studies .owl-theme .owl-nav button:hover{background: none !important;}
  .case-studies .owl-theme .owl-nav button.owl-next{left: 90px;}
  .case-studies .owl-theme .owl-nav button.owl-prev:before{background-image: url(images/arrow-left.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}  
  .case-studies .owl-theme .owl-nav button.owl-next:before{background-image: url(images/arrow-right.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}

.best-company{position:relative; padding: 90px 0 0 0; z-index:1;}
  .best-company h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 30px;}
  .best-company h2 span{color: #051634; margin: 0 0 15px; padding: 0 0 0 25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: block; font-size: 16px; font-family: 'OutfitRegular'; position: relative;}
  .best-company h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 1px; position: absolute; bottom: 0; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.2);}
  .best-company h4{font-size: 18px;}
  .best-company .left{}
  .best-company .right figure{position: relative; margin: 0 50px 0 0;}
  .best-company .right figure img{box-shadow: 0px 9px 75px rgba(8, 20, 44, 0.09); padding: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; width: 100%;}

.our-partners{position:relative; z-index:1; text-align:center; margin-bottom:80px;}
  .our-partners .row-main{position: relative; margin: 0 auto 20px; background-image: url(images/bg-02.jpg); background-repeat: no-repeat; background-position: left top; background-size: cover; background-attachment: scroll; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; padding: 70px 60px;}
  .our-partners h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 20px;}
  .our-partners h2 span{color: #051634; margin: 0 0 15px; padding: 0 25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: inline-block; font-size: 16px; font-family: 'OutfitRegular'; position: relative;}
  .our-partners h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 1px; position: absolute; bottom: 0; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);}
  .our-partners h2 span:after{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 1px; position: absolute; bottom: 0; margin: auto; right: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);}
  .our-partners .row-op{border: 1px solid #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 0; padding: 0;}
  .our-partners .full{padding: 0 15% 30px;}
  .our-partners .op-coll{padding: 0;}
  .our-partners .image-switcher{display: flex; align-items: center; justify-content: center; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 15px; transition: .4s;height: 145px;}
  .our-partners .image-switcher:hover{background: #fff; box-shadow: 0px 14px 43px rgba(147, 151, 160, 0.15);}
  .our-partners .image-switcher:hover img{-webkit-filter: contrast(30%);}
  .our-partners .image-switcher figure{margin: 0;}
  .our-partners .row-op > div:nth-child(4) .image-switcher, .our-partners .row-op > div:nth-child(8) .image-switcher{border-right: 0;}
  .our-partners .row-op > div:nth-child(5) .image-switcher, .our-partners .row-op > div:nth-child(6) .image-switcher, .our-partners .row-op > div:nth-child(7) .image-switcher, .our-partners .row-op > div:nth-child(8) .image-switcher{border-bottom: 0;}
  
.client-speak{background-image: url(images/client-speak-bg1.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; position:relative; margin: 0; padding:150px 0 60px 0; z-index:1; text-align:center;}
  .client-speak h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 30px;}
  .client-speak h2 span{color: #051634; margin: 0 0 15px; padding: 0 25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: inline-block; font-size: 16px; font-family: 'OutfitRegular'; position: relative;}
  .client-speak h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 1px; position: absolute; bottom: 0; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);}
  .client-speak h2 span:after{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 1px; position: absolute; bottom: 0; margin: auto; right: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);}
  .client-speak .grid-client{padding:0 25%; font-size:18px;}
  .client-speak .item{margin:0;}
  .client-speak .item .item-bg{}
  .client-speak .item .item-bg::after{content: "\f10e"; font-family: FontAwesome; position: absolute; right: 30px; bottom: -10px; font-size: 100px; opacity: 0;}
  .client-speak .item h4{font-size: 18px; margin: 0; color:#14133b; font-family: 'Poppins', sans-serif; font-weight:600; text-transform:uppercase;}
  .client-speak .item h4 span{font-size:14px; margin:0 0 10px; display:block; color:#000; opacity:0.7; font-weight:400;}
  .client-speak p{font-size: 16px; font-weight: 500;} 
  .client-speak .star{font-size: 20px; color:#fec20b; letter-spacing:8px; margin:0 0 30px;}
  .client-speak .item .other-name{display:flex; align-items: center;}
  .client-speak .item figure{position: relative; display: inline-block; margin: 0 20px 0 0;}
  .client-speak .item figure img{width: 100px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
  .client-speak .owl-dots{display: none; text-align: center; margin: 40px 0 0;}
  .client-speak .owl-theme .owl-dots .owl-dot span{width: 12px; height: 12px; border-radius: 3px;}
  .client-speak .owl-theme .owl-dots .owl-dot.active span, .client-speak .owl-theme .owl-dots .owl-dot:hover span{background: #14133b;}
  .client-speak .owl-theme .owl-nav .owl-page span{background:#d7d7d7; opacity:1;}
  .client-speak .owl-theme .owl-nav .owl-page.active span, .owl-theme .owl-nav.clickable .owl-page:hover span{background: #0e59f2;}
  .client-speak .owl-theme .owl-nav button{display: block; background: none; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; color: #000; position: absolute; left: -100px; top: 10px; margin: 0; height: 55px; width: 55px; opacity: 1; text-indent: -99999px; border: 0;}
  .client-speak .owl-theme .owl-nav button:hover{background: #0e59f2 !important;}
  .client-speak .owl-theme .owl-nav button.owl-next{right:-100px; left:inherit;}
  .client-speak .owl-theme .owl-nav button.owl-prev:hover:before{background-image: url(images/arrow-left-white.png);}  
  .client-speak .owl-theme .owl-nav button.owl-prev:before{background-image: url(images/arrow-left.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}  
  .client-speak .owl-theme .owl-nav button.owl-next:before{background-image: url(images/arrow-right.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;} 
  .client-speak .owl-theme .owl-nav button.owl-next:hover:before{background-image: url(images/arrow-right-white.png);} 


.our-faq{position:relative; margin: 0; padding:60px 0 60px 0; z-index:1;}
.our-faq h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 20px;text-align:center;}
.our-faq h2 span{color: #051634; margin: 0 0 15px; padding: 0 25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: inline-block; font-size: 16px; font-family: 'OutfitRegular'; position: relative;}
.our-faq h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 1px; position: absolute; bottom: 0; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);}
.our-faq h2 span:after{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 1px; position: absolute; bottom: 0; margin: auto; right: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);}
.our-faq .row-op{border: 1px solid #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 0; padding: 0;}
.our-faq .accordion-item h2{margin-bottom:0px;}


.blog-sec{padding:70px 0 50px; position:relative; z-index:2;}   
  .blog-sec h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 30px;}
  .blog-sec h2 span{color: #051634; margin: 0 0 15px; padding: 0 0 0 25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: block; font-size: 16px; font-family: 'OutfitRegular'; position: relative;}
  .blog-sec h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 7px; position: absolute; bottom: inherit; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.2);}
  .blog-sec .blog-info{position: relative; height: 100%; box-shadow: 0px 2px 60px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
  .blog-sec .blog-info figure{border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; overflow: hidden; position:relative; margin:0;}
  .blog-sec .blog-info figure::after{content: ""; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
  .blog-sec .blog-info:hover figure img{background-color: rgba(255,204,51,0.7); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3);}
  .blog-sec .blog-info figure img{-webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; -ms-transition: all 1.3s ease-in-out; width: 100%; height: 270px; object-fit: cover; object-position: center center;}
  .blog-sec .blog-info .info{position: relative; color: #0e59f2; border-bottom: 1px dashed #ccc; padding: 0 0 15px; margin: 0 0 15px; font-size: 18px;}
  .blog-sec .blog-info .info i{margin: 0 5px 0 0;}
  .blog-sec .blog-info h4{color:#000; font-size: 18px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
  .blog-sec .blog-info p{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0 0 10px 0; position: relative; z-index: 2;}
  .blog-sec .blog-info .info-padd{padding: 30px 30px 15px; position: relative;}
  .blog-sec .blog-info .btn-a{text-transform: capitalize; font-family: 'OutfitMedium'; text-transform: capitalize; display: inline-block; color:#000; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; background-size: 0px 1px; transition: all 500ms ease;}
  .blog-sec .blog-info .btn-a:hover{color: #0e59f2; background-size: 100% 1px;}
  .blog-sec .blog-info .btn-a i{padding: 0 0 0 3px;  display: inline-block; vertical-align: middle;}

.back-to-top{position: fixed; z-index: 20; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; bottom: -10%; right: 20px; border: none;} 
  .back-to-top.scroll{bottom: 20px;} 
  .back-to-top a{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-top: 8px; color: #fff !important; font-size: 22px; background: #0e59f2; display: block; height: 40px; width: 40px; margin: 0 auto; text-align: center; border: 0; -webkit-transition: all .3s linear; transition: all .3s linear;}    
  .back-to-top a::after{position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);}
 
.footer{background-image:url("images/footer-bg.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; padding: 80px 0 0; position:relative; color:#8A99B4;}
  .footer:after{content:'';  height: 100%; left: 0; opacity: 0.07; position:absolute; top:0; width: 100%;}
  .footer .container{position: relative; z-index:1;}  
  .footer a{color:#8A99B4;}
  .footer a:hover{color:#0e59f2;}
  .footer{text-align:inherit;}
  .footer .footer-top{text-align:center;}
  .footer .footer-top .wg-1{text-align: center; border-bottom: 1px solid #ccc; margin: 0 0 50px; padding: 0 0 10px; display: flex; align-items: center; justify-content: space-between;}
  .wg-1{margin:0 0 30px;}
  .wg-1 h4{color:#fff; margin:0 0 15px; padding:0 0 15px; position:relative; text-transform:capitalize;}
  .wg-1 ul{margin:0; padding:0;}
  .wg-1 ul li{list-style:none; position:relative; padding: 0 0 10px 20px;}
  .wg-1 ul li:before{content: "+"; font-weight:bold; font-family: FontAwesome; position:absolute; left:0; top: 5px; color: #0e59f2; font-size: 11px;}
  .ft-logo{margin:0 0 20px;}
  .ft-logo img{max-width: 300px;}
  
  .footer-address{margin: 35px 0 0; border-top: 1px solid #152B54;}
  .footer-address .detail-col:nth-child(4) .detail-box{border-right:0;}
  .footer-address .detail-col{padding: 0;}
  .footer-address .detail-box{height: 100%; padding: 45px 30px; border-right: 1px solid #152B54; display: flex; align-items: center;}
  .footer-address .detail-col .detail-i{margin: 0 20px 0 0; height: 85px; width: 85px; min-width: 85px; background: #152B54; font-size: 30px; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #fff;}
  .footer-address .detail-col .detail-text{overflow: hidden;}
  .footer-address .detail-col h2{font-size: 14px; margin:0; color:#8A99B4; line-height: 23px; font-weight: 300;}
  .footer-address .detail-col p{margin:0;}
  .footer-address .detail-box i{font-size: 24px; color: #fff;}
  .wg-1 address{margin: 0 0 20px; overflow: hidden; position: relative;}  
  .wg-1 address i{color:#d71f27; font-size:18px; float: left; height:30px; line-height:30px; margin:0 10px 0 0; text-align:center; width:30px;}
  .wg-1 address div{margin:5px 0 0; overflow:hidden;}
  
  .newsletter form{margin:0;}
  .newsletter form .form-control{background:#fff; box-shadow:none; border:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #999; height:48px;}
  .newsletter form .form-control::-webkit-input-placeholder {opacity:#999;}
  .newsletter form .form-control::-moz-placeholder {color: #999;}
  .newsletter form .form-control:-ms-input-placeholder {color: #999;}
  .newsletter form .form-control:-moz-placeholder {color: #999;}
  .newsletter form .form-group{margin:0 0 15px;}
  
  .icon-ft{}
  .icon-ft a{color: #fff; display: inline-block; margin: 0 0 15px;}
  .icon-ft i{text-align: center; margin: 0 0 0 3px; background: #0e59f2; height: 40px; width: 40px; line-height: 40px; border-radius: 4px; font-size: 20px;}
  .icon-ft i:hover{background: none; color: #0e59f2; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}
  
  .ft-bottom{background: #152B54; margin: 0; color:#fff; padding: 25px 0 10px; position:relative; z-index:2;}
  .ft-bottom .row{align-items: center;}  
  .ft-bottom .copyright{text-align:center;}
  .ft-bottom a:hover{color:#fff; text-decoration:underline;}
  .wg-1 ul{margin:0; padding:0;} 
  
.banner-inner{padding: 102px 0 0; text-align: center; background: #ebf2ff; overflow: hidden; position:relative; z-index:1;}
  .banner-inner::after{content: ""; position: absolute; height: 100%; width: 100%; top: 0; right: 0; background-image: url(images/banner-inner.png); background-repeat: no-repeat; background-position: left center; background-attachment: scroll; background-size: contain; opacity: 0.5;}
  .banner-inner .textblock{height: 220px; position: relative; z-index: 2; text-transform: capitalize; display: flex; padding: 0; align-items: end; margin: 0;}
  .banner-inner .block{bottom: 90px; left: 0; position: absolute; width: 100%; z-index: 1;}
  .banner-inner .page-title .holder{overflow: hidden; position: relative; padding: 0;}
  .banner-inner h1{color: #000; margin: 0 0 10px; font-size: 50px;}
  .banner-inner .breadcrumb-wrap{}
  .banner-inner .breadcrumb{position: relative; z-index: 5; margin: 0; padding: 0 0 15px; background: none; border-radius: 0; color: #000; justify-content: center;}
  .banner-inner .breadcrumb > li {font-size:15px; margin: 0 0 10px;}
  .banner-inner .breadcrumb > li + li:before {content: "+"; margin: 0 9px; color: #000; font-size: 15px;}
  .banner-inner .breadcrumb > li .fa-home{margin: 0 10px 0 0; color: #0e59f2;}
  .banner-inner .breadcrumb li a{color: #000; padding: 10px 0; display: inline-block;}
  .banner-inner .breadcrumb li a:hover{color: #0e59f2;}   

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

.mid-inner ul{margin: 0; padding: 0 0 5px;}
  .mid-inner ul li{list-style: none; margin: 0 0 10px; padding: 0; position: relative;}
  .mid-inner ul li::before{content: "\f101"; font-family: FontAwesome; display: inline-block; margin: 0 10px 0 0;} 
  .mid-inner ol{margin: 0; padding: 0 0 5px; counter-reset: section;}
  .mid-inner ol li{margin: 0; padding: 0 0 15px; list-style: none;}
  .mid-inner ol li::before{content: counters(section, ".") " - "; counter-increment: section;}

.img-hover{overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
  .img-hover:hover img{-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3);}
  .img-hover img{-webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; -ms-transition: all 1.3s ease-in-out; cursor: pointer; width: 100%; height: auto; object-fit: cover; object-position: center center;}

.h-500{height:500px !important;}
.h-550{height:550px !important;}
.h-600{height:600px !important;}
.h-650{height:650px !important;}

.expertise-section{padding: 80px 0 60px;} 
  .expertise-section .expertise-col{margin: 0 0 30px;}
  .expertise-section h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 30px;}
  .expertise-section h2 span{color: #051634; padding: 0 0 0 25px; font-family: 'OutfitLight'; position: relative;}
  .expertise-section h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 23px; position: absolute; bottom: inherit; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.2);}  
  .expertise-section .expertise-info{-webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; overflow:hidden; position:relative; background:none !important; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}  
  .expertise-section .expertise-info::before{content: ""; background-image: url(images/expertise-01.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all 1.25s ease-out;}
  .expertise-section .expertise-info.ei-bg2::before{background-image: url(images/expertise-02.jpg);}
  .expertise-section .expertise-info.ei-bg3::before{background-image: url(images/expertise-03.jpg);}
  .expertise-section .expertise-info.ei-bg4::before{background-image: url(images/expertise-04.jpg);}
  .expertise-section .expertise-info.ei-bg5::before{background-image: url(images/expertise-05.jpg);}
  .expertise-section .expertise-info.ei-bg6::before{background-image: url(images/expertise-06.jpg);}
  .expertise-section .expertise-info:hover::before{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.5);} 
  .expertise-section .expertise-info h3{color: #ffffff; font-size:28px; line-height:33px;}
  .expertise-section .expertise-info .text .btn-a{text-transform: capitalize; font-family: 'OutfitMedium'; text-transform: capitalize; display: inline-block; color:#fff; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; background-size: 0px 1px; transition: all 500ms ease;}
  .expertise-section .expertise-info .text .btn-a:hover{color: #0e59f2; background-size: 100% 1px;}
  .expertise-section .expertise-info .text .btn-a i{padding: 0 0 0 3px; display: inline-block; vertical-align: middle;}
  .expertise-section .top-area{display: flex; justify-content: space-between; margin:0 0 185px}
  .expertise-section .bottom-area{font-size: 14px; padding:0 15px;}
  .expertise-section.services-expertise .expertise-info{background:#222733 !important; padding: 1.8rem 1rem 1.5rem !important;}
  .expertise-section.services-expertise .expertise-info::before{display:none;}
  .expertise-section.services-expertise .expertise-info h2{color: #717A8F; font-size: 60px; line-height: 60px; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #717A8F; margin:0 0 20px; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; text-transform: capitalize;}
  .expertise-section.services-expertise .expertise-info h3{font-size: 22px; margin:0 0 15px;}
  
.family-text{background-image: url(images/gradient-bg-01.png); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; padding: 80px 0 60px; position: relative;}
  .family-text h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 15px;}
  .family-text h2 span{color: #051634; padding: 0 0 0 25px; font-family: 'OutfitLight'; position: relative;}
  .family-text h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 23px; position: absolute; bottom: inherit; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.2);}  
  .family-text .family-col{margin: 0 0 30px;}
  .family-text .family-info{-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background:#fff; box-shadow: 0px 4px 20px 0px #0B1A321A; height: 100%;}
  .family-text .family-info h4{color: #000; font-size:18px; line-height:20px;}

.our-impact{padding: 80px 0 60px; position: relative;}
  .our-impact h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 50px 0 15px;}
  .our-impact h2 span{color: #051634; padding: 0 0 0 25px; font-family: 'OutfitLight'; position: relative;}
  .our-impact h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 23px; position: absolute; bottom: inherit; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.2);}  
  .our-impact .impact-col{margin: 0 0 30px;}
  .our-impact .impact-info figure{box-shadow: 0px 4px 14px 0px #0000001A; border: 1px solid #EFEFEF;padding: 25px 20px; border-radius: 10px; text-align: center; margin:0;}
  .our-impact .impact-info figure img{width: 200px; height: 75px; object-fit: contain; object-position: center center;}

.want-to-talk{position:relative; padding: 90px 0 0;}
  .want-to-talk::after{content: ""; background-image: url(images/bg-03.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
  .want-to-talk h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 15px;}
  .want-to-talk h2 span{color: #051634; padding: 0 0 0 25px; font-family: 'OutfitLight'; position: relative;}
  .want-to-talk h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 23px; position: absolute; bottom: inherit; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.2);}  
  .want-to-talk .outer-cont{border: 1px solid #E0E0E0; margin: 0 0 -150px; background: #fff; border-radius: 20px; padding: 47px 40px 25px; position: relative; z-index: 1;}
  .want-to-talk .info{padding:0 40px 0 0;}
  .want-to-talk .info figure{width: 150px; height: 150px; border-radius: 100%; background: #BDBDBD; display: block; float:left; margin:0 30px 20px 0;}
  .want-to-talk .info figure img{border-radius: 100%;}
  .want-to-talk .info .text{overflow:hidden;}
  .want-to-talk form{--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin:0 -15px;}
  .want-to-talk form > *{flex-shrink: 0; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y);}
  .want-to-talk form select{background-image: url(images/arrow-bottom.png); background-repeat: no-repeat;  background-attachment: scroll; background-position: 96% center; background-size: 14px;}
  .want-to-talk form select option{font-family: arial;}
  .want-to-talk form .form-control{padding: 6px 0; height: 60px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: none !important; margin-bottom: 0; color:#000; border:0; border-bottom: 1px solid #333; background-color: #fff; font-size: 16px; line-height: normal; letter-spacing: 0em; text-align: left;}
  .want-to-talk form .form-control::-webkit-input-placeholder {color: #919191;}
  .want-to-talk form .form-control::-moz-placeholder {color: #919191;}
  .want-to-talk form .form-control:-ms-input-placeholder {color: #919191;}
  .want-to-talk form .form-control:-moz-placeholder {color: #919191;}
  .want-to-talk form textarea{height:110px !important; background-color:#fbfafa !important; padding:20px 13px 20px 13px !important}
  .want-to-talk form .form-group{margin:0 0 25px;}
  .want-to-talk form .terms-conditions a{display:block; color:#666666; font-weight: 500; text-decoration:underline;}
  .want-to-talk form .terms-conditions a:hover{text-decoration:none;}

.services-page{position:relative; padding: 60px 0; color:#4A4A4A;}
  .services-page h2{color:#0e59f2; font-size:84px; line-height: 100px; font-family: 'OutfitExtraBold';}
  .services-page h3{color:#051634; font-size:30px; line-height: 40px; margin:0 0 20px;}
  .services-page .service-left{padding:0 70px 0 15px;}
  .services-page .service-right{padding:0 15px 0 70px;}
  .services-page .info-area > p{margin: 0 0 25px;}
  .services-page .nav-tabs{border-top:1px solid #EDEDED; border-bottom:1px solid #EDEDED;}
  .services-page .nav-tabs .nav-item{margin: 0 20px 0 0;}
  .services-page .nav-tabs .nav-link{color: #666; font-weight:500; font-size:16px; position:relative; padding: 15px 10px; border: 0;}
  .services-page .nav-tabs .nav-link.active{background: none; color:#000; font-weight:700;}
  .services-page .nav-tabs .nav-link.active:after{background: linear-gradient(115.84deg, #367AFF 3.07%, #7BFFF7 100%);}
  .services-page .nav-tabs .nav-link:after{content:""; width: 100%; height: 6px; position: absolute; left: 0; bottom: -3px;}
  
  .services-page .service-info{padding: 0; text-align: left;}
  .services-page .service-info li{display: inline-block; width: 75px; vertical-align:top; margin:0 0 0; text-align:center;}
  .services-page .service-info figure{border: 1px solid #C7C7C7; background: #f4f4f4; width: 54px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; padding: 10px 0 0; height: 54px; margin:0 auto 5px;}
  .services-page .service-info figure img{max-width: 34px;}
  .services-page .service-info h4{color:#4A4A4A; font-size:14px; letter-spacing: -0.5px;}
  .services-page .services-row:nth-child(2n){flex-direction: row-reverse;} 
  .services-page .services-row:nth-child(2n) .service-right{padding:0 70px 0 15px;}
  .services-page .services-row:nth-child(2n) .service-left{padding:0 15px 0 70px;}
 
.single-info{position:relative; padding: 80px 0 50px;}
  .single-info h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 15px;}
  .single-info h2 span{color: #051634; padding: 0 0 0 25px; font-family: 'OutfitLight'; position: relative;}
  .single-info h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 23px; position: absolute; bottom: inherit; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.2);} 
  .single-info ul{margin: 0; padding: 0 0 20px;}
  .single-info ul li{list-style: none; margin: 0 0 10px; padding: 0 0 0 25px; position: relative;}
  .single-info ul li::before{content: "\f192"; font-family: FontAwesome; position: absolute; left: 0; top: 1px; color: #000;} 

.single-info-grid{position: relative; padding: 85px 0 45px; background-image: url("images/gradient-bg-01.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; background-size: cover; color: #242424;}
  .single-info-grid h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 15px;}
  .single-info-grid h2 span{color: #051634; padding: 0 0 0 25px; font-family: 'OutfitLight'; position: relative;}
  .single-info-grid h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 1px; position: absolute; bottom: 0; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.2);} 
  .single-info-grid .full-col{padding: 0 10%;}
  .single-info-grid .btn{margin-top: 20px; background: none;}
  .single-info-grid figure img{width: 100%;}
  .single-info-grid.best-app-developers figure img{height: 700px; object-position: right center;}

.bg-none{background: none !important;}

.detail-text{}
  .detail-text h3{color:#051634; font-size: 26px; position: relative; text-transform:capitalize; margin: 0 0 15px;}
  .detail-text h4{color:#0e59f2;}
  .detail-text .info{border-bottom: 1px dashed #bebebe; margin: 0 0 30px; padding: 0 0 15px;}

.li-sec ul{margin: 0; padding: 0 0 5px;}
  .li-sec ul li{list-style: none; margin: 0 0 10px; padding: 0 0 0 25px; position: relative;}
  .li-sec ul li::before{content: "\f192"; font-family: FontAwesome; position: absolute; left: 0; top: 1px; color: #000;} 
  
.stiky-scroll{position: relative; padding: 80px 0 60px;} 
  .stiky-scroll h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 15px;}
  .stiky-scroll h2 span{color: #051634; padding: 0 0 0 25px; font-family: 'OutfitLight'; position: relative;}
  .stiky-scroll h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 23px; position: absolute; bottom: inherit; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.2);} 
  .stiky-scroll .info{top: 0; padding: 15% 0 15% 30px;}
  .rounded.box-1{color: #ffffff; background: rgb(54,122,255); background: -moz-linear-gradient(135deg, rgba(54,122,255,1) 0%, rgba(123,255,247,1) 100%); background: -webkit-linear-gradient(135deg, rgba(54,122,255,1) 0%, rgba(123,255,247,1) 100%); background: linear-gradient(135deg, rgba(54,122,255,1) 0%, rgba(123,255,247,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#367aff",endColorstr="#7bfff7",GradientType=1);} 
  .rounded.box-2{ color: #ffffff; background: rgb(173,173,173); background: -moz-linear-gradient(135deg, rgba(173,173,173,1) 0%, rgba(69,69,69,1) 100%); background: -webkit-linear-gradient(135deg, rgba(173,173,173,1) 0%, rgba(69,69,69,1) 100%); background: linear-gradient(135deg, rgba(173,173,173,1) 0%, rgba(69,69,69,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#adadad",endColorstr="#454545",GradientType=1);} 
  .rounded.box-3{ color: #ffffff; background: rgb(239,189,138); background: -moz-linear-gradient(135deg, rgba(239,189,138,1) 0%, rgba(209,58,189,1) 100%); background: -webkit-linear-gradient(135deg, rgba(239,189,138,1) 0%, rgba(209,58,189,1) 100%); background: linear-gradient(135deg, rgba(239,189,138,1) 0%, rgba(209,58,189,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efbd8a",endColorstr="#d13abd",GradientType=1);} 
  .rounded.box-4{ color: #ffffff; background: rgb(150,0,255); background: -moz-linear-gradient(135deg, rgba(150,0,255,1) 0%, rgba(175,186,248,1) 100%); background: -webkit-linear-gradient(135deg, rgba(150,0,255,1) 0%, rgba(175,186,248,1) 100%); background: linear-gradient(135deg, rgba(150,0,255,1) 0%, rgba(175,186,248,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9600ff",endColorstr="#afbaf8",GradientType=1);} 

.faq-wrap{position:relative; margin:0; padding:80px 0 60px; z-index:1;}
  .faq-wrap h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 15px;}
  .faq-wrap h2 span{color: #051634; padding: 0 0 0 25px; display: block; font-family: 'OutfitLight'; position: relative;}
  .faq-wrap h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 23px; position: absolute; bottom: inherit; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.2);} 
  .faq-wrap .accordion-item p{color: #636363;} 
  .faq-wrap .accordion-item p:last-child{margin-bottom: 0;} 
  .faq-wrap .accordion-item{margin: 0 0 15px; padding: 0 0 15px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border: 0; border-bottom: 1px solid #D9D9D9;}
  .faq-wrap .accordion-header{border: 0 !important;}
  .faq-wrap .accordion-item .accordion-button{background: none; padding: 0 0 5px; font-family: 'OutfitMedium'; text-transform: capitalize; font-size: 18px; color: #000; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; box-shadow: none;}
  .faq-wrap .accordion-item .accordion-button:focus{outline:none; box-shadow:none;}
  .faq-wrap .accordion-item .accordion-body{border: 0; padding: 5px 0 0;}

.portfolio-page{position:relative; padding: 80px 0 60px;}
  .portfolio-page h3{color:#051634; font-size: 24px;}
  .portfolio-page .portfolio-text{position:relative; margin: 0 0 30px; overflow: hidden; border-radius: 30px;}
  .portfolio-page .portfolio-info .portfolio-overlay{width: 100%; height: 0%; position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; transition: all 500ms ease;}
  .portfolio-page .portfolio-info:hover .portfolio-overlay{top: 0; height: 100%;}
  .portfolio-page .portfolio-info figure{background: #051634; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; position:relative; overflow: hidden; margin: 0;}
  .portfolio-page .portfolio-info figure img{-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; height: 450px; width: 100%; object-fit: cover; object-position: center center; -webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; -ms-transition: all 1.3s ease-in-out;}
  .portfolio-page .portfolio-info figure h4{position: absolute; left: 0; right: 0; bottom: 0; color: #fff; font-weight: ; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); padding: 50px 25px 25px; margin: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
  .portfolio-page .specialitie-content{color: #fff; margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.2); width: calc(100% - 50px); height: calc(100% - 50px); padding: 60px 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.8); transition: all .4s ease-in-out; z-index: 99; opacity: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-align: center;}
  .portfolio-page .portfolio-info:hover .specialitie-content { transform: translate(-50%, -50%) scale(1); opacity: 1; }
  .portfolio-page .portfolio-info:hover figure img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 0.5;}
  .portfolio-page .portfolio-info h4{margin:0 0 15px; color:#000; font-size:20px;}
  .portfolio-page .portfolio-info .btn{background: #0e59f2; border: 0; color: #fff;}
  .portfolio-page .portfolio-info .btn:hover{border-color: #051634; color: #0e59f2;}
  .portfolio-page .portfolio-info .btn::after{background: #cedefd;}

.portfolio-features{position:relative; padding: 80px 0 50px; background: #ebf2ff;}
  .portfolio-features h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 15px;}
  .portfolio-features h2 span{color: #051634; padding: 0 0 0 25px; font-family: 'OutfitLight'; position: relative;}
  .portfolio-features h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 23px; position: absolute; bottom: inherit; margin: auto; left: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.2);}
  .portfolio-features .features-col{position: relative;}
  .portfolio-features .info{padding: 30px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background-color: rgb(255, 255, 255); box-shadow: 0px 7px 27px 0px rgb(45 46 47 / 33%); margin: 0 10px;}
  .portfolio-features .info h4{font-size: 17px; font-family: 'OutfitMedium'; margin: 0;}
  .portfolio-features .btn{background: #ebf2ff;}

.contact-page{position:relative; padding: 80px 0 0;}
  .contact-page h2{color:#051634; font-size: 40px; position: relative; text-transform:capitalize; margin: 0 0 20px;}
  .contact-page h2 span{color: #051634; margin: 15px 0 0; padding: 0 25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: inline-block; font-size: 16px; font-family: 'OutfitRegular'; position: relative;}
  .contact-page h2 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 1px; position: absolute; bottom: 0; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);}
  .contact-page h2 span:after{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 1px; position: absolute; bottom: 0; margin: auto; right: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);}
  .contact-page h5{font-size: 16px; color:#000;}
  .contact-page .full-grid{padding: 0 15%;}
  .contact-page address{padding:50px 0 0;}
  .contact-page .contact-col{margin:0 0 30px;}
  .contact-page .contact-box{background: #fff; padding: 20px 20px 17px; position: relative; cursor: pointer; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; height: 100%; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);}
  .contact-page .contact-box .content{}
  .contact-page .contact-box .content span{font-family: 'OutfitSemiBold'; color: #0e59f2; display:block; font-size:18px; text-transform:uppercase;}
  .contact-page .contact-box .content a{color:#636363;}
  .contact-page .contact-box .content a:hover{color:#0e59f2;}
  .contact-page .contact-box .icon{margin:0 0 20px;} 
  .contact-page .contact-box .icon img{width: 50px;}
  .contact-page .contact-box .icon i{background: rgba(14, 89, 242, 0.2); width: 50px; height: 50px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; line-height: 50px; color: #0e59f2; font-size: 20px;}  
  .contact-page .contact-box .icon .fa.fa-envelope-o{font-size: 19px;}
  .contact-page .contact-box .content p{margin: 0;}
  .contact-page .contact-container{padding: 50px 0 0;}
  .contact-page .contact-container .row{margin: 0;}
  .contact-page .contact-left{background: #fff; padding: 60px 50px 45px; transition: 0.3s ease-in;}
  .contact-page .contact-padd{text-align: left; max-width: 100%; position: relative; float: right;padding:0px 80px;}
  .contact-page h3{color:#051634; font-size: 24px; position: relative; text-transform:capitalize; margin: 0 0 30px;}
  .contact-page h3 span{font-family: 'OutfitRegular'; padding: 0 0 0 25px; position: relative;}
  .contact-page h3 span:before{content: ""; height: 8px; width: 8px; background: #0e59f2; top: 1px; position: absolute; bottom: 0; margin: auto; left: 0; border-radius: 2px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.2);}
  .contact-page form{--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin: 0 -15px;} 
  .contact-page form > *{flex-shrink: 0; max-width: 100%; padding: 0 15px;}
  .contact-page form .form-control{background-color: #f2f7ff; border: 0;border: 1px solid #0e59f2; box-shadow: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; color: #000; height: 60px; padding:6px 15px}
  .contact-page form select{background-image: url(images/arrow-bottom.png); background-repeat: no-repeat;  background-attachment: scroll; background-position: 98% center; background-size: 14px;}
  .contact-page form select opion{font-family: arial;}
  .contact-page form .form-control::-webkit-input-placeholder {color: #000;}
  .contact-page form .form-control::-moz-placeholder {color: #000;}
  .contact-page form .form-control:-ms-input-placeholder {color: #000;}
  .contact-page form .form-control:-moz-placeholder {color: #000;}
  .contact-page form textarea{padding: 12px !important; height:160px !important;}
  .contact-page form .form-group{margin:0 0 25px;}
  .contact-page form .btn{background: #0e59f2; color: #fff;}
  .contact-page form .btn:hover{border-color: #051634;}
  .contact-page form .btn::after{background: #051634;}
  .contact-page form .btn .submit{background: none; color: #fff; border: 0;}
  .contact-page .map{margin: 0;}
  .contact-page.careers-page form .form-control{padding: 12px 20px;}
  .contact-page.careers-page .career-padd h4{font-size: 18px; color: #051634; text-transform: capitalize; margin: 30px 0 20px;}
  .contact-page.careers-page .contact-box{background: #051634; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08); padding: 60px 50px 45px; transition: 0.3s ease-in; text-align: left; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
  .contact-page.careers-page .contact-container{padding: 50px 0 0;}
  .contact-page.careers-page .contact-container .row{margin: 0;}
  .contact-page.careers-page .info{color: #fff; margin: 0 0 40px;}
  .contact-page.careers-page .info h5, .contact-page.careers-page .contact-box h4{color: #7586A4; font-size: 18px;}
  .contact-page.careers-page .info p{font-size: 20px; font-weight: 500;}
  .contact-page.careers-page .info a{color: #fff;}
  
.align-left{float: left; width: 50%; margin: 7px 20px 10px 0;} 
.align-right{float: right; width: 50%; margin: 7px 0 10px 20px;} 

.mid-inner{padding:90px 0 60px;}  
  .mid-inner ul{margin: 0; padding: 0 0 5px;}
  .mid-inner ul li{list-style: none; margin: 0 0 10px; padding: 0; position: relative;}
  .mid-inner ul li::before{content: "\f101"; font-family: FontAwesome; display: inline-block; margin: 0 10px 0 0;} 
  .mid-inner ol{margin: 0; padding: 0 0 5px; counter-reset: section;}
  .mid-inner ol li{margin: 0; padding: 0 0 15px; list-style: none;}
  .mid-inner ol li::before{content: counters(section, ".") " - "; counter-increment: section;}

  
    /** Smartphones **/
@media (min-width: 320px) and (max-width: 767px) {
	.contact-page .contact-padd{padding:0px;}
   .slide-text{padding: 10px 0 0;}
   .call-us{padding: 15px; margin: 0;}
   .header .phone-call{padding: 0 15px; margin: 0;}
   .banner{overflow: hidden;}
   .slide-text h1 span{font-size: 16px; padding: 10px 20px;}
   .slide-text .slider-btn .text{display: block; margin: 15px 0 0 10px;}
   .banner .right-grid{padding: 50px 15px 50px;}
   .logo-section .owl-theme .owl-nav button{top: 50%; left: 5px; height: 35px; width: 35px;}
   .logo-section .owl-theme .owl-nav button.owl-next{right: 5px;}
   .about-sec h2, .services-sec h2, .why-choose-us h2, .case-studies h2, .best-company h2, .client-speak h2, .our-partners h2, .blog-sec h2, .single-info-grid h2, .single-info h2, .expertise-section h2, .family-text h2, .want-to-talk h2, .our-impact h2, .contact-page h2, .portfolio-features h2, .stiky-scroll h2{font-size: 30px;}
   .about-sec h2 span, .services-sec h2 span, .why-choose-us h2 span, .case-studies h2 span, .best-company h2 span, .client-speak h2 span, .our-partners h2 span, .blog-sec h2 span{font-size: 14px;}
   .about-sec .about-left .about-padd{padding: 0;}
   .why-choose-us:after{width: 100%;}
   .why-choose-us .right figure{margin: 20px;}
   .why-choose-us .right figure::before{width: 100px; height: 100px; left: -25px; top: -25px;}
   .why-choose-us .right figure::after{width: 100px; height: 100px; right: -25px; bottom: -25px;}
   .why-choose-us .right figure img{height: 400px;}
   .case-studies .info{padding: 70px 40px 150px; margin: 0 0 -100px;}
   .case-studies .grid-right{padding: 0 15px;}
   .case-studies .owl-carousel{padding: 30px 30px 85px;}
   .best-company{overflow: hidden;}
   .best-company .right figure{margin: 0;}
   .best-company .right figure img{box-shadow: 0px 9px 25px rgba(8, 20, 44, 0.09);}
   .client-speak{padding: 80px 0 60px 0;}
   .client-speak .grid-client{padding: 0 25px;}
   .client-speak .owl-theme .owl-nav button{left: 0; top: -60px;}
   .client-speak .owl-theme .owl-nav button.owl-next{right: 0;}
   .our-partners .row-main{background-position: center center; padding: 60px 30px;}
   .our-partners .full{padding: 0 0 30px;}
   .our-partners .row-op{border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
   .our-partners .image-switcher{margin: 0 0 20px; border: 1px solid #fff !important; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
   .blog-sec{overflow: hidden;}
   .footer-address{border-top: 0; margin: 35px 0 35px;}
   .footer-address .detail-col{padding: 0 15px; margin: 0 0 30px;}
   .footer-address .detail-box{padding: 30px; border: 1px solid #152B54; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
   .ft-bottom{padding: 25px 0 35px;}
   
   .banner-inner{padding: 62px 0 0;}
   .banner-inner::after{background-size: cover;}
   .banner-inner h1{font-size: 40px;}
   .about-sec.about-inner .about-right img{width: 50%;}
   .about-sec.about-inner.our-vision-page .about-right img, .about-sec.about-inner.our-team-page .about-right img{width: 100%;}
   .services-page .service-left{padding: 0 15px 15px !important;}
   .services-page .service-right{padding: 0 15px !important;}
   .services-page .text-end{text-align: left !important;}
   .want-to-talk .outer-cont{padding: 47px 20px 25px;}
   .want-to-talk .info{padding: 0;}
   .want-to-talk .info figure{width: 120px; height: 120px; float: none; margin: 0 0 10px 0;}
   .want-to-talk form .form-group{width: 100%;}
   .stiky-scroll .left-info{margin: 0 !important;}
   .portfolio-features h2 span:before, .single-info h2 span::before, .stiky-scroll h2 span::before, .want-to-talk h2 span::before, .our-impact h2 span::before, .expertise-section h2 span::before{top: 18px;}
   .stiky-scroll .info{padding: 0 0 40px; margin: 0 !important;}
   .stiky-scroll .rounded{padding: 2rem 1.5rem 1rem !important;}
   .portfolio-page .portfolio-info figure img{height: 350px;}
   .portfolio-features .info{box-shadow: 0px 7px 17px 0px rgb(45 46 47 / 33%);}
   .portfolio-features .info{margin: 0;}

   .contact-page .full-grid{padding: 0 20px;}
   .contact-page .contact-left{padding: 60px 30px 45px;}
   .contact-page form .form-group{width: 100%;}
   .contact-page.careers-page .contact-box{padding: 50px 30px 35px;}   
       
}


/* Smartphones to Tablets */
@media (min-width: 575px) and (max-width: 767px) {   

   .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{width: 100% !important;}
   
}

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
	.contact-page .contact-padd{padding:0px;}     
   .container{width: auto; max-width:850px; padding:0 30px;}
   .call-us{padding: 15px; margin: 0;}
   .header .phone-call{padding: 0 15px; margin: 0;}
   .banner{overflow: hidden;}
   .banner .left-grid{width: 100%; text-align: center;}
   .banner .right-grid{width: 100%; text-align: center; padding: 50px 15px;}
   .logo-section .owl-theme .owl-nav button{top: 50%; left: 5px; height: 35px; width: 35px;}
   .logo-section .owl-theme .owl-nav button.owl-next{right: 5px;}
   .about-sec h2, .services-sec h2, .why-choose-us h2, .case-studies h2, .best-company h2, .client-speak h2, .our-partners h2, .blog-sec h2, .single-info-grid h2, .single-info h2, .expertise-section h2, .family-text h2, .want-to-talk h2, .our-impact h2, .contact-page h2, .portfolio-features h2, .stiky-scroll h2{font-size: 34px;}
   .about-sec h2 span, .services-sec h2 span, .why-choose-us h2 span, .case-studies h2 span, .best-company h2 span, .client-speak h2 span, .our-partners h2 span, .blog-sec h2 span{font-size: 16px;}
   .about-sec .about-left .about-padd{padding: 0;}
   .about-sec .about-left, .about-sec .about-right{width: 100%;}
   .services-sec .service-col{width: 50%;}
   .counter-sec .row-bg .cs-col{width: 50%;}
   .best-company{overflow: hidden;}
   .why-choose-us .left, .why-choose-us .right{width: 100%;}
   .why-choose-us .right figure{margin: 55px;}
   .why-choose-us .right figure img{height: 600px;}
   .case-studies .info{padding: 70px 40px 150px; margin: 0 0 -100px;}
   .case-studies .grid-left{width: 100%;}
   .case-studies .grid-right{padding: 0 30px; width: 100%;}
   .case-studies .owl-carousel{padding: 30px 30px 85px;}
   .best-company .left, .best-company .right{width: 100%;}
   .best-company .right figure img{box-shadow: 0px 9px 25px rgba(8, 20, 44, 0.09);}
   .client-speak{padding: 80px 0 60px 0; background-size: 147%;}
   .client-speak .grid-client{padding: 0 10%;}
   .client-speak .owl-theme .owl-nav button{left: 0; top: -60px;}
   .client-speak .owl-theme .owl-nav button.owl-next{right: 0;}
   .our-partners .row-main{padding: 70px 40px;}
   .our-partners .full{padding: 0 0 30px;}
   .blog-sec{overflow: hidden;}
   .footer .row > *{width: 50%;}
   .footer .ft-bottom .row > *{width: 100%;}
   .footer-address{border-top: 0; margin: 35px 0 35px;}
   .footer-address .detail-col{padding: 0 15px; margin: 0 0 30px;}
   .footer-address .detail-box{padding: 30px; border: 1px solid #152B54; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
   
   .banner-inner{padding: 62px 0 0;}
   .banner-inner::after{background-size: cover;}
   .banner-inner h1{font-size: 40px;}
   .about-sec.about-inner .about-full{width: 100%;}
   .expertise-section .expertise-col{width: 50%;}
   .our-impact .impact-col{width: 33.33333%;}
   .want-to-talk .left-area, .want-to-talk .right-area{width: 100%;}
   .want-to-talk .outer-cont{padding: 47px 20px 25px;}
   .want-to-talk .info{padding: 0;}
   .want-to-talk .info figure{width: 120px; height: 120px;}
   .want-to-talk form .form-group{width: 100%;}
   .single-info .left-area, .single-info .right-area, .single-info-grid .left-area, .single-info-grid .right-area{width: 100%;}
   .stiky-scroll .rounded{padding: 2rem 2rem 1rem !important;}
   .contact-page .career-left, .contact-page .career-right{width: 100%;}
   .contact-page .full-grid{padding: 0 20px;}
   .contact-page .contact-left{padding: 60px 30px 45px;}
   .contact-page form .form-group{width: 100%;}
   .contact-page .contact-col{width: 50%;}
   .portfolio-features .info{margin: 0;}
   
}

/* Desktop */
@media (min-width: 960px) and (max-width: 1090px) { 

   .container{width:auto; padding:0 30px; max-width:1030px} 
   .call-us{padding: 15px; margin: 0;}
   .header .phone-call{padding: 0 15px; margin: 0;}
   .banner{overflow: hidden;}
   .logo-section .owl-theme .owl-nav button{top: 50%; left: 5px; height: 35px; width: 35px;}
   .logo-section .owl-theme .owl-nav button.owl-next{right: 5px;}
   .about-sec h2, .services-sec h2, .why-choose-us h2, .case-studies h2, .best-company h2, .client-speak h2, .our-partners h2, .blog-sec h2, .single-info-grid h2, .single-info h2, .expertise-section h2, .family-text h2, .want-to-talk h2, .our-impact h2, .contact-page h2, .portfolio-features h2, .stiky-scroll h2{font-size: 34px;}
   .about-sec h2 span, .services-sec h2 span, .why-choose-us h2 span, .case-studies h2 span, .best-company h2 span, .client-speak h2 span, .our-partners h2 span, .blog-sec h2 span{font-size: 16px;}
   .about-sec .about-left .about-padd{padding: 0;}
   .services-sec .service-col{width: 50%;}
   .counter-sec .row-bg .cs-col{width: 50%;}
   .best-company{overflow: hidden;}
   .why-choose-us .left, .why-choose-us .right{width: 100%;}
   .why-choose-us .right figure{margin: 55px;}
   .why-choose-us .right figure img{height: 600px;}
   .case-studies .info{padding: 70px 40px 150px; margin: 0 0 -100px;}
   .case-studies .grid-left{width: 100%;}
   .case-studies .grid-right{padding: 0 30px; width: 100%;}
   .case-studies .owl-carousel{padding: 30px 30px 85px;}
   .best-company .right figure img{box-shadow: 0px 9px 25px rgba(8, 20, 44, 0.09);}
   .client-speak{padding: 80px 0 60px 0; background-size: 147%;}
   .client-speak .grid-client{padding: 0 10%;}
   .client-speak .owl-theme .owl-nav button{left: 0; top: -60px;}
   .client-speak .owl-theme .owl-nav button.owl-next{right: 0;}
   .our-partners .row-main{padding: 70px 40px;}
   .our-partners .full{padding: 0 0 30px;}
   .blog-sec{overflow: hidden;}
   .footer .row > *{width: 50%;}
   .footer .ft-bottom .row > *{width: 100%;}
   .footer-address{border-top: 0; margin: 35px 0 35px;}
   .footer-address .detail-col{padding: 0 15px; margin: 0 0 30px;}
   .footer-address .detail-box{padding: 30px; border: 1px solid #152B54; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
   .portfolio-features .info{margin: 0;}

}

/* Desktop */
@media (min-width: 1200px) and (max-width: 1370px) { 
    
   .container{max-width: 1250px;}
   .header nav .navbar .links li{padding: 0 30px 0 0; letter-spacing: -0.3px;}
   .header nav .navbar .links li .arrow{margin: 2px 0 0 3px;}
   .call-us{padding: 0 10px 0 0;}
   .contact-page .contact-padd{min-width: 545px;}

}

@media (min-width: 1400px) {
	
   .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1360px;}	

} .error-message {
  color: red;
  font-size: 0.9em;
  margin-top: 5px;
  padding-left: 18px;}

  .submit-message{
    color: green;
    font-size: 0.9em;
    margin-top: 5px;
  }




















.coming-soon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 150px 0 50px;
  background: #ffffff;
  color: #0056b3;
}

.coming-soon-content {
  text-align: center;
}

.coming-soon-title {
  font-size: 2.5rem;
  margin: 10px 0;
  letter-spacing: 1.5px;
  color: #0056b3;
}

.coming-soon-text {
  font-size: 1.2rem;
  color: #4a4a4a;
}

.coming-soon-icon {
  font-size: 3rem;
  margin-bottom: 20px;
  color: #0056b3;
  animation: pulse 1.5s infinite ease-in-out;
}


@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
}


.career-mail-sec a {text-transform: lowercase !important;}