/* @font-face  {
    font-family:  'Poppins-Medium-Black';
    src:  url('fonts/Poppins-Medium-Black.otf');
}
@font-face  {
    font-family:  'Poppins-Medium';
    src:  url('fonts/Poppins-Medium-Bold.otf');
}
@font-face  {
    font-family:  'Poppins-Medium-Light';
    src:  url('fonts/Poppins-Medium-Light.otf');
}
@font-face  {
    font-family:  'Poppins-Medium';
    src:  url('fonts/Poppins-Medium.ttf');
    src: url('fonts/Poppins-Medium.otf');
} */


@font-face {
	font-family: 'Poppins-Medium';
	src: url('poppins-fonts/Poppins-Medium.eot'),
	url('poppins-fonts/Poppins-Medium.woff')  format('woff'),
	url('poppins-fonts/Poppins-Medium.woff2'),
	url('poppins-fonts/Poppins-Medium.ttf')  format('truetype'),
	url('poppins-fonts/Poppins-Medium.ttf') format('embedded-opentype');   
  }
  @font-face {
	font-family: 'Poppins-Bold';
	src: url('poppins-fonts/Poppins-Bold.eot'),
	url('poppins-fonts/Poppins-Bold.woff')  format('woff'),
	url('poppins-fonts/Poppins-Bold.woff2'),
	url('poppins-fonts/Poppins-Bold.ttf')  format('truetype'),
	url('poppins-fonts/Poppins-Bold.ttf') format('embedded-opentype');  
  }
  @font-face {
	font-family: 'Poppins-ExtraLight';
	src: url('poppins-fonts/Poppins-ExtraLight.eot'),
	url('poppins-fonts/Poppins-ExtraLight.woff')  format('woff'),
	url('poppins-fonts/Poppins-ExtraLight.woff2'),
	url('poppins-fonts/Poppins-ExtraLight.ttf')  format('truetype'),
	url('poppins-fonts/Poppins-ExtraLight.ttf') format('embedded-opentype');  
  }
  @font-face {
	font-family: 'Poppins-Light';
	src: url('poppins-fonts/Poppins-Light.eot'),
	url('poppins-fonts/Poppins-Light.woff')  format('woff'),
	url('poppins-fonts/Poppins-Light.woff2'),
	url('poppins-fonts/Poppins-Light.ttf')  format('truetype'),
	url('poppins-fonts/Poppins-Light.ttf') format('embedded-opentype');  
  }
  @font-face {
	font-family: 'Poppins-Regular';
	src: url('poppins-fonts/Poppins-Regular.eot'),
	url('poppins-fonts/Poppins-Regular.woff')  format('woff'),
	url('poppins-fonts/Poppins-Regular.woff2'),
	url('poppins-fonts/Poppins-Regular.ttf')  format('truetype'),
	url('poppins-fonts/Poppins-Regular.ttf') format('embedded-opentype');  
  }
  @font-face {
	font-family: 'Poppins-SemiBold';
	src: url('poppins-fonts/Poppins-SemiBold.eot'),
	url('poppins-fonts/Poppins-SemiBold.woff')  format('woff'),
	url('poppins-fonts/Poppins-SemiBold.woff2'),
	url('poppins-fonts/Poppins-SemiBold.ttf')  format('truetype'),
	url('poppins-fonts/Poppins-SemiBold.ttf') format('embedded-opentype');  
  }
  @font-face {
	font-family: 'Poppins-Thin';
	src: url('poppins-fonts/Poppins-Thin.eot'),
	url('poppins-fonts/Poppins-Thin.woff')  format('woff'),
	url('poppins-fonts/Poppins-Thin.woff2'),
	url('poppins-fonts/Poppins-Thin.ttf')  format('truetype'),
	url('poppins-fonts/Poppins-Thin.ttf') format('embedded-opentype');  
  }
  
  body{
	font-family: 'Poppins-Medium';
  }
body  {
    color:  #444;
}
a  {
    color:  #07315c;
}
a:hover  {
    color:  #07315c;
    text-decoration:  none;
}
.about-us a  {
    color:  #009ce1;
    font-size:  14px;
    margin:  10px 0;
}
h1,  h2,  h3,  h4,  h5,  h6  {
    font-family:  'Poppins-Medium';
}
ol, ul  {
    font-weight:  400;
    font-family:  'Poppins-Regular';
}
.slide-lefts  {
    margin-bottom:  40px;
}
p  {
    font-size:  16px;
    line-height:  23px;
    margin-bottom:  5px;
    font-family:  'Poppins-Regular';
    font-weight:  500;
}
.text-muted  {
    color:  inherit!important;
}
.founder a  {
    color:  #009ce1;
}
.mission-color  {
    color:  #002b58;
}
.bg-video-wrap  {
    position:  relative;
    overflow:  hidden;
    width:  100% }
.container.aos-init img  {
    margin:  20px 0;
}
.back-to-top  {
    position:  fixed;
    display:  none;
    right:  15px;
    bottom:  15px;
    z-index:  99999;
}
.back-to-top i  {
    display:  flex;
    align-items:  center;
    justify-content:  center;
    font-size:  24px;
    width:  40px;
    height:  40px;
    border-radius:  4px;
    background:  #3498db;
    color:  #fff;
    transition:  all .4s;
}
.back-to-top i:hover  {
    background:  #57aae1;
    color:  #fff;
}
#header  {
    height:  70px;
    transition:  all .5s;
    z-index:  997;
    transition:  all .5s;
    background:  #fff;
    box-shadow:  0 0 4px #dee2e6;
}
#header .logo h1  {
    font-size:  28px;
    margin:  0;
    font-weight:  600;
    letter-spacing:  1px;
    text-transform:  uppercase;
    color:  #384046;
}
#header .logo h1 a,  #header .logo h1 a:hover  {
    color:  #384046;
    text-decoration:  none;
}
#header .logo img  {
    max-height:  40px;
}
.nav-menu,  .nav-menu *  {
    margin:  0;
    padding:  0;
    list-style:  none;
}
.nav-menu>ul>li  {
    position:  relative;
    white-space:  nowrap;
    float:  left;
}
.nav-menu a  {
    display:  block;
    position:  relative;
    color:  #002b58;
    padding: 19px 12px;
    font-size:  14px;
    font-weight:  500;
    font-family:  'Poppins-Medium';
}
.nav-menu a:hover  {
    color:  #3498db;
}
.active a  {
    color:  #3498db;
    text-decoration:  none;
}
.nav-menu .drop-down ul  {
    display:  block;
    position:  absolute;
    left:  0;
    top:  calc(100% + 30px);
    z-index:  99;
    opacity:  0;
    visibility:  hidden;
    padding:  10px 0;
    background:  #fff;
    /* box-shadow:  0 0 4px #dee2e6; */
    box-shadow: 0px 0px 4px rgb(0 0 0 / 24%);
    /* transition:  ease all .3s;*/
}
.nav-menu .drop-down:hover>ul  {
    opacity:  1;
    top:  100%;
    visibility:  visible;
}
.nav-menu .drop-down li  {
    min-width:  180px;
    position:  static;
}
.nav-menu .drop-down ul a  {
    padding:  10px 20px;
    font-size:  12px;
    text-transform:  none;
    color: #002B58;
    font-weight:  400;
}
.nav-menu .drop-down ul .active>a,  .nav-menu .drop-down ul a:hover,  .nav-menu .drop-down ul li:hover>a  {
    color:  #3498db;
}
.nav-menu .drop-down>a:after  {
    content:  "\ea67";
    font-family:  IcoFont;
    padding-left:  5px;
}
.nav-menu .drop-down .drop-down ul  {
    top:  0;
    left:  calc(100% - 30px);
}
.nav-menu .drop-down .drop-down:hover>ul  {
    opacity:  1;
    top:  0;
    left:  100%;
    padding-top: 10px;
    display: block;
    opacity: 1;
    transition: opacity 0s linear; 
    min-height: 324px;
 }
