@charset "UTF-8";

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

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/




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

/*body{color:#717171; font-size:14px; font-family: 'Roboto', sans-serif; font-weight:400;background-color:#fff;}*/
body{color: #212529; font-size:14px; font-family: 'Poppins', sans-serif; font-weight:400;background-color:#fff;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ce9300 !important;
}

.wpcf7 form .wpcf7-response-output {
    border-radius: 5px !important;
    padding: 13px 12px  !important;
}

.form-group {
    margin-bottom: 16px !important;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold.woff2') format('woff2'),
         url('fonts/OpenSans-Bold.woff') format('woff'),
         url('fonts/OpenSans-Bold.ttf') format('truetype'),
         url('fonts/OpenSans-Bold.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular_1.eot');
    src: url('fonts/OpenSans-Regular_1.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular_1.woff2') format('woff2'),
         url('fonts/OpenSans-Regular_1.woff') format('woff'),
         url('fonts/OpenSans-Regular_1.ttf') format('truetype'),
         url('fonts/OpenSans-Regular_1.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.about-sec img{
    border-radius:15px;
}
a{color:#054221;}
a:hover, a:focus{color:#CE9300 /*CE9300*/; text-decoration:none;}
img{max-width:100%; vertical-align:middle;}
/*p{line-height:23px; margin:0 0 15px; text-align:justify;}*/
p, li{font-weight: 400;font-size: 16px;line-height: 30px;}
.product-sec p, .tag-wrap p, .footer p{color:white;}
.info-content p{color:black;}

h1, h2, h3, h4, h5, h6{margin:0 0 10px; font-family: 'Poppins', sans-serif; font-weight:600;}
h2{color:#054221;}
h3{color:#CE9300;}
h4{color:#000;}

.mrg-0{margin:0 !important;}
.mrg-t10{margin-top:10px !important;}
.mrg-t20{margin-top:20px !important;}
.mrg-t30{margin-top:30px !important;}
.mrg-t40{margin-top:40px !important;}
.mrg-t50{margin-top:50px !important;}
.mrg-t60{margin-top:60px !important;}
.mrg-t70{margin-top:70px !important;}
.mrb-10{margin-bottom:10px !important;}
.mrb-20{margin-bottom:20px !important;}
.mrb-30{margin-bottom:30px !important;}
.mrb-40{margin-bottom:40px !important;}
.mrb-50{margin-bottom:50px !important;}
.mrb-60{margin-bottom:60px !important;}
.mrb-70{margin-bottom:70px !important;}

.pad-0{padding:0 !important;}
.pad-t10{padding-top:10px !important;}
.pad-t20{padding-top:20px !important;}
.pad-t30{padding-top:30px !important;}
.pad-t40{padding-top:40px !important;}
.pad-t50{padding-top:50px !important;}
.pad-t60{padding-top:60px !important;}
.pad-t70{padding-top:70px !important;}
.pad-b10{padding-bottom:10px !important;}
.pad-b20{padding-bottom:20px !important;}
.pad-b30{padding-bottom:30px !important;}
.pad-b40{padding-bottom:40px !important;}
.pad-b50{padding-bottom:50px !important;}
.pad-b60{padding-bottom:60px !important;}
.pad-b70{padding-bottom:70px !important;}
.pad-l10{padding-left:10px !important;}
.pad-l20{padding-left:20px !important;}
.pad-l30{padding-left:30px !important;}
.pad-l40{padding-left:40px !important;}
.pad-l50{padding-left:50px !important;}
.pad-r10{padding-left:10px !important;}
.pad-r20{padding-right:20px !important;}
.pad-r30{padding-right:30px !important;}
.pad-r40{padding-right:40px !important;}
.pad-r50{padding-right:50px !important;}

.container{position:relative; z-index:3; max-width:1440px; /*max-width:1200px;*/}

.btn{background:#054221; border:0; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; z-index: 1; display: inline-block; text-align: center; color: #fff; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight:600; padding: 11px 25px; border:0; overflow:hidden; text-shadow:none; box-shadow:none; text-transform: uppercase;}
.btn:hover{color: #fff;}
.btn:after{content: ''; position: absolute; height: 105%; right: -20px; top: 0; width: 30px; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #e5a433; z-index:-1; transform: skewX(-25deg);}
.btn:hover:after{width: 130%;}

.header{position:relative; width:100%; left:0; top:0; z-index:3; padding: 0;}
  .head-top{background:#054221; font-size: 14px; position:relative; overflow:hidden;}
  .head-right{text-align:right;}
  .head-top a:hover{text-decoration:underline;}
  .head-top ul{margin:0; padding:10px 0 6px;}
  .head-top ul li{display:inline-block; list-style:none; margin:0 10px 0 0;  position:relative;}
  .head-top ul li::before{position: absolute; content: ''; left: 0px; top: -15px; right: 0px; bottom: -15px; background-color: #054221; /*transform: skewX(35deg);*/}
  .head-top ul li:last-child::before{background: #CE9300 !important;}
  .head-top ul li i{margin:0 5px 0 0; position: relative; top: 0; font-weight: normal; display: inline-block; vertical-align: middle; font-size: 17px; position:relative; top:-1px;}
  .head-top ul li a{display: block; padding: 0 20px; 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: 40px; margin: 0 0 0 2px; height: 40px; text-align: center; width: 40px; background: none !important; position:relative; z-index:1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .icon-top .fa-facebook{background:#3a5896;}
  .icon-top .fa-twitter{background:#00aced;}
  .icon-top .fa-youtube{background:#b00;}
  .icon-top .fa-linkedin{background:#007ab5;}
  .icon-top .fa-google-plus{background: #dc4e41;}
  .icon-top .fa-instagram{background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}
  .icon-top i:hover{color:#fff; opacity:0.7; 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;} 
  
  .menu-head{margin:0; position:relative; font-family: 'Poppins', sans-serif; font-weight:500; font-size:16px; text-transform:uppercase; padding:0; z-index:2;}  
  .menu-head .navbar-brand{padding:10px 0; height:auto;}  
  .menu-head .navbar-brand img{max-width: 90px;}  
  .menu-head .navbar-brand .logo-fix{opacity: 0;position: absolute;left: 0;top: 0;}
  .menu-head .navbar-header{position: relative; z-index: 2;}
  .menu-head nav{box-shadow:none; border:none; padding:0; background:none !important; border-radius:0; margin:0; flex-wrap: nowrap; justify-content: flex-start; height: 100%;}
  .menu-head .container-fluid{display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between;}
  .menu-head .navbar-collapse{padding:0; text-align: right;}
  .menu-head .navbar-nav{float:none; margin:0; padding:0; }
  .menu-head .navbar-nav > li{display:inline-block; vertical-align:middle; float: none; margin: 0 0 0 26px; padding: 30px 0;}
  .menu-head .navbar-nav > li:first-child{padding-left:0;}
  .menu-head .navbar-nav > li:last-child a{background:#054221; border:0; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; z-index: 1; display: inline-block; text-align: center; color: #fff; padding: 11px 25px; border:0; overflow:hidden; text-shadow:none; box-shadow:none; text-transform: uppercase;}
  .menu-head .navbar-nav > li:last-child a:hover{color: #fff;}
  .menu-head .navbar-nav > li:last-child a:after{content: ''; position: absolute; height: 105%; right: -20px; top: 0; width: 30px; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #CE9300; z-index:-1; transform: skewX(-25deg);}
  .menu-head .navbar-nav > li:last-child a:hover:after{width: 120%;}
  .menu-head .navbar-nav > li:last-child a{background:#054221 !important;}
  .menu-head .navbar-nav > li:last-child a:before{display: none;}
  
  .menu-head .navbar-nav > li > a:before{position: absolute;content: " ";width: 3px; height: 3px; left: 50%; border-radius: 50px; bottom: 0; opacity: 0; transform: translateX(-50%); background: #CE9300; transition: 0.5s;}
  .menu-head .navbar-nav > li > a:focus:before, .menu-head .navbar-nav > li > a:hover:before, .menu-head .navbar-nav > .open > a:before, .menu-head .navbar-nav > .open > a:focus:before, .menu-head .navbar-nav > .open > a:hover:before, .menu-head .navbar-nav .current-menu-item a:before{position: absolute; content: " "; width: 100%; height:1px; left: 50%; transform: translate(-50%); bottom: 0px; opacity: 1; background: #CE9300;}
  .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{color: #CE9300;}  
  .menu-head .navbar-nav > li > a{color: #212121; text-shadow:none; padding:15px 0;}
  .menu-head .navbar-nav > li.dropdown-li > a::after{content: ""; display: inline-block; width: .5rem; height: .5rem; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(45deg) scale(.85); transform: rotate(45deg) scale(.85); margin-left: 15px; position: relative; bottom: .125rem;}
  .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{color: #CE9300; background:none; box-shadow:none;}  
  /*.menu-head li a:hover .sub-menu{display:block;}*/
  .menu-head ul, .menu-head ul li, .menu-head ul li a{position:relative;}
  .menu-head li:hover > ul {opacity: 1; visibility: visible; -moz-transform: scaleY(1); -webkit-transform: scaleY(1);-o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}
  .menu-head ul ul{position: absolute; left: 0; top: 100%; z-index: 2; padding:0; width: 306px; background: #fff; -webkit-box-shadow:  -0.0625rem 0 .625rem 0 rgba(0,0,0,.07),.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,.04); -moz-box-shadow: 0  -0.0625rem 0 .625rem 0 rgba(0,0,0,.07),.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,.04); -ms-box-shadow:  -0.0625rem 0 .625rem 0 rgba(0,0,0,.07),.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,.04); -o-box-shadow:  -0.0625rem 0 .625rem 0 rgba(0,0,0,.07),.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,.04); box-shadow: -0.0625rem 0 .625rem 0 rgba(0,0,0,.07),.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,.04); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0; visibility: hidden; -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 .2m jn5s ease-out; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0);-o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0;-ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;}
  .menu-head ul ul ul{margin-left: 100%; top: 0;}
  .menu-head ul li:last-child ul ul{margin-right: 100%; margin-left: inherit; left: inherit; right: 0;}
  .menu-head ul ul li a{text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
  /*.menu-head .sub-menu{background:#000; position:absolute; top:100%; left:0; min-width:270px; display:none; margin:0; padding:0;}*/
  .menu-head .sub-menu > li{list-style:none; border-bottom:1px solid #ccc;}
  .menu-head .sub-menu > li:last-child{border-bottom:0;}  
  .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{background: #CE9300 !important; color: #fff !important; transition: all .2s ease-out; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;}
  .menu-head .sub-menu > li > a{display:block; color: #212121 !important; padding:10px !important; text-align:left; position:relative; -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;}
  
  .call-btn{position: absolute; left: 15px; right: 15px; bottom: 15px;}
  
.banner{position: relative; padding:0;}
  /*.banner .item:before{content:''; background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=1 ); position: absolute; right: 0; top: 0; width: 70%; height: 100%;}*/
  .banner .item img{height: 700px; -o-object-fit: cover; object-fit: cover; width: 100%;  background-repeat: no-repeat; background-position: center center;  background-size: cover;}
  .bs-slider{overflow: hidden; position: relative;}
  .bs-slider:hover{cursor: -moz-grab; cursor: -webkit-grab;}
  .bs-slider:active{cursor: -moz-grabbing; cursor: -webkit-grabbing;}
  .bs-slider .bs-slider-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.45); display:none;}
  .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img{margin: auto; width: 100% !important;}
  /*************************Slide effect**********************/
  .fade{opacity: 1;}
  .fade .item{top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
  .fade .item:first-child{top: auto; position: relative;}
  .fade .item.active{opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
  /*---------- LEFT/RIGHT ROUND CONTROL ----------*/
  .control-round .carousel-control{top: 46% !important; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #fff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 43px; text-shadow: none; position: absolute; font-weight: normal; background: #CE9300; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; right: 15px;}
  .control-round:hover .carousel-control{opacity: 1;}
  .control-round .carousel-control.left, .control-round .carousel-control.right{/*left: inherit; right: 30px; opacity: 1; background: #008435; top: inherit; bottom: 20px;*/}
  .control-round .carousel-control.left{right: inherit; left: 15px;}
  .control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover{background:#054221; color:#fff; border: 0px transparent;}
  .control-round .carousel-control .fa{margin: 10px 0 0;}
  .control-round .carousel-control.left>span:nth-child(1){left: 45%;}
  .control-round .carousel-control.right>span:nth-child(1){right: 45%;}
  /*---------- INDICATORS CONTROL ----------*/
  .indicators-line > .carousel-indicators{right: 45%; bottom: 3%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto; text-align: right;overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap;}
  .indicators-line > .carousel-indicators li{padding: 0; width: 15px; height: 15px; border: 1px solid rgb(158, 158, 158); text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: rgb(158, 158, 158); -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%;border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); z-index: 10; cursor:pointer;}
  .indicators-line > .carousel-indicators li:last-child{margin-right: 0;}
  .indicators-line > .carousel-indicators .active{margin: 1px 5px 1px 1px; box-shadow: 0 0 0 2px #fff; background-color: transparent; position: relative;-webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease;-webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}
  .indicators-line > .carousel-indicators .active:before{transform: scale(0.5); background-color: #fff; content:""; position: absolute; left:-1px; top:-1px; width:15px; height: 15px; border-radius: 50%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}
  /*---------- SLIDE CAPTION ----------*/
  .slide_style_left{text-align: left !important;}
  .slide_style_right{text-align: right !important;}
  .slide_style_center{text-align: center !important;}
  .slide-text{position: absolute; left:13%;/*left: 0%; margin: 0 0 0 -585px;*/ right: 0; bottom: 0; z-index: 2; width:50%; height: 100%; top: 0; display: flex; text-align: left; align-items: center;}
  .slide-text .slide-table{/*clip-path: polygon(50% 0%, 100% 0, 100% 76%, 80% 100%, 0 100%, 0% 60%, 0 0); background: rgb(0 0 0 / 93%);*/ background: #4e4e4ecf; padding: 20px 30px 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
  .slide-text h1{font-size: 30px; font-weight:700; color: #fff; margin: 0 0 20px;position: relative;-webkit-animation-delay: 0.7s;animation-delay: 0.7s;}
  .slide-text h1 span{color:#CE9300;}
  .slide-text h1 small{display:block; color:#fff; font-size: 26px; font-weight:500; margin:15px 0 0;}
  .slide-text p{color:#fff; font-size:17px; line-height:25px; text-align:left; -webkit-animation-delay: 1.1s; animation-delay: 1.1s;} 
  .slide-text .btn{font-size:16px; margin:10px 0 0;}

.about-sec  {padding:65px 0 30px; position:relative; z-index:2;} 
.appointment-wrap {padding: 100px 0px; background: #ffffff;}

  .about-sec.about-page{padding:0 0 35px !important;}    
  .about-sec h2, .abr-digital h2{color:#000; font-size: 30px; line-height: 50px; position: relative; margin: 0 0 15px; font-weight: 700; text-transform:uppercase;}
  .about-sec h2 span{position:relative; display:block; font-size:16px; line-height: 10px; color:#CE9300; margin:0 0 10px; font-weight: 700;}
  .about-sec h2 span:after{content:''; background:#054221; height:2px; width:30px; margin:0 15px; display:inline-block; vertical-align:middle;}
  .about-sec .about-left ul{margin:0; padding:0 0 10px;}
  .about-sec .about-left ul li{color: #333333; list-style:none; background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0 0 7px 25px; margin: 0 0 7px; transition: 0.4s; position:relative;}
  .about-sec .about-left ul li:before{content: "\f0a4"; font-family: FontAwesome; position: absolute; top: 1px; left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: center; color: #054221; font-size: 14px; /*box-shadow: 0 0 20px #ccc;*/}
  .about-sec .about-left ul h4{margin:0;}
  .about-sec .about-left ul h4::after{width: 2px; height: 40px; bottom: inherit; top: 15px; left: -20px;}
  .about-sec .about-left p{/*line-height:30px;*/}
  .about-sec .about-left{margin:0 0 30px; position:relative; display: -ms-flexbox; /*display: flex;*/ -ms-flex-pack: center; justify-content: left; -ms-flex-align: center; align-items: center;}
  .about-sec .about-right{margin:0 0 30px; position:relative;}
  .about-sec .about-right figure{margin:0; padding:0; position:relative; text-align:left;}
  .about-sec .about-content-item{display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px 0;}
  .about-sec .about-content-item .about-content-thumb{width: 60px; font-size: 60px; color: #363636; line-height: 1;}
  .about-sec .about-content-item .about-content-thumb img{max-width: 50px;}
  .about-sec .about-content-item .about-content-texts{padding: 0 0 0 30px;}
  .about-sec .about-content-item h3{font-size:16px; color:#000;}
  .about-sec .about-call{display: flex; text-transform:uppercase;flex-wrap: wrap;}
  .about-sec .about-call p{padding:0 30px 0 0;}
  .about-sec .about-call p:last-child{padding-right:0;}
  .about-sec .about-call a{display:block;}
  .about-sec .about-call .fa{float: left; width: 44px; height: 44px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #CE9300; color: #fff; text-align: center; line-height: 44px; font-size: 22px; margin: 0 15px 0 0;}
  .about-sec .about-call span{color: #000; display: block; font-size: 16px; overflow:hidden;  font-weight: 700;}
  .about-sec .about-call small{color: #054221; display: block; font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: 700; letter-spacing: 1.5px;}
/*.ft-bottom p {text-align:center;}*/

.updown{-webkit-animation: updown 3s ease-in-out infinite alternate; animation: updown 3s ease-in-out infinite alternate; -webkit-animation-name: updown 3s ease-in-out infinite alternate}

@-webkit-keyframes updown{
    0%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
   
    100%{
       -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}

  .appointment-wrap .info{margin-left: 134px;}
  
  .head-left ul {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 0px;
    margin: 0;
    list-style: none;
}

.head-left ul li a {

    text-decoration: none;
    font-size: 14px;
}

.head-left ul li i {
    margin-right: 6px;
}

.abr-list  ul li::before {
	display:none !important;
}

.col-sm-12.abr-featured-img{
    display: none;
}

/* It Section */
  .services-section {
        max-width: 1200px;
        margin: auto;
    }
    
    .services-title {
       
        margin-bottom: 50px;
    }
    
    .services-title h2 {
        font-size: 36px;
        color: #222;
    }
    
    .services-title p {
        color: #ffffff;
        font-size: 16px;
    }
    
    .service-box {
        background: #ffffff;
        border-radius: 12px;
        padding: 30px;
        box-shadow: 0 10px 30px rgb(0 0 0 / 18%);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        margin-bottom: 40px;
        min-height: 280px !important;
    }
    
    .service-box:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0,0,0,0.12);
    }
    
    .service-icon {
        font-size: 40px;
        color: #4f46e5;
        margin-bottom: 20px;
    }
    
    .service-box h3 {
        font-size: 20px;
        color: #222;
        margin-bottom: 15px;
    }
    
    .service-box p {
        color: #555;
        font-size: 15px;
        line-height: 1.6;
    }
    
     .abr-digital .slick-prev{
        left: 4px;
        z-index: 1;
      }
    
     .abr-digital .slick-next{
        right: 20px;
    }
/* It Section */

    /* Old slider */
    #owl-demo .slick-list {
      margin: 0 -15px;   /* controls outer spacing */
    }
    
    #owl-demo .slide-item {
      padding: 0 15px;   /* controls gap between slides */
    }

    .slick-prev:before, .slick-next:before {
           
            font-size: 31px;
            color: #000000;
    }
        

        
    #owl-demo .slick-prev {
      left:  -20px;
      z-index:1;
    }
    
    #owl-demo .slick-next {
      right: -10px;
    }

  /* Old slider */
  
  
   .services-title h2 span::after {
        content: '';
        background: #054221;
        height: 2px;
        width: 30px;
        margin: 0 15px;
        display: inline-block;
        vertical-align: middle;
    }

     .service-icon i {
        color: #D5962A;
        font-size: 37px;

     }

    .services-title h2 span {
        position: relative;
        display: block;
        font-size: 20px;
        color: #CE9300;
        margin: 0 0 0px;
        font-weight: 600;
    }

    .services-title h2 {
        font-size: 36px;
        color: white;
    }
  
  .footer-logo {
        width: 33% !important;
    }


   @media (max-width: 992px) {
       
       
       .menu-head .navbar-nav > li {
           padding: 0px 0;
        }


       .slide-text {
            width: 70%;
            left: 14%;

       }
       
       .appointment-wrap .info {
            margin-left: 0px;
        }
    }
    
    
    
     @media (max-width: 767px) {
         
          .menu-head .navbar-nav{text-align:left; }
         
         
        /*.product-sec .row{*/
        /*    background: #323233;*/
        /*}*/
                 
         
         .services-slider {
            display: block !important;
          }
         
         
          #owl-demo .slick-prev {
            left: -8px;
            z-index:1;
          }
          #owl-demo .slick-next {
            right: 5px;
          }
          #owl-demo .slide-item {
            padding: 0 16px;
          }
         
         
        .about-right img.updown.wp-post-image {
            width: 55% !important;
             margin: 0 auto;
        }
                         
         
         .head-right {
            padding-right: 0px;
            padding-left: 0px;
        }
         
        .head-top ul li a {
            padding: 0 4px;
        }
         
        .head-left p, .head-left li {
            line-height: 0px;
        }
         
         .head-left p, .head-left li {
            font-weight: 400;
            font-size: 14px;
        }
         
         .head-top ul li {
            margin: 0 0px 0 0;
         }
         
        
       div#bs-example-navbar-collapse-1 ul.nav.navbar-nav{
        	display: flex;
            flex-direction: column;
        }
        
        .menu-head .navbar-nav > li {
            display: inline-block;
            vertical-align: middle;
            float: none;
            margin: 0 0 0 40px;
            padding: 0px 0;
        }
        
        
    }
    
    @media (max-width: 576px) { 
        
        .ft-bottom p{
            text-align:center;
        }
                
        .slide-text .slide-table {
            padding: 15px;
        }
        
        .icon-top{
            margin: 0;
            text-align: center;
        }
        /* .col-sm-4.head-right {*/
        /*    display: none;*/
        /*}*/
  
      
        .slide-text {
            width: 90%;
            left: 6%;
        }
      
        .banner .slide-text p{
            font-size:16px;
        }
      
        .banner .item img {
          height: 530px;
        }
      
        .slide-text h1 {
            font-size: 22px;
        }
        .slide-text h1 small {
            font-size: 18px;
        }
        .slide-text p {
            font-size: 14px;
        }
        .head-left ul {
            flex-direction: column;   /* stack items */
            align-items: center;      /* center horizontally */
            gap: 10px;
            text-align: center;
        }
        
        .head-top ul li:last-child::before{
            background: none !important;
        }
        .head-left ul li a {
            font-size: 13px;
        }
    }
    
    @media (max-width: 443px) {
        .head-left ul{
            display: flex;
        } 
        
    }
    
   
  .product-sec{padding:60px 0 40px; margin:0; position:relative; z-index:2;}
  .product-sec{content: ""; background-image: url("https://www.abrolgroup.com/wp-content/uploads/2026/01/bg-01.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover;  width: 100%; margin: 0; position:relative;  z-index: 1;}
  
  
    .product-sec::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6); /* adjust opacity here */
      z-index: 1;
    }
    
    /* Keep content above the overlay */
    .appointment-wrap .container {
      position: relative;
      z-index: 2;
    }
  
  

  /*.product-sec:before{content: ""; background-image: url(images/bg-01.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; height: 450px; width: 100%; margin: 0; position:absolute; left:0; top:0; right:0; opacity:0.2; z-index: 1;}*/
  /*.product-sec:after{content: ""; background: #000 !important; background: #1f1362; background: -moz-linear-gradient(top, #1f1362 0%, #000 100%); background: -webkit-linear-gradient(top, #1f1362 0%,#000000 100%); background: linear-gradient(to bottom, #1f1362 0%,#000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1362', endColorstr='#000000',GradientType=0 ); height: 450px; width: 100%; margin: 0; position:absolute; left:0; top:0; right:0;}*/
  .product-sec h2{color:#fff; font-size: 30px; position: relative; margin: 0 0 15px; text-transform:capitalize;}
  .product-sec h2 span{position:relative; display:block; font-size:20px; /*line-height: 10px;*/ color:#CE9300; margin:0 0 20px; font-weight: 600;}
  .product-sec h2 span:after{content:''; background:#fff; height:2px; width:30px; margin:0 15px; display:inline-block; vertical-align:middle;}
  .product-sec .right{color: #fff;} 
  .product-sec .coll-product{padding:30px 0 0;} 
  .product-sec .product-box{position:relative; margin:0 0 30px;background:#fff; border-radius:10px; box-shadow: 0px 0px 14px 1px #0000005e; height: 500px;} 
.product-sec .product-box .info-content{  /*box-shadow: 0px 0px 18px 0px rgb(10 27 95 / 10%); -webkit-box-shadow: 0px 0px 18px 0px rgb(10 27 95 / 10%); -moz-box-shadow: 0px 0px 18px 0px rgba(10,27,95,.1); */ padding:25px 25px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;} 
  .product-sec .product-box figure{-webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; overflow:hidden; margin: 0; position: relative;}
  .product-sec .product-box figure img{/*max-height: 230px;*/ width: auto; position: relative; z-index: 2;}
  .product-sec .product-box p{text-align: left;}
  .product-sec .product-box h4{margin: 0 0 10px; font-size:18px; font-weight: 600; color: #000;}
  .product-sec .owl-pagination{display: none; text-align: center; position: relative; right: 0; top: 0; margin: 30px 0 0;}
  .product-sec .item{margin: 0 15px;}
  .product-sec .owl-theme .owl-controls .owl-page span{background:none; border:1px solid #5829cf; opacity:1; height:10px; width:10px;}
  .product-sec .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background: #5829cf; background: -moz-linear-gradient(left,  #5829cf 0%, #000 100%); background: -webkit-linear-gradient(left,  #5829cf 0%,#000 100%); background: linear-gradient(to right,  #5829cf 0%,#000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5829cf', endColorstr='#000',GradientType=1 );}
  .product-sec .owl-theme .owl-controls .owl-page.active span{width:20px;}
  .product-sec .owl-theme .owl-controls .owl-buttons div{display: block; background: none; padding:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color:#000; position:absolute; left:-55px; top:95px; margin:0; height:44px; width:44px; opacity:1; text-indent:-99999px;}
  .product-sec .owl-theme .owl-controls .owl-buttons div.owl-next{right:-55px; left:inherit;}
  .product-sec .owl-theme .owl-controls .owl-buttons div.owl-prev:before{background-image: url(images/white-arrow-left.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 30px 30px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}  
  .product-sec .owl-theme .owl-controls .owl-buttons div.owl-next:before{background-image: url(images/white-arrow-right.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 30px 30px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;} 

.appointment-wrap .row{/*padding:80px 50px 40px; margin:0 0 60px;*/  padding: 40px 10px; margin-bottom: 50px; position:relative; margin-left: 1px;   margin-right: 1px; z-index:2;}
  /*.appointment-wrap .row:before{content: ""; background-image: url(images/slider-03.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; height: 100%; width: 100%; margin: 0; position:absolute; left:0; top:0; right:0; opacity:0.3; z-index: 1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}*/
  /*.appointment-wrap .row:after{content: ""; background: #000; height: 100%; width: 100%; margin: 0; position:absolute; left:0; top:0; right:0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}*/
    /*.appointment-wrap {content: ""; background-image: url("/wp-content/uploads/2026/01/pexels-pixabay-207574-scaled.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; height: 100%; width: 100%; margin: 0; position:relative;}*/
    
    /*    .appointment-wrap::before {*/
    /*  content: "";*/
    /*  position: absolute;*/
    /*  top: 0;*/
    /*  left: 0;*/
    /*  width: 100%;*/
    /*  height: 100%;*/
    /* /* adjust opacity here 
    /*  z-index: 1;*/
    /*}*/
    
    /* Keep content above the overlay */
    .appointment-wrap .container {
      position: relative;
      z-index: 2;
    }
  .appointment-wrap .left{margin: 0;/*padding: 0 122px 0 36px;  color:#fff;*/ position: relative; z-index: 2;}
  .appointment-wrap .right{margin: 0; position: relative; z-index: 2;}
  .appointment-wrap h2{color: #000000; font-size: 30px; position: relative; margin: 0 0 15px; text-transform:capitalize;}
  .appointment-wrap h2 span{position:relative; display:block; font-size:20px; line-height: 10px; color:#CE9300; margin:0 0 20px; font-weight: 600;}
  .appointment-wrap h2 span:after{content:''; background:#fff; height:2px; width:30px; margin:0 15px; display:inline-block; vertical-align:middle;}
  .appointment-wrap .info{background: #CE9300; padding: 30px 30px 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0 0 -100px;}
  .appointment-wrap form{margin:0;}
  .appointment-wrap form .form-control{background:#fff; border: none; box-shadow:none; border:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #000; height:44px;}
  .appointment-wrap form .form-control::-webkit-input-placeholder {color: #919191;}
  .appointment-wrap form .form-control::-moz-placeholder {color: #919191;}
  .appointment-wrap form .form-control:-ms-input-placeholder {color: #919191;}
  .appointment-wrap form .form-control:-moz-placeholder {color: #919191;}
  .appointment-wrap form textarea{height:110px !important;}
  .appointment-wrap form .form-group{margin-bottom:15px;}
  .appointment-wrap form .btn{background:#000; border:0; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; z-index: 1; display: inline-block; text-align: center; color: #fff; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight:600; padding: 11px 25px; border:0; overflow:hidden; text-shadow:none; box-shadow:none; text-transform: uppercase; -webkit-animation-delay: 2s; animation-delay: 2s;  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out;}
  .appointment-wrap form .btn:hover, .appointment-wrap form .btn:active{color: #fff; background:#054221; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}  

.service-sec{padding:70px 0 75px; margin:0; position:relative; z-index:2;}
  .service-sec h2{color:#000; font-size: 30px; position: relative; margin: 0 0 15px; text-transform:capitalize;}
  .service-sec h2 span{position:relative; display:block; font-size:20px; line-height: 10px; color:#CE9300; margin:0 0 20px; font-weight: 600;}
  .service-sec h2 span:after{content:''; background:#054221; height:2px; width:30px; margin:0 15px; display:inline-block; vertical-align:middle;}
  .service-sec .coll-service{padding:30px 0 0;}
  .service-sec .service-box{position:relative; box-shadow: 0px 0px 18px 0px rgb(10 27 95 / 10%); -webkit-box-shadow: 0px 0px 18px 0px rgb(10 27 95 / 10%); -moz-box-shadow: 0px 0px 18px 0px rgba(10,27,95,.1); margin:0 0 10px;} 
  .service-sec .service-box .info-content{box-shadow: 0px 0px 18px 0px rgb(10 27 95 / 10%); -webkit-box-shadow: 0px 0px 18px 0px rgb(10 27 95 / 10%); -moz-box-shadow: 0px 0px 18px 0px rgba(10,27,95,.1); padding:25px 25px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;} 
  .service-sec .service-box figure{-webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; margin: 0; overflow:hidden; position: relative;}
  .service-sec .service-box figure img{max-height: 230px; width: auto; position: relative; z-index: 2;}
  .service-sec .service-box p{}
  .service-sec .service-box h4{margin: 0 0 10px; font-size:18px; font-weight: 600; color: #000;}
  .service-sec .service-box ul{margin: 0; padding: 0 0 5px;}
  .service-sec .service-box ul li{list-style: none; margin: 0 0 15px; padding: 0; position: relative;}
  .service-sec .service-box ul li::before{content: "\f00c"; color: #5E35B1; font-family: FontAwesome; display: inline-block; margin: 0 10px 0 0;}
  .service-sec .owl-pagination{display: none; text-align: center; position: relative; right: 0; top: 0; margin: 30px 0 0;}
  .service-sec .item{margin: 0 15px;}
  .service-sec .owl-theme .owl-controls .owl-page span{background:none; border:1px solid #5829cf; opacity:1; height:10px; width:10px;}
  .service-sec .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #5829cf; background: -moz-linear-gradient(left,  #5829cf 0%, #000 100%); background: -webkit-linear-gradient(left,  #5829cf 0%,#000 100%); background: linear-gradient(to right,  #5829cf 0%,#000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5829cf', endColorstr='#000',GradientType=1 );}
  .service-sec .owl-theme .owl-controls .owl-page.active span{width:20px;}
  .service-sec .owl-theme .owl-controls .owl-buttons div{display: block; background: rgba(250, 250, 250, 0.5); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color:#000; position:absolute; left:-55px; top:100px; margin:0; height:44px; width:44px; opacity:1; text-indent:-99999px;}
  .service-sec .owl-theme .owl-controls .owl-buttons div.owl-next{right:-55px; left:inherit;}
  .service-sec .owl-theme .owl-controls .owl-buttons div.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%;}  
  .service-sec .owl-theme .owl-controls .owl-buttons div.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%;} 

.product-features{position: relative; z-index: 1; padding: 60px 0 30px;}
  .product-features h2{color:#054221; font-size: 30px; line-height: 50px; position: relative; margin: 0; font-weight: 700; text-transform:uppercase;}
  .product-features h2 span{position:relative; display:block; font-size:16px; line-height: 10px; color:#CE9300; margin:0 0 10px; font-weight: 700;}
  .product-features h2:after{content:''; background:#CE9300; height:2px; width:30px; margin:0 15px; display:inline-block; vertical-align:middle;}
  .product-features h3{font-size: 20px; margin:0 0 15px; line-height:30px; color: #000; text-transform: capitalize; font-weight:500;}
  .product-features h3 span{color:#CE9300; font-weight:700;}
  .product-features .right figure{border:1px dashed #ccc; padding:10px; margin:0;}
  .product-features .right figure img{display:block; margin:0 auto;}
  .product-features ul{margin:0 0 30px; padding: 0;}
  .product-features ul li{list-style: none; position: relative; margin: 0 0 15px; padding: 0 0 0 15px; font-size: 14px; color: #000; text-transform:uppercase;}
  .product-features ul li::before{position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background: #f2ca33; content: ""; /*position: absolute; left: 0; top: 3px; font-size: 16px; width: 40px; height: 40px; -webkit-box-shadow: 0 0 15px #E3E3E3; box-shadow: 0 0 15px #E3E3E3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; content: "\f0a4"; font-family: FontAwesome; text-align: center; line-height: 40px; color: #054221;*/}  

  /*.tag-wrap{background-image: url(images/bg-02.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; padding:60px 0 40px; margin:0; position:relative; z-index:2; color:#fff;}*/
  
   .abr-digital{background-image: url("/wp-content/uploads/2026/02/website-2-7.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; padding:100px 0 100px; margin:0; position:relative; z-index:2; color:#fff;}
   
   
   .abr-digital::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000e0;
    z-index: 1;
}

 /*.tag-wrap{background-image: url("/wp-content/uploads/2026/01/pexels-canaros-7046773-scaled.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; padding:100px 0 100px; margin:0; position:relative; z-index:2; color:#fff;}*/
  .tag-wrap h2{color:#fff; font-size: 30px; line-height: 50px; position: relative; margin: 0 0 15px; font-weight: 700; text-transform:uppercase;}
  .tag-wrap h2 span{position:relative; display:block; font-size:16px; line-height: 10px; color:#fff; margin:0 0 10px; font-weight: 700;}
  .tag-wrap h2 span:after{content:''; background:#CE9300; height:2px; width:30px; margin:0 15px; display:inline-block; vertical-align:middle;}
  .tag-wrap p{margin:0 0 30px; font-size:16px;}
  .tag-wrap .info{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgb(0 0 0 / 88%); padding: 35px 40px 35px; margin: 70px 0; /*max-width: 45%;*/}
  .tag-wrap .tag-call{display: flex; text-transform:uppercase; flex-wrap:wrap;}
  .tag-wrap .tag-call p{padding:0 30px 0 0;}
  .tag-wrap .tag-call p:last-child{padding-right:0;}
  .tag-wrap .tag-call a{display:block;}
  .tag-wrap .tag-call .fa{float: left; width: 44px; height: 44px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #CE9300; color: #fff; text-align: center; line-height: 44px; font-size: 22px; margin: 0 15px 0 0;}
  .tag-wrap .tag-call span{color: #fff; display: block; font-size: 16px; overflow:hidden; font-weight: 700;}
  .tag-wrap .tag-call small{color: #CE9300; display: block; font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: 700; letter-spacing: 1.5px;}

.client-speak{position:relative; text-align:center; margin:0; padding:70px 0 50px 0; z-index:1;}
  .client-speak h2{color:#000; font-size: 30px; line-height: 50px; position: relative; margin: 0 0 20px; font-weight: 700; text-transform:uppercase;}
  .client-speak h2 span{position:relative; display:block; font-size:16px; line-height: 10px; color:#054221; margin:0 0 10px; font-weight: 700;}
  .client-speak h2 span:before, .client-speak h2 span:after{content:''; background:#CE9300; height:2px; width:30px; margin:0 15px; display:inline-block; vertical-align:middle;}
  .client-speak .owl-pagination{display: none; text-align: center; position: relative; right: 0; top: 0; margin: 30px 0 0;}
  .client-speak .owl-theme .owl-controls .owl-page span{background:none; border:1px solid #f3941e; opacity:1; height:10px; width:10px;}
  .client-speak .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background: #f3941e; background: -moz-linear-gradient(left,  #f3941e 0%, #000 100%); background: -webkit-linear-gradient(left,  #f3941e 0%,#000 100%); background: linear-gradient(to right,  #f3941e 0%,#000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3941e', endColorstr='#000',GradientType=1 );}
  .client-speak .owl-theme .owl-controls .owl-page.active span{width:20px;}
  .client-speak .item{margin:30px 15px 0;}
  .client-speak .item .item-bg{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; padding: 0 40px 30px; background: #fff; box-shadow: 0 3px 15px rgba(0,0,0,.1); margin-bottom: 40px; transition: all .3s ease;}
  .client-speak .item:hover .item-bg{background: #054221; color:#fff;}
  .client-speak .item:hover .item-bg::after{border-top-color: #054221;}
  .client-speak .item .item-bg::after{position: absolute; left: 0; right: 0; bottom: -20px; margin: 0 auto; width: 40px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; transition: all .3s ease; filter: drop-shadow(0 10px 10px rgba(0,0,0,.1)); content: "";}
  .client-speak .testmonial-author{position: relative; padding:0 0 15px; overflow:hidden;}
  .client-speak .testmonial-author h4{font-size: 20px; margin: 0; color:#054221; font-weight:600;}
  .client-speak .testmonial-author h4 span{font-size:14px; margin:0 0 10px; display:block; color:#000; font-weight:00;}
  .client-speak .testmonial-author .author-rating i{color: #f3941e;}
  .client-speak p{line-height:22px; margin: 0; text-align: center;} 
  .client-speak .star{color: #fff; letter-spacing: 2px; font-size: 17px; display: inline-block; background: #CE9300; padding: 10px 20px; border-radius: 10px; margin: -25px 0 30px;olor: #fff; letter-spacing: 2px; font-size: 17px; display: inline-block; background: #CE9300; padding: 10px 20px; border-radius: 10px; margin: -25px 0 30px;}
  .client-speak .testmonial-author figure{position:relative; display: inline-block; margin: 20px auto;}
  .client-speak .testmonial-author figure::before{border: 5px solid #054221 !important;content: "";height: auto;opacity: 0;filter: alpha(opacity=0);position: absolute;bottom: -10px;left: -10px;right: -10px;top: -10px;visibility: hidden;width: auto;-webkit-transform: scale(0);transform: scale(0);transition: .3s;border-radius: 50%;-webkit-border-radius: 50%;}
  .client-speak .item:hover .testmonial-author figure::before {opacity: 1;filter: alpha(opacity=100);visibility: visible;-webkit-transform: scale(1);transform: scale(1);}
  .client-speak .testmonial-author figure img{width: 100px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
  .client-speak .owl-theme .owl-controls .owl-buttons div{display: block; background:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color:#000; position:absolute; left:-40px; top:120px; margin:0; height:30px; width:30px; opacity:1; text-indent:-99999px; padding:0;}
  .client-speak .owl-theme .owl-controls .owl-buttons div.owl-next{right:-40px; left:inherit;}
  .client-speak .owl-theme .owl-controls .owl-buttons div.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-controls .owl-buttons div.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%;} 
  
.footer{background: -webkit-radial-gradient(circle farthest-corner at center center, #21342f 0%, #131E3C 100%);
background: -moz-radial-gradient(circle farthest-corner at center center, #21342f 0%, #131E3C 100%); /*background: radial-gradient(circle farthest-corner at center center, #21342f 0%, #131E3C 100%); */ background: #2a2828; padding: 75px 10px 0; color: #fff; position: relative; width: 100%; z-index: 3;}
  .footer::before{content: ""; /*background-image: url(images/img-02.jpg);*/ background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.1;}
  .footer .container{position: relative; z-index:1;}
  .timings span{color:white; font-weight:600; font-size:18px;}

  /*.footer a{color:#fff;}*/
  .footer a, .footer p {color: #d5962a;}
  .footer a:hover{color:#CE9300;}  
  /*.footer .col-sm-3:nth-child(1){-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
  .footer .col-sm-3:nth-child(2){-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}*/
  .back-to-top{background: #e31e24; background: -moz-linear-gradient(top, #e31e24 0%, #f09214 100%); background: -webkit-linear-gradient(top, #e31e24 0%,#f09214 100%); background: linear-gradient(to bottom, #e31e24 0%,#f09214 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e31e24', endColorstr='#f09214',GradientType=0 ); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 50px; height:50px; position: absolute; right: 0; top: -29px; left: 0; margin: auto; z-index: 1;} 
  .back-to-top a{padding-top: 13px; color: #fff !important; display: block; font-size: 22px; text-align:center;}
  .wg-1{margin:0 0 30px;}  
  .wg-1 h4{color:#fff; font-weight: 600; text-transform:uppercase; font-size:24px; margin:0 0 30px; padding: 0; position:relative;}    
  .wg-1 p{text-align:left;}  
  .wg-1 ul{margin:0; padding:0;}
  .wg-1 ul li{list-style:none; position:relative; margin: 0 0 7px; padding: 0 0 7px 20px; text-transform: capitalize; background-image: url(images/footer-arrow.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 7px;} 
  .wg-1 ul li:last-child{border-bottom:0;}
  .wg-1 address{margin: 0 0 20px; overflow: hidden; position: relative;}  
  .wg-1 address i{color:#fff; 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:0; overflow:hidden;}
  .wg-1 address p{margin:0;}
  .wg-1 address span {font-size: 18px; line-height: normal; color: #fff; margin: 0 0 5px; display: block; font-weight:600;}
  .ft-logo{margin: 0 40px 30px 0; background: #fff; padding: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
  .icon-ft{padding: 0;}
  .icon-ft i{color: #fff; border:1px solid rgba(250, 250, 250, 0.5); display:inline-block; font-size: 18px; line-height: 40px; margin: 0 0 0 2px; height: 40px; width: 40px; text-align: center; position:relative; z-index:1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 32px;}
  .icon-ft i.fa-brands.fa-facebook-f{background: #3a5896;}
  .icon-ft i.fa-brands.fa-linkedin-in{background:#007ab5;}
  .icon-ft i.fa-brands.fa-x-twitter{background:#00aced;}
  .icon-ft .fa-youtube{background:#b00;}
 
  .icon-ft .fa-instagram{background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}
  .icon-ft i:hover{color:#fff; background:none; 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;} 
  .footer .news-post .post{position: relative; padding: 0 0 0 95px; margin: 0 0 20px; border-bottom: 1px solid rgba(250, 250, 250, 0.5);}
  .footer .news-post .post:last-child{margin-bottom: 0; border: none; min-height: auto;}
  .footer .news-post .post .image{position: absolute; left: 0; top: 0; width: 80px; overflow: hidden;}
  .footer .news-post .post .image a{display: block;}
  .footer .news-post .post a:hover{color:#fff;}
  .footer .news-post .post h6{position: relative; color: #ffffff; line-height:20px; font-weight: 700; top: -4px; font-size: 14px; margin:0 0 5px;}
  .footer .news-post .post .date{position: relative; display: block; font-size: 14px; line-height: 1.3em; color: #ffffff; margin: 0 0 15px; text-transform: capitalize;}
  
  .ft-bottom{border-top:1px solid rgba(250, 250, 250, 0.3); margin:35px 0 0; color:#fff; padding:20px 0 5px; position:relative; z-index:2;}  
  /*.ft-bottom .row{flex-direction: row-reverse;}*/
  .ft-bottom .copyright{text-align: center; color: #fff; padding:20px 0;}
  .ft-bottom ul{margin:0; padding:0; text-align:right;}
  .ft-bottom ul li{list-style:none; display:inline-block; margin:0; padding:0; text-align:right;}
  .ft-bottom ul li a{display: block; border-left: 1px solid #fff; line-height: 17px; padding: 0 15px 2px;}
  .ft-bottom ul li:first-child a{border-left: 0; padding-left: 0;}
  .ft-bottom ul li:last-child a{padding-right: 0;}
  
.banner-inner{margin:0;}
.banner-inner:before{/*background: #4bbdd1; content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0.5;*/}
.banner-inner .textblock{background-image: url(images/bg-01.webp); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; background-size: inherit; min-height: 400px; position: relative; z-index: 2;}
.banner-inner .block{background:  #4bbdd1; bottom: 0; left: 0; position: absolute; width: 100%;}
.banner-inner .block:after{left: 0; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-width: 79px 55px 0 0; display:none;}
.banner-inner .page-title{padding:20px 30px;}
.banner-inner h1 { color: #fff; margin: 0; font-size: 30px; text-transform: capitalize; margin-bottom: 15px;}
.breadcrumb-sec{background: var(--lightblack); color: #fff; padding: 15px 30px 13px;}
.breadcrumb{color: #fff; font-size:14px; line-height: normal; position: relative; z-index: 5; background: none; box-shadow: none; padding:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0;}
.breadcrumb > li {margin: 0; font-weight:600; list-style:none; display: inline-block;}
.breadcrumb > li + li:before {content: "+"; margin: 0 9px; color: #fff; font-size: 15px; float: left;}
.breadcrumb li a{color: #fff; font-weight:700;  padding-left: 6px;}     
.breadcrumb li a:hover{color: #fff; text-decoration:underline;}
.breadcrumb span{margin: 0 !important; padding: 0 !important; border: 0 !important;}


button.sub-menu-toggle{display: none;}
.banner-inner{background-size: cover; background-repeat: no-repeat; background-position: center center; padding:200px 0; position:relative;	z-index:2;}
.banner-inner:before{background: #141414; position: absolute; top: 0; width: 100%; height: 100%; content: ''; z-index: -2; opacity: .5;}

.mid-inner{padding:70px 0 40px;}  
  .mid-inner ul{margin: 0; padding: 0 0 5px;}
  .mid-inner ul li{list-style: none; margin: 0 0 15px; padding: 0; position: relative;}
  .mid-inner ul li::before{content: "\f0a4"; 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;}

.contact-page .contact-row{position: relative; text-align: left;}
  .contact-page .left, .contact-page .right{padding: 0;}
  .contact-page .contact-col{background: #054221; -webkit-border-radius: 30px 0 0 30px; -moz-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; color: #fff; padding: 65px 50px 80px; position: relative; min-height: 725px;}
  .contact-page .contact-col h4{color: #fff; font-size: 24px; position: relative; text-transform: capitalize; margin: 0 0 55px;}
 /* .contact-page .contact-col h4::after{content: "//"; right: -10px; bottom: 0; color: #F00F00; font-weight: 400; letter-spacing: -3px; position: relative; background: none; margin: 0 0 0 10px;}*/
  .contact-page .contact-box{margin: 0 0 50px; position: relative; cursor: pointer; text-align: left; display: flex;}
  .contact-page .contact-box .icon{font-size: 24px; display: inline-block; margin: 0 20px 0 0; text-align: center; width: 30px;}
  .contact-page .contact-box .icon i{color:#e5a433; /*color: #F00F00;*/}
  .contact-page .contact-box .content p{margin: 0; text-align: left;}
  .contact-page .contact-col::after{content: "\f2b7"; font-family: FontAwesome; position: absolute; right: 30px; bottom: -15px; position: absolute; font-size: 220px; opacity: 0.1;}
  .contact-page .contact-form{ position: relative; text-align: left; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08); padding: 61px 50px 30px; min-height: 725px; -webkit-border-radius: 0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0;}
  .contact-page .contact-form h3{color: #054221; font-size: 24px; position: relative; text-transform: capitalize; margin: 0 0 40px; padding: 0;}
  .contact-page .contact-form h3::before{content: "\f2b7"; font-family: FontAwesome; position: absolute; right: 0; top: 0; color: #054221; font-size: 32px; background: none; width: auto; height: auto;}
 /* .contact-page .contact-form h3::after{content: "//"; right: -10px; bottom: 0; color: #F00F00; font-weight: 400; letter-spacing: -3px; position: relative;}*/
  .contact-page form{overflow: hidden; margin: 0 -15px;}
  .contact-page form textarea{height: 120px !important;}
  .contact-page form .form-control{background: none; box-shadow: none; border: 1px solid #c6d0da; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #000; height: 44px;}
  .contact-page .contact-box .content a{color: #fff;}
  .contact-form .form-group .btn{background: #054221;  padding: 11px 40px; color:white;}
  .contact-form .form-group .btn:hover{background: #e5a433; outline: none;}


/* --------------------------------------------- */
.alignleft{float: left; margin-right: 1.5em; margin-bottom: 1.5em; border: 1px solid #e0e0e0; padding: 7px;}
.alignright{float: right; margin-left: 1.5em; margin-bottom: 1.5em; border: 1px solid #e0e0e0; padding: 7px;}
.aligncenter{clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; border: 1px solid #e0e0e0; padding: 7px;}
.alignnone{margin: 0 0 1.5em; border: 1px solid #e0e0e0; padding: 7px;}

hr{clear: both; border-color: #e0e0e0;}