.nav-menu .drop-down .drop-down>a  {
    padding-right:  35px;
}
.nav-menu .drop-down .drop-down>a:after  {
    content:  "\ea69";
    font-family:  IcoFont;
    position:  absolute;
    right:  15px;
}
@media (max-width:1366px)  {
    .nav-menu .drop-down .drop-down ul  {
    left:  -90% }
.nav-menu .drop-down .drop-down:hover>ul  {
    left:  -100% }
.nav-menu .drop-down .drop-down>a:after  {
    content:  "\ea68" }
}.mobile-nav-toggle  {
    position:  fixed;
    right:  15px;
    top:  20px;
    z-index:  9998;
    border:  0;
    background:  0 0;
    font-size:  24px;
    transition:  all .4s;
    outline:  0!important;
    line-height:  1;
    cursor:  pointer;
    text-align:  right;
}
.mobile-nav-toggle i, .mobile-nav-toggle .menu  {
    color: #fff;
    border: 1px solid #002b58;
    padding: 8px 14px !important;
    border-radius: 2px;
    display: flex;
    align-items: center;
    background: #002b58;
}
.mobile-nav  {
    position:  fixed;
    top:  55px;
    right:  15px;
    bottom:  15px;
    left:  15px;
    z-index:  9999;
    overflow-y:  auto;
    background:  #fff;
    transition:  ease-in-out .2s;
    opacity:  0;
    visibility:  hidden;
    border-radius:  10px;
    padding:  10px 0;
    font-family:  'Poppins-Medium';
}
.mobile-nav *  {
    margin:  0;
    padding:  0;
    list-style:  none;
}
.mobile-nav a  {
    display:  block;
    position:  relative;
    color:  #384046;
    padding:  10px 20px;
    font-weight:  500;
    outline:  0;
    font-family:  'Poppins-Medium';
    font-size: 14px;
}
.mobile-nav .active>a,  .mobile-nav a:hover,  .mobile-nav li:hover>a  {
    color:  #3498db;
    text-decoration:  none;
}
.mobile-nav .drop-down>a:after  {
    content:  "\ea67";
    font-family:  IcoFont;
    padding-left:  10px;
    position:  absolute;
    right:  15px;
}
.mobile-nav .active.drop-down>a:after  {
    content:  "\ea6a" }
.mobile-nav .drop-down>a  {
    padding-right:  35px;
}
.mobile-nav .drop-down ul  {
    display:  none;
    overflow:  hidden;
}
.mobile-nav .drop-down li  {
    padding-left:  20px;
}
.mobile-nav-overly  {
    width:  100%;
    height:  100%;
    z-index:  9997;
    top:  0;
    left:  0;
    position:  fixed;
    background:  rgba(33,  38,  42,  .6);
    overflow:  hidden;
    display:  none;
    transition:  ease-in-out .2s;
}
.mobile-nav-active  {
    overflow:  hidden;
}
.mobile-nav-active .mobile-nav  {
    opacity:  1;
    visibility:  visible;
}
.mobile-nav-active .mobile-nav-toggle i  {
    color:  #fff !important;
}
a.btn.btn-primary  {
    color:  #fff;
    background-color:  #002b58!important;
    border-color:  #002b58!important;
}
.title  {
    font-size:  21px;
}
.footer  {
    position:  relative;
    /* background:  url(../images/pattern.png) repeat,  rgb(218 239 249 / 15%); */
    background-color: #002b58;
    transition:  all .2s;
    font-family:  'Poppins-Medium';
}
.footer .footer-top  {
    padding: 50px 0px 40px 0px;
    color:  #fff;
}
@media (max-width:767px)  {
    .footer .footer-top .footer-widget  {
    margin-bottom:  15px;
}
.freeTrial{
	margin: 10px 6px !important;
   }
}
.footer .footer-top .footer-widget .footer-title  {
    position:  relative;
    font-weight:  500;
    font-size:  22px;
    margin-bottom:  30px;
    color:  #fff;
}
.footer .footer-top .footer-widget .footer-title:after  {
    position:  absolute;
    content:  "";
    left:  0;
    bottom:  -10px;
    width:  50px;
    height:  1px;
    background-color:  #fff;
}
.footer .footer-top .footer-widget ul.links  {
    margin:  0;
    padding:  0;
}
.footer .footer-top .footer-widget ul.links li  {
    margin-left:  25px;
    margin-bottom:  6px;
    position:  relative;
}
.footer .footer-top .footer-widget ul.links li::before  {
    content:  '';
    background:  #fff;
    left:  -1.2em;
    top:  .61rem;
    position:  absolute;
    text-align:  center;
    width:  .2em;
    height:  .2rem;
    line-height:  inherit;
}
.footer .footer-top .footer-widget ul.links li a  {
    color:  #fff;
}
.footer .footer-top .footer-widget ul.contactus li a  {
    display:  block;
    position:  relative;
    color:  #fff;
    padding-left:  35px;
    margin-bottom:  10px;
}
.footer .footer-top .footer-widget ul.contactus li a i  {
    position:  absolute;
    left:  0;
    top:  4px;
    font-size:  18px;
    color:  #fff;
    width:  25px;
    height:  25px;
    text-align:  center;
    margin-right:  10px;
}
.footer .footer-bottom  {
    padding:  10px 0;
    border-top:  1px solid #6c757d87;
}
.footer .footer-bottom .social-icons ul  {
    margin:  0;
    padding:  0;
}
.footer .footer-bottom .social-icons ul li  {
    width:  35px;
    height:  35px;
    margin-right:  8px;
    display:  inline-block;
}
.footer .footer-bottom .social-icons ul li:last-child  {
    margin-right:  0;
}
.footer .footer-bottom .social-icons ul li a  {
    width:  100%;
    height:  100%;
    display:  block;
    overflow:  hidden;
    line-height:  35px;
    text-align:  center;
    position:  relative;
    color:  #fff;
    border:  1px solid #fff;
    font-weight:  500;
}
@media (max-width:767px)  {
    .footer .footer-bottom,  .footer .footer-bottom .social-icons  {
    text-align:  center;
}
}
.btn-theme  {
    color:  #fff;
    background-color:  #001ce8;
    border-color:  #001ce8;
}
.pricing .card  {
    position:  relative;
    border:  none;
    border-radius:  1rem;
    overflow:  hidden;
    transition:  all .2s;
    border:  1px solid #002b584d;
}
.pricing .card::before  {
    content:  '';
    background-image:  url(../images/top_sharp-01.png);
    background-position:  right top;
    background-size:  80px;
    background-repeat:  no-repeat;
    position:  absolute;
    right:  0;
    top:  0;
    height:  100%;
    width:  100%;
    opacity:  .2;
    transition:  all .2s;
}
.pricing .card:hover::before  {
    background-image:  url(../images/top_sharp-02.png);
}
.pricing .card .card-body  {
    position:  relative;
    z-index:  2;
}
.pricing hr  {
    margin:  1rem 0;
}
.pricing .card-title  {
    margin-top:  2.5rem;
    font-size:  1.6rem;
    letter-spacing:  .1rem;
    font-weight:  700;
    color:  #009ce1;
}
.pricing .card-price  {
    font-size:  1.6rem;
    color:  #fff;
    margin:  0;
    border-bottom:  1px solid #e5e5e5;
    background-color:  #009ce1;
    position:  absolute;
    left:  0;
    top:  0;
    right:  0;
    padding:  11px;
    cursor:  pointer;
}
.fa-ul  {
    font-family:  'Poppins-Medium';
}
.pricing .card-price .period  {
    font-size:  .8rem;
}
.pricing ul li  {
    margin-bottom:  1rem;
}
.pricing .text-muted  {
    opacity:  0.7;
}
@media (min-width:992px)  {
    .pricing .card:hover  {
    margin-top:  -.25rem;
    margin-bottom:  .25rem;
    box-shadow:  0 .5rem 1rem 0 rgba(0,  0,  0,  .3);
}
.pricing .card:hover .btn  {
    opacity:  1;
}
}
.footer p,  .footer ul  {
    font-family: 'Poppins-Regular';
    font-weight: 500;
    font-size: 14px;
    color: #fff;
}
.resource-height img  {
    margin:  12px 0;
}
.bg-color  {
    background:  linear-gradient(to right,  #4ebaea6e 0,  #fff 100%);
}
@media (max-width:768px)  {
    .example-content  {
    width:  100%;
    background-color:  #c9eaf95e;
    margin-top:  37% }
}section  {
    padding:  10px 0;
    overflow:  hidden;
}
.section-title  {
    text-align:  center;
    padding:  15px 0;
}
.section-title h2  {
    color:  #1f3c66;
    text-transform:  uppercase;
    font-size:  1.5rem;
    line-height:  1.41667em;
    font-family: 'Poppins-Semibold';
}
.section-title h3  {
    margin:  15px 0 0 0;
    font-size:  32px;
    font-weight:  700;
}
.section-title h3 span  {
    color:  #009ce1;
}
.section-title p  {
    margin:  15px auto 0 auto;
    font-weight:  500;
}
@media (min-width:1024px)  {
    .section-title p  {
    width:  50% }
}.about .content h3  {
    font-weight:  500;
    font-size:  26px;
}
.about .content ul  {
    list-style:  none;
    padding:  0;
}
.about .content ul i  {
    font-size:  24px;
    padding:  5px;
    color:  #009ce1;
    border-radius:  50px;
}
.about .content ul h5  {
    font-size:  18px;
    color:  #555;
}
.about .content ul p  {
    font-size:  15px;
}
.about .content p:last-child  {
    margin-bottom:  0;
}
.client-logo img:hover  {
    transform:  scale(1.15);
}
.row.my-5.apps-custom img  {
    padding:  0;
}
@media (max-width:768px)  {
    .apps-customers  {
    margin-top:  0!important;
}
}
.social-icons span{
    color: #fff;
}
.color_g  {
    color:  #fff;
}
.contact .info-box  {
    color:  #444;
    text-align:  center;
    padding:  20px 0 30px 0;
    background-color:  #fff;
    border:  1px solid #eaedf0;
}
.contact .info-box i  {
    font-size:  32px;
    color:  #009ce1;
    border-radius:  50%;
    padding:  8px;
    border:  2px dotted #b3d1fa;
}
.contact .info-box h3  {
    font-size:  20px;
    color:  #009ce1;
    font-weight:  500;
    margin:  10px 0;
}
.contact .info-box p  {
    padding:  0;
    line-height:  24px;
    font-size:  14px;
    margin-bottom:  0;
}
.contact .php-email-form  {
    box-shadow:  0 0 30px rgba(214,  215,  216,  .4);
    padding:  30px;
}
.contact .php-email-form .validate  {
    display:  none;
    color:  red;
    margin:  0 0 15px 0;
    font-weight:  400;
    font-size:  13px;
}
.contact .php-email-form .error-message  {
    display:  none;
    color:  #fff;
    background:  #ed3c0d;
    text-align:  left;
    padding:  15px;
    font-weight:  500;
}
.contact .php-email-form .error-message br+br  {
    margin-top:  25px;
}
.contact .php-email-form .sent-message  {
    display:  none;
    color:  #fff;
    background:  #18d26e;
    text-align:  center;
    padding:  15px;
    font-weight:  500;
}
.contact .php-email-form .loading  {
    display:  none;
    background:  #fff;
    text-align:  center;
    padding:  15px;
}
.contact .php-email-form .loading:before  {
    content:  "";
    display:  inline-block;
    border-radius:  50%;
    width:  24px;
    height:  24px;
    margin:  0 10px -6px 0;
    border:  3px solid #18d26e;
    border-top-color:  #eee;
    -webkit-animation:  animate-loading 1s linear infinite;
    animation:  animate-loading 1s linear infinite;
}
.contact .php-email-form input,  .contact .php-email-form textarea  {
    border-radius:  0;
    box-shadow:  none;
    font-size:  14px;
}
.contact .php-email-form input:focus,  .contact .php-email-form textarea:focus  {
    border-color:  #009ce1;
}
.contact .php-email-form input  {
    padding:  20px 15px;
}
.contact .php-email-form textarea  {
    padding:  12px 15px;
}
.contact .php-email-form button[type=submit]  {
    background:  #009ce1;
    border:  0;
    padding:  10px 30px;
    color:  #fff;
    transition:  .4s;
    border-radius:  4px;
}
.contact .php-email-form button[type=submit]:hover  {
    background:  #009ce1;
}
#footer  {
    background:  #fff;
    padding:  0 0 10px 0;
    color:  #444;
    font-size:  14px;
    background:  #f1f6fe;
}
#footer .footer-top  {
    padding:  20px 0 20px 0;
    background:  #fff;
}
#footer .footer-top .footer-contact  {
    margin-bottom:  30px;
}
#footer .footer-top .footer-contact h3  {
    font-size:  24px;
    margin:  0 0 15px 0;
    padding:  2px 0 2px 0;
    line-height:  1;
    font-weight:  700;
}
#footer .footer-top .footer-contact h3 span  {
    color:  #009ce1;
}
#footer .footer-top .footer-contact p  {
    font-size:  14px;
    line-height:  24px;
    margin-bottom:  0;
    color:  #777;
}
#footer .footer-top h4  {
    font-size:  16px;
    font-weight:  700;
    color:  #444;
    position:  relative;
    padding-bottom:  12px;
}
#footer .footer-top .footer-links ul  {
    list-style:  none;
    padding:  0;
    margin:  0;
}
#footer .footer-top .footer-links ul i  {
    padding-right:  2px;
    color:  #009ce1;
    font-size:  18px;
    line-height:  1;
}
#footer .footer-top .footer-links ul li  {
    padding:  10px 0;
    display:  flex;
    align-items:  center;
}
#footer .footer-top .footer-links ul li:first-child  {
    padding-top:  0;
}
#footer .footer-top .footer-links ul a  {
    color:  #777;
    transition:  .3s;
    display:  inline-block;
    line-height:  1;
}
#footer .footer-top .footer-links ul a:hover  {
    text-decoration:  none;
    color:  #009ce1;
}
#footer .footer-top .social-links a  {
    font-size:  18px;
    display:  inline-block;
    background:  #009ce1;
    color:  #fff;
    line-height:  1;
    padding:  8px 0;
    margin-right:  4px;
    border-radius:  4px;
    text-align:  center;
    width:  36px;
    height:  36px;
    margin-bottom:  5px;
    transition:  .3s;
}
#footer .footer-top .social-links a:hover  {
    background:  #009ce1;
    color:  #fff;
    text-decoration:  none;
}
#footer .copyright  {
    text-align:  center;
    float:  left;
}
#footer .credits  {
    float:  right;
    text-align:  center;
    font-size:  13px;
    color:  #444;
}
img.img-fluid.times  {
    width:  50px;
    max-width:  50px;
    height:  auto;
}
@media (max-width:768px)  {
    #footer .copyright,  #footer .credits  {
    float:  none;
    text-align:  center;
    padding:  2px 0;
}
}
.forms  {
    background-color:  #fff;
    padding:  10px;
    border-radius:  5px;
}
.validate  {
    color:  red;
    margin-bottom:  4px;
    font-size:  12px;
}
.form-group  {
    margin-bottom:  5px!important;
}
.carousel-captions  {
    background-color:  #edf6fa;
    width:  100%;
    padding:  15px;
    color:  #113254;
}
.nav-pills .nav-link.active,  .nav-pills .show>.nav-link  {
    color:  #687d92;
    background-color:  rgb(236 245 255 / 50%)!important;
}
.carousel-captions h3  {
    font-size:  20px!important;
    margin:  0;
}
.carousel-captions p  {
    font-size:  13px!important;
    margin:  0;
    display:  none;
}
.shadow  {
    border:  1px solid #e9ecef!important;
    box-shadow:  none!important;
}
.carousel-item img.img-fluid  {
    margin:  0 auto;
    object-fit:  scale-down;
    width:  100%;
    height:  440px!important;
    max-height:  440px!important;
}
div#v-pills-tab  {
    text-align:  center;
}
.gallery  {
    overflow:  hidden;
}
.gallery .owl-dots,  .gallery .owl-nav  {
    text-align:  center;
}
.gallery .owl-item  {
    transition:  .3s ease-in-out;
}
.gallery .owl-dot  {
    display:  inline-block;
    margin:  0 5px;
    width:  12px;
    height:  12px;
    border-radius:  50%;
    background-color:  #eff2f8!important;
}
.gallery .owl-dot.active  {
    background-color:  #5777ba!important;
    display:  none;
}
.gallery .gallery-carousel .owl-stage-outer  {
    overflow:  visible;
}
@media (min-width:992px)  {
    .gallery .gallery-carousel .center  {
    border:  6px solid #5777ba;
    padding:  4px;
    background:  #fff;
    z-index:  1;
    transform:  scale(1.2);
    margin-top:  10px;
    border-radius:  25px;
}
}
#gallery img  {
    width:  80%;
    box-shadow:  0 0 4px -1px grey;
    object-fit:  cover;
    border:  1px solid #2442614d;
    height:  500px;
}
@media (max-width:992px)  {
    #gallery img  {
    width:  100%!important;
    object-fit:  inherit;
    height:  inherit;
}
.carousel-captions  {
    height:  inherit;
}
}
.col-lg-2.col-md-2.col-xs-6.shadow-sm .client-logo  {
    padding:  0;
    margin:  0;
}
.clients .client-logo  {
    border-radius:  5px;
    padding:  10px;
    display:  flex;
    justify-content:  center;
    align-items:  center;
    border:  1px solid #adb5bd6e;
    overflow:  hidden;
    background:  #fff;
    height:  140px;
    margin:  12px 0;
}
.clients .client-logo:hover img  {
    transform:  scale(1.1);
}
.nav-pills .nav-link  {
    background-color:  #fff;
}
.font-weight-bold  {
    text-align:  center;
}
.carousel-control-next-icon,  .carousel-control-prev-icon  {
    background-color:  #002b58;
    padding:  14px;
    background-size:  auto;
    width:  15px;
}
.owl-nav button span  {
    margin:  0 10px;
    background-color:  #002b58;
    color:  #fff;
    padding:  10px;
    font-size:  23px;
}
.owl-nav button  {
    margin:  10px 0;
}
.thanks button  {
    font-size:  18px;
}
.featured-services .icon-box  {
    padding:  5px;
    position:  relative;
    overflow:  hidden;
    background:  #fff;
    border:  1px solid #e9ecef;
    transition:  all .3s ease-in-out;
    border-radius:  8px;
    z-index:  1;
}
.featured-services .icon-box::before  {
    content:  '';
    position:  absolute;
    background:  #cbe0fb;
    right:  0;
    left:  0;
    bottom:  0;
    top:  100%;
    transition:  all .3s;
    z-index:  -1;
}
.featured-services .icon-box:hover::before  {
    background:  #7fbdff;
    top:  0;
    border-radius:  0;
}
.featured-services .icon  {
    margin-bottom:  15px;
}
.featured-services .icon i  {
    font-size:  48px;
    line-height:  1;
    color:  #106eea;
    transition:  all .3s ease-in-out;
}
.featured-services .title  {
    font-weight:  500;
    margin-bottom:  5px;
    text-align:  center;
    border-bottom:  1px solid #009ce10d;
    text-transform:  capitalize;
    padding:  10px;
}
.featured-services .title a  {
    color:  #009ce1;
}
.featured-services .description  {
    font-size:  14px;
    line-height:  28px;
    margin-bottom:  0;
    padding:  10px;
}
.featured-services .icon-box:hover .description,  .featured-services .icon-box:hover .title a  {
    color:  #fff;
}
.featured-services .icon-box:hover .icon i  {
    color:  #fff;
}
button.btn.btn-theme  {
    border:  1px solid #fff;
    background:  0 0;
}
.btn.btn-theme a  {
    color:  #fff;
}
.customers img.img-fluid  {
    background:  1px rgb(0 123 255 / 5%);
    height:  20vh;
    padding:  17px;
    box-shadow:  0 0 3px 0 #009ce1;
    width:  100% }
.cutomers  {
    padding:  0;
    list-style:  none;
}
.testimonials .testimonial-item  {
    margin:  20px;
    text-align:  center;
    background:  #fff;
    border:  #d1f1fe solid 1px;
    box-shadow:  rgb(25 28 31 / 8%) 0px 14px 32px,  rgb(25 28 31 / 4%) 0px 8px 16px,  rgb(25 28 31 / 4%) 0px -1px 0px;
    border-radius:  1rem;
    height:  262px;
    padding:  24px;
    display:  flex;
    flex-direction:  column;
    -webkit-box-pack:  justify;
    justify-content:  space-between;
    margin-left:  1.5rem;
}
.testimonials .testimonial-item .testimonial-img  {
    width:  101px;
    border:  4px solid #3498db61;
    margin:  0 auto;
}
.testimonials .testimonial-item h3  {
    font-size:  18px;
    font-weight:  700;
    margin:  10px 0 5px 0;
    color:  #002b58;
}
.testimonials .testimonial-item h4  {
    font-size:  14px;
    color: #002b58;
	font-family: 'Poppins-Medium';
    margin:  0;
}
.testimonials .testimonial-item .quote-icon-left,  .testimonials .testimonial-item .quote-icon-right  {
    color:  #e1f0fa;
    font-size:  26px;
}
.testimonials .testimonial-item .quote-icon-left  {
    display:  inline-block;
    left:  -5px;
    position:  relative;
}
.testimonials .testimonial-item .quote-icon-right  {
    display:  inline-block;
    right:  -5px;
    position:  relative;
    top:  10px;
}
.table td, .table th{
	font-size: 14px;
}
.testimonials .testimonial-item p  {
    margin:  0 auto 15px auto;
    font-weight:  500;
    height:  126px;
    text-align:  center;
    font-size: 14px;
    color: #002b58;
}
.why-choose-content p {
    font-weight:  900;
    margin-top:  20px;
}
.testimonials .owl-dots,  .testimonials .owl-nav  {
    text-align:  right;
}
.testimonials .owl-dot  {
    display:  inline-block;
    margin:  0 5px;
    width:  12px;
    height:  12px;
    border-radius:  50%;
    background-color:  #ddd!important;
}
.testimonials .owl-dot.active  {
    background-color:  #3498db!important;
}
.apps-custom .col.mb-2  {
    margin:  0;
    padding:  1px;
}
@media (max-width:1200px)  {
    .section-title h2  {
    font-size:  1.5rem;
    text-transform:  inherit!important;
}
.nav-menu a{ padding: 19px 8px; }
}
@media (max-width:767px)  {
    .blog-img img  {
    height:  100%!important;
}
.process-step  {
    display:  flow-root!important;
}
}
.owl-dots  {
    display:  none;
}
.resources h3.h4.mb-2  {
    color:  #002b58;
    font-size:  18px;
    height:  75px;
    font-family:  'Poppins-Medium';
}
.resources h3.h4.mb-2:hover  {
    color:  #019de1;
}
.more_read  {
    margin:  5px 0;
    border:  1px solid #239bd8;
    color:  #019de1;
    background-color:  #fff;
    margin-top:  20px;
}
.more_read:hover  {
    border:  1px solid #009ce1;
    color:  #fff;
    background-color:  #239bd8;
}
@media (max-width:768px)  {
    .crm .col-md-3 span,  .finances .col-md-2 span,  .hrms .col-md-3 span  {
    display:  flex;
}
.apps-custom .col.mb-2  {
    padding:  5px 10px;
}
.card-body.resource-height  {
    height:  inherit!important;
}
.hrm-total img  {
    margin:  0!important;
}
}
.card-body.resource-height  {
    border:  1px solid #d6dee480;
}
.crm .btn  {
    background-color:  #009ce1;
    color:  #fff;
    border-radius:  5px;
    text-align:  center;
}
.finances .btn  {
    background-color:  #909193;
    color:  #fff;
    border-radius:  5px;
    text-align:  center;
}
.hrms .btn  {
    background-color:  #002b58;
    color:  #fff;
    border-radius:  5px;
    text-align:  center;
}
.crmpage h3,  .finan h3,  .hrmpage h3 a  {
    padding-bottom:  5px;
    color:  #002b58!important;
    font-size:  25px;
    border-bottom:  1px solid rgb(17 50 84 / 36%);
    margin:  10px 0;
}
.hrm-total img  {
    width:  110px;
    height:  110px;
    margin:  11%;
    background-color:  #009ce112;
    padding:  10px;
    border-radius:  5px;
    box-shadow:  5px -2px 1px 0 #dfe1e2a6;
}
.hrmpage p  {
    line-height:  25px;
    font-size:  15px;
}
.stepwizard-step p  {
    margin-top:  10px;
}
.process-row  {
    display:  table-row;
}
.process  {
    display:  table;
    width:  100%;
    position:  relative;
}
.process-step button[disabled]  {
    opacity:  1!important;
}
.process-step  {
    display:  table-cell;
    text-align:  center;
    position:  relative;
}
.process-step p  {
    margin-top:  10px;
    visibility:  hidden;
}
.btn-circle  {
    width:  100px;
    height:  100px;
    text-align:  center;
    padding:  6px 0;
    font-size:  12px;
    line-height:  1.428571429;
    border-radius:  15px;
}
button.btn.btn-default.btn-circle  {
    background-color:  #1b2f57;
    color:  #fff;
    font-size:  15px;
}
button.btn.crm-circle:hover  {
    background-color:  #fff!important;
    color:  #009ce1ba!important;
    border:  1px solid #b1b1b1;
    box-shadow:  2px 1px 3px 1px #b1b1b1a1;
}
button.btn.btn-defaults.btn-circle  {
    background-color:  #009ce1ba;
    color:  #fff;
    font-size:  15px;
}
button.btn.btn-defaultss.btn-circle  {
    background-color:  #4444446b;
    color:  #fff;
    font-size:  15px;
}
.titles  {
    font-size:  21px;
    background-color:  #1b2f57;
    padding:  19px;
    border-radius:  5px;
    text-align:  center;
}
.titlefinance  {
    font-size:  21px;
    background-color:  grey;
    padding:  19px;
    border-radius:  5px;
    text-align:  center;
}
.titleshrms  {
    font-size:  21px;
    background-color:  #009ce1ba;
    padding:  19px;
    border-radius:  5px;
    text-align:  center;
}
.titlefinance a,  .titles a,  .titleshrms a  {
    color:  #fff!important;
}
i.fas.fa-check  {
    color:  green;
}
i.fas.fa-times  {
    color:  #ef2323;
}
.apps  {
    text-transform:  uppercase;
}
li.address  {
    color: #fff;
    font-size: 17px;
    font-family: 'Poppins-Medium';
    margin-bottom: 14px;
}
.card-price.text-center:hover  {
    color:  #009ce1;
    background-color:  #fff;
}
a button.btn.btn-block:hover  {
    color:  #579add;
    border:  1px solid #1b2f57;
    background-color:  #fff;
}
btn:not(:disabled):not(.disabled)  {
    cursor:  inherit!important;
}
h4.blue  {
    color:  #6c757d;
    font-size:  1.4rem;
}
i.far.fa-hand-point-right  {
    color:  #17a2b8;
    margin-right:  10px;
}
.para-p p,  .para-p ul li  {
    font-size:  15px;
    line-height:  26px;
    letter-spacing:  0;
}
.blog  {
    padding-top:  80px;
}
.blog-content .blogs-text  {
    border:  solid #f8f9fa;
}
.readmore  {
    color:  #009ce1;
    border-top:  1px solid #d9dee68a;
    padding-top:  10px;
    margin:  13px 0;
}
.four  {
    font-size:  12px;
}
.healthcare img  {
    box-shadow:  0 0 4px -1px;
    margin:  10px 0;
    border-radius:  5px;
}
.lifescience .col.mb-2 img  {
    width:  100px;
    padding:  10px;
    margin-top:  10px;
}
.life-sections h3 a:hover  {
    color:  #009ce1;
    text-decoration:  underline;
}
.casestudies h3:hover  {
    color:  #009ce1!important;
    text-decoration:  underline;
}
.life-section .HomeBlockHeading :hover  {
    color:  #009ce1;
}
.lifescience .col.mb-2  {
    padding:  2px;
    line-height:  1.42857143;
    border:  1px solid #ddd;
    border-radius:  4px;
    margin-bottom:  0!important;
}
.lifescience img  {
    -webkit-transform:  scale(1);
    transform:  scale(1);
    -webkit-transition:  .3s ease-in-out;
    transition:  .3s ease-in-out;
}
.lifescience .col:hover  {
    -webkit-transform:  scale(1.02);
    transform:  scale(1.02);
    border:  1px solid #009ce1;
}
.life-sections .col.col-md-2  {
    margin-bottom:  15px;
    text-align:  center;
}
.life-sections .col.col-md-2 img  {
    box-shadow:  0 1px 4px rgb(0 0 0 / 15%);
    border-radius:  5px;
}
.life-sections .col.col-md-10  {
    box-shadow:  0 1px 4px rgb(0 0 0 / 15%);
    margin-bottom:  16px;
    padding-top:  10px;
}
.modal-header  {
    background-color:  #1f3c66;
    color:  #fff;
}
button.close  {
    color:  #fff;
    opacity:  inherit;
}
.lifes-list  {
    margin-bottom:  10px;
    padding:  0;
    list-style:  none;
}
.lifes-list li  {
    margin-bottom:  10px;
}
.lifes-list li :hover  {
    color:  #009ce1;
    text-decoration:  underline;
}
.casestudies h3,  .casestudies h3 a,  .life-sections h3 a  {
    color:  #009ce1!important;
}
.lifes-list i.fa.fa-angle-double-right  {
    margin-right:  10px;
    font-size:  21px;
    color:  #577391;
}
.owl-carousel .owl-nav  {
    overflow:  hidden;
    height:  0;
}
.owl-carousel .item  {
    text-align:  center;
}
.owl-carousel .nav-btn  {
    height:  47px;
    position:  absolute;
    width:  26px;
    cursor:  pointer;
    top:  35px!important;
}
.owl-carousel .owl-next.disabled,  .owl-carousel .owl-prev.disabled  {
    pointer-events:  none;
    opacity:  .2;
}
.owl-carousel .prev-slide  {
    background:  url(../img/nav-icon.png) no-repeat scroll 0 0;
    left:  -33px;
}
.owl-carousel .next-slide  {
    background:  url(../img/nav-icon.png) no-repeat scroll -24px 0;
    right:  -33px;
}
.owl-carousel .prev-slide:hover  {
    background-position:  0 -53px;
}
.owl-carousel .next-slide:hover  {
    background-position:  -24px -53px;
}
@media (max-width:767px)  {
    .owl-carousel .prev-slide  {
    left:  0;
}
.owl-carousel .next-slide  {
    right:  0;
}
}
@media only screen and (max-width: 1000px)  {
    .resources h3.h4.mb-2  {
    font-size:  14px;
}
}
.client-logos  {
    border:  1px solid #e9ecef;
    height:  130px;
    padding:  15px;
    align-items:  center;
    max-height:  135px;
    display:  flex;
    -webkit-box-align:  center;
}
@media(max-width: 768px)  {
    .client-logos img  {
        max-width:  100%;
        margin:  0px auto;
        width:  inherit !important;
        height:  auto;
        max-height:  100%;
    }
    .pricing .card-price  {
        font-size:  16px;
    }
    h1.critical.my-2  {
        color:  #009ce1;
        font-weight:  400;
        font-size:  29px !important;
        line-height:  inherit !important;
        text-align:  center;
    }
    .input-groups  {
        text-align:  start;
    }
    .input-groups img  {
        margin-bottom:  0px !important;
         
    }
    .input-groups label  {
        font-size:  20px;
    }
    .input-groups  {
        padding:  0px !important;
    }
}
 
.input-groups  {
    padding:  5px;
    font-size:  26px;
    color:  #002b58;
    font-family:  'Poppins-Medium';
    align-items:  center;
    border:  1px solid #1b2f571a;
    align-items:  center;
    text-align:  center;
    box-shadow:  10px 10px 4px -10px #032e5a75;
    border-radius:  11px;
    background-color:  #fff;
    /* font-family:  'Poppins-Medium'; */
}
.input-groups span  {
    color:  #009ce1;
}
h1.critical.my-2  {
    color:  #002b58;
    font-weight:  400;
    font-size:  38px;
    line-height:  50px;
}
small  {
    font-size:  63% !important;
    font-family:  'Poppins-Medium';
}
.categories ul li  {
    list-style:  none;
}
.categories>ul>li  {
    float:  none;
    display:  inline-block;
    margin:  0px 0px 20px 0px;
    vertical-align:  top;
}
.categories-view1-wrap  {
    box-shadow:  0px 0px 4px 0px rgb(0 43 88 / 22%);
    font-size:  14px;
    font-weight:  500;
    padding:  10px 5px;
    text-align:  center;
    position:  relative;
    border:  1px solid white;
    background-color:  #ffffff;
    font-family:  'Poppins-Medium';
    min-height: 120px;
}
.categories-view1 i  {
    font-size:  28px;
    color:  #1fa7e4;
    display:  flex;
    justify-content:  space-around;
    margin:  5px 0px;
    margin-top: 10px;
}
.products_apps .subtitle{
    padding: 0px 6px 0px 0px;
}
.input-groups img  {
    height:  100px;
}
.input-groups:hover  {
    border:  1px solid #009ce1;
}
@media (max-width: 1200px) and (min-width: 768px)  {
    .input-groups  {
    height:  195px !important;
    padding:  5px;
    font-size:  18px;
    text-align:  center;
}
.nav-menu a  {
    font-size:  13px;
}
}
.input-groups label,  .softwares label  {
    cursor:  pointer;
}
.bg-video-wraps  {
    position:  relative;
    overflow:  hidden;
    width:  100%;
    padding-top:  70px;
    background-color:  #012c59;
    background-image:  url(/static/assets_ap/img/industries.svg);
}
.ee  {
    padding:  20px 30px;
    box-shadow:  0px 2px 8px rgb(0 0 0 / 15%);
    border-radius:  10px;
    background:  #fff;
    transition:  all ease-in-out 0.3s;
    height:  100%;
}
.ee h4  {
    color:  #237397;
    text-transform:  uppercase;
    font-size:  20px;
    line-height:  1.41667em;
}
.ee li  {
    font-size:  16px;
    font-weight:  500;
    margin-bottom:  5px;
}
.save  {
    font-size:  19px;
    color:  #009ce1;
}
@media(max-width: 768px)  {
    h1.critical.my-2,  .industries  {
    margin-bottom:  0px !important;
    font-size:  24px !important;
    line-height:  inherit !important;
    padding:  0px !important;
    text-align:  center !important;
}
.modal-content  {
    width:  100% !important }
}.ee h6  {
    color:  #002b58;
    font-size:  18px;
    margin:  0px;
    padding:  5px 0px;
}
.industries  {
    color:  #ffffff;
    font-weight:  400;
    font-size:  38px;
    text-align:  start;
    padding:  10% 0 5% 0;
    text-transform:  capitalize;
}
.set-up  {
    color:  #1f3c66;
    text-transform:  uppercase;
    font-size:  18px !important;
    line-height:  1.41667em;
}
.categories-view1-wrap:hover  {
    border:  1px solid #009ce1;
}
.products_section  {
    padding:  7px;
    font-size:  26px;
    color:  #002b58;
    font-family:  'Poppins-Medium';
    align-items:  center;
    border:  1px solid #1b2f571a;
    margin-bottom:  35px;
}
.products_section span  {
    color:  #009ce1;
}
.softwares h6  {
    font-family:  'Poppins-Medium';
    font-size:  14px;
    line-height:  18px;
    color:  grey;
    height:  52px;
    font-weight:  900;
}
input.sss  {
    background-color:  transparent;
    font-size:  14px;
    border:  1px solid #007bff;
    padding:  5px;
    border-radius:  5px;
    color:  #009ceb;
    margin:  10px 0px;
}

.modal-content  {
    padding:  2px;
    width:  75%;
    margin:  0px auto;
}
.modal-title  {
    font-size:  16px;
}
@media (max-width:768px)  {
    .softwares h6  {
    height:  inherit;
}
.products_section,  .softwares  {
    text-align:  center;
}
small  {
    font-size:  80% !important;
}
}

.aa  {
    display:  table-cell;
}
@media(max-width:768px)  {
    .aa  {
    display: inherit !important;
}
}
/*Zip Industries*/
 .categories-view1-wrap img  {
    height:  45px;
  margin-bottom: 5px;
} 
li.col-md-3.zips p {
    font-family: 'Poppins-Medium';
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

.zips .categories-view1-wrap {
    padding-left: 0px !important;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 0px;
    text-align: center;
    position: relative;
    border: 1px solid white;
    background-color: #ffffff;
    font-family: 'Poppins-Medium';
 
}
/*end*/


/* new code for the featurs menu */
.nav-menu .drop-down ul  ul.innermenu{
    display:  block;
    position:  absolute;
    left: calc(100%);
    top:  -10px !important;
    z-index:  99;
    opacity:  0;
    visibility:  hidden;
    padding:  10px 0;
    background:  #fff;
    box-shadow:  0 0 4px #dee2e6;
 
    transition:  ease all .3s;
}
.nav-menu .drop-down ul  li:hover ul.innermenu{
    opacity:1;
    top:100%;
    visibility:visible
} 
.drop-down ul.nav>li>a.innernavmenu:after{
    content:  "\ea67";
    font-family:  IcoFont;
    padding-left:  5px;
    transform: rotate(270deg);
    position: absolute;
    right: 0px;
}


/* for gridlex help desk features */
.customerissueresolve .card{ margin-bottom: 7px; border: none;}
.customerissueresolve .card a{ 
    font-size: 14px;
    padding: 15px 7px;
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
    border-bottom: 2px solid #0d6efd;
    border-radius: 3px;
    text-transform: capitalize;
    font-family: 'Poppins-Medium';
}



/* sign up */
.bg-video-wraps .signupfreetrial{ padding: 15px 10px !important; width:320px; border-radius:15px !important; }

.signupfreetrial{ background-color: #002b58; color: #fff; text-align: center; display: block; width: 320px; margin: 0 auto; text-decoration: none; padding: 15px 10px !important; border-radius: 15px;}
.signupfreetrial:hover{ background:#009ce1; color:#fff; }
li .freeTrial{ border-color: #ece0ce; background-color: #002b58; color: #ffffff !important;  padding: 7px 15px !important; margin: 13px 0;}
.freeTrial:hover{ background-color: #009ce1;}
.zip-inbox .signupfreetrial, .bg-video-wraps .signupfreetrial{ background-color: #009ce1;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.mobile-nav a{
    -webkit-color: #384046 !important;
    display: block;
    position: relative;
    color: #384046;
    padding: 10px 20px;
    font-weight: 500;
    outline: 0;
    font-family: 'Poppins-Medium';
    font-size: 14px;
}
.footer .footer-top .footer-widget ul.links li a {
    color: #fff;
    -webkit-color: #fff;
}
}

/* @media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1260px;
}
} */


/* togge icon css issue */
.mobile-nav-toggle .icofont-navigation-menu.icofont-close:before {
    content: "\eee4" !important;
}
.mobile-nav-toggle i.fas.fa-times.icofont-navigation-menu{
    color: #fff !important;
    font-weight: 900;
}


#testimonialCarousel{
    width: 100%;
    height: 510px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#testimonialCarousel .carousel-inner{
    height: 465px;
    width: 1022px;
}
#testimonialCarousel .carousel-item{
    height: 100%;
    width: 100%;
}


#testimonialCarousel .carousel-item .customer-carousel-img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: 8px;
    display: block;
}


#testimonialCarousel .carousel-item img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: 8px;
    display: block;
}

.custom-carousel-btn {
    width: 50px;
    height: 50px;
    background: #fff !important;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    box-shadow: 0 2px 8px rgba(0, 43, 88, 0.15);
    border: 1px solid #e0e6ed;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    transition: all 0.3s ease;
    cursor: pointer;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background: none;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-control-prev-icon i,
.carousel-control-next-icon i {
    font-size: 22px;
    color: #002b58;
    transition: color 0.3s ease;
}

.custom-carousel-btn:hover {
    background: #002b58 !important;
    transform: translateY(-50%) scale(1.05);
}

.custom-carousel-btn:hover .carousel-control-prev-icon i,
.custom-carousel-btn:hover .carousel-control-next-icon i {
    color: #fff;
}

#testimonialCarousel .carousel-indicators {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

#testimonialCarousel .carousel-indicators button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #e0e6ed;
    margin: 0;
    border: none;
    transition: all 0.3s ease;
    padding: 0;
}

#testimonialCarousel .carousel-indicators button.active {
    background-color: #002b58;
    transform: scale(1.2);
}

/* Desktop - Large screens (1200px and above) */
@media (min-width: 1200px) {
    #testimonialCarousel {
        height: 510px;
    }
    #testimonialCarousel .carousel-inner {
        width: 1022px;
        height: 465px;
        max-width: 100%;
    }
    #testimonialCarousel .carousel-item .customer-carousel-img,
    #testimonialCarousel .carousel-item img {
        object-fit: contain;
        border-radius: 8px;
    }
}

/* Desktop - Medium screens (992px to 1199px) */
@media (max-width: 1199px) and (min-width: 992px) {
    #testimonialCarousel {
        height: 450px;
    }
    #testimonialCarousel .carousel-inner {
        width: 90%;
        height: 410px;
        max-width: 100%;
    }
    #testimonialCarousel .carousel-item .customer-carousel-img,
    #testimonialCarousel .carousel-item img {
        object-fit: contain;
        object-position: top;
        border-radius: 8px;
    }
    #testimonialCarousel .carousel-indicators {
        margin-top: 10px;
    }
    #testimonialCarousel .carousel-indicators button {
        width: 10px;
        height: 10px;
    }
    #testimonialCarousel .carousel-indicators button.active {
        transform: scale(1);
    }
    #testimonialCarousel .carousel-control-prev-icon,
    #testimonialCarousel .carousel-control-next-icon {
        font-size: 18px;
    }
    .custom-carousel-btn {
        width: 40px;
        height: 40px;
    }
}

/* Tablet - Large (768px to 991px) */
@media (max-width: 991px) and (min-width: 768px) {
    #testimonialCarousel {
        height: 440px;
        
    }
    #testimonialCarousel .carousel-inner {
        width: 85%;
        height: 400px;
        max-width: 100%;
    }
    #testimonialCarousel .carousel-item .customer-carousel-img,
    #testimonialCarousel .carousel-item img {
        object-fit: contain;
        object-position: top;
        border-radius: 6px;
    }
    #testimonialCarousel .carousel-indicators {
        margin-top: 5px;
    }
    #testimonialCarousel .carousel-indicators button {
        width: 8px;
        height: 8px;
    }
    #testimonialCarousel .carousel-indicators button.active {
        transform: scale(1);
    }
    #testimonialCarousel .carousel-control-prev-icon,
    #testimonialCarousel .carousel-control-next-icon {
        font-size: 16px;
    }
    .custom-carousel-btn {
        width: 35px;
        height: 35px;
    }
    .custom-carousel-btn:hover {
        transform: translateY(-50%) scale(1);
    }
}

/* Mobile - Large (480px to 767px) */
@media (max-width: 767px) and (min-width: 481px) {
    #testimonialCarousel {
        height: 450px;
    }
    #testimonialCarousel .carousel-inner {
        width: 80%;
        height: 420px;
        max-width: 100%;
    }
    #testimonialCarousel .carousel-item .customer-carousel-img,
    #testimonialCarousel .carousel-item img {
        object-fit: contain;
        object-position: top;
        border-radius: 6px;
        max-height: 100%;
        max-width: 100%;
    }
    #testimonialCarousel .carousel-control-prev-icon,
    #testimonialCarousel .carousel-control-next-icon {
        font-size: 14px;
    }
    .custom-carousel-btn {
        width: 32px;
        height: 32px;
    }
}

/* Mobile - Small (up to 480px) */
@media (max-width: 480px) {
    #testimonialCarousel {
        height: 390px;
    }
    #testimonialCarousel .carousel-inner {
        width: 80%;
        height: 360px;
        max-width: 100%;
    }
    #testimonialCarousel .carousel-item .customer-carousel-img,
    #testimonialCarousel .carousel-item img {
        object-fit: contain;
        object-position: top;
        border-radius: 4px;
        height: 100%;
        width: 100%;
    }
    #testimonialCarousel .carousel-indicators {
        margin-top: 0px;
    }
    #testimonialCarousel .carousel-indicators button {
        width: 6px;
        height: 6px;
    }
    #testimonialCarousel .carousel-indicators button.active {
        transform: scale(1);
    }
    #testimonialCarousel .carousel-control-prev-icon,
    #testimonialCarousel .carousel-control-next-icon {
        font-size: 12px;
    }
    .custom-carousel-btn {
        width: 28px;
        height: 28px;
    }
    .custom-carousel-btn:hover {
        transform: translateY(-50%) scale(1);
    }
}