:root {
  --primary-color: #2e277b;
  --secondary-color: #0099cc;
}

@font-face {
    font-family: 'Circularstd';
    src: url('https://cdn.prod.website-files.com/64559587fb856f82933854bf/6514b30ef4d82d4ed89419c3_CircularStd-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circularstd';
    src: url('https://cdn.prod.website-files.com/64559587fb856f82933854bf/6514b30d3b379b8c24ff9893_CircularStd-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circularstd Book';
    src: url('https://cdn.prod.website-files.com/64559587fb856f82933854bf/6514b30d0310a6101afc8c23_CircularStd-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body { font-family: 'Circularstd Book', sans-serif; outline:none; position:relative; font-size:16px;   text-rendering: optimizelegibility;    word-wrap: break-word; font-smooth: always; letter-spacing: normal; font-weight: 400; webkit-font-smoothing: antialiased; color:#000; }

header, section, footer, aside, div, ul, ul li, li, input, label { box-sizing:border-box;  }
h1, h2, h3{ font-family: 'Circularstd', sans-serif; padding: 0; margin: 0; }
h1,h2{ font-size:48px;  margin:0 0 15px;font-weight:700; color:var(--primary-color); line-height: 1.2; }
 h4{ font-family: 'Circularstd', sans-serif; padding: 0; margin: 0; font-weight:500; }
h1 span, h2 span{color:var(--secondary-color);}
ul, ul li, li { list-style-type:none; }
ul, ol{ padding:0; margin:0;}
a, a:hover, a:focus, a:focus, a:active{ text-decoration:none; outline:none; transition: ease-in .3s; }
input:focus, select:focus{ outline:none;}
html {  scroll-padding-top: 100px;}
.container{ width: 90%; max-width:1360px }
header { width:100%; float:left;  color:#000;  padding:15px 0; background:#fff; transition:ease-in .3s;  }
header .site-logo{ margin:0;}
header.dark_head{ background:#4d56a5; }
header.sticky{position:fixed; z-index:500; box-shadow:0 0px 9px 0 #dcdcdc; padding:15px 0;}
header .logo_area{   padding: 0px 0px 0; }
header.sticky .alert-success{ display:none; }
header .logo_area img{ max-width:100%; width:auto;     filter:;}
.displ_nn{ display:none;}
.align_center{ align-items:center; }
nav{ width:auto; float: left;  height:auto; font-size:18px; text-transform:none; font-weight:500; letter-spacing:.5px; padding: 0px 0px; max-width:100%;}
nav ul{ width: auto; padding:0px; margin:0px 0 0;  float:right; text-align:center; letter-spacing: .5px;     display: flex;   align-items: center; }
nav ul li { width:auto; display:inline; margin:0 15px; position:relative }
nav ul li:nth-child(1){ margin-left:0;}
nav ul li a {  width:auto; padding:12px 15px;  display:inline-block; color:#000; position:relative; z-index:99; }
nav ul li a svg path{ fill:#000; transition:ease-in .3s; }
nav ul li:hover a, nav ul li a.active{ color:var(--secondary-color);  }
nav ul li a:hover svg path { fill:var(--secondary-color); }
nav ul li.menu-item-has-children::before{ content:"\F282"; font-family:"bootstrap-icons"; position:absolute; right:-13px; top:13px; color:#000; z-index:10; }
nav ul li.menu-item-has-children:hover::before{color:var(--secondary-color); }
nav ul li:last-child a{ border:none;}
nav ul  li ul.sub-menu {margin: 0;    padding:0px 0; position: absolute; z-index: 0;   width:800px;top: 55px; left:-100px;  box-shadow: ;  transform-origin: top;  -webkit-transform-origin: top;-moz-transform-origin: top;   visibility: hidden; opacity: 0; background: #fff; color:#000;  transition:ease-in .5s;  justify-content:space-between; align-items:stretch ;     padding: 0 25px;  box-shadow: 0 3px 6px #00000014;   transform: translateY(15px);  transition: .5s ease; pointer-events: none;}
nav ul li:hover ul.sub-menu {opacity: 1;visibility: visible; transform: translateY(0px); z-index:99; pointer-events: auto; }
nav ul li ul.sub-menu  li{ width:100%; float:left; margin:2px 0; border-bottom:solid 0px #eee;}
nav ul li ul.sub-menu  li:last-child{ border:none;}
nav ul li ul.sub-menu  li a::after{ display:none;}
nav ul li:last-child ul.sub-menu{ width:200px; flex-flow:wrap; left:0; }
nav ul li ul.sub-menu::before {
    content: "";
    position: absolute;
    left: 100px;
    top: -35px;
    width: 200px;
    height: 20px;
    border: 20px solid rgba(0,0,0,0);
    border-bottom-color: #fff;
    transition: .5s ease
}

nav ul li:last-child  ul.sub-menu::before {
    content: "";
    position: absolute;
    left: 50px;
    top: -50px;
    width: 10px;
    height: 10px;
    border: 30px solid rgba(0,0,0,0);
    border-bottom-color: #fff;
    transition: .5s ease
}

nav ul li ul.sub-menu li a{ color:#000; padding:5px 0; font-size:14px; display:block; text-align:left; background:none; border-radius:0;}
nav ul li ul.sub-menu li.menu-item-object-custom > a{ font-size:18px; font-weight:500;  font-family: 'Circularstd';}
nav ul li ul.sub-menu li.menu-item-object-custom::before{ display:none;}
nav ul li ul.sub-menu ul.sub-menu{ display:block; visibility:visible; opacity:1; position:static; width:100%; float:left; padding:0; box-shadow:none;}
nav ul li ul.sub-menu ul.sub-menu::before{ display:none}
nav ul li ul.sub-menu ul.sub-menu li{ text-align:left; line-height:1.2; margin:3px 0;}
nav ul li a.active{ font-weight:700; }
nav ul li.demo_request{ margin: 0 0 0 30px; }
button.sub-menu-toggle, .mob_menu .mob_head{ display:none;}


.rt_cta{ width:auto; float:right; }
p{ font-size:18px; line-height:30px; color:000; }
header.dark_head nav ul li a{ color:#fff; }
.admin_top{ width:auto; display:flex; flex-flow:row;color:#fff; text-align:left;align-items:center; }
.admin_top figure{ margin:0 8px 0 0; }
.admin_top .dtls{ margin-right:60px; }
.admin_top .dtls span{ display:block; font-size:12px; color:rgba(255, 255, 255, .7) }
.admin_top .dtls label{ margin:0; }

nav ul li.demo_request a{ width:auto;   font-weight:700; font-size:16px; border-radius:5px; }
.mobile_nav{ width:100%; float:right;  height:45px; line-height:45px; color:#fff; font-size:16px; text-transform:uppercase;  padding:0 5px; cursor:pointer; display:none;  top:0px; }
.hide_nav{ display: none; }

svg path{ transition:ease-in .3s; }

.rt_cta .dropdown_precence { position: relative; margin-right: 10px;}
.rt_cta{ width:auto; display:flex; flex-flow:row; align-items:center; }
.rt_cta .dropdown_precence .selected {position: relative; padding-right: 15px; background: #f7fefc; padding: 12px 30px 12px 15px; border-radius: 30px; color:var(--primary-color); font-weight: 600;   cursor: pointer; border: solid 1px var(--secondary-color);
}

.rt_cta .dropdown_precence .selected:after { content: "";position: absolute;top: 24px;right: 15px; width: 5px;height: 5px;border: 5px solid rgba(0,0,0,0); border-top-color: var(--primary-color)}
.rt_cta .dropdown_precence .selected img,.Rt_cta .dropdown_precence .selected span { display: inline-block; vertical-align: middle; color: var(--Selectedblue, #172061)}
.rt_cta .dropdown_precence .selected img { max-width: 18px; margin-right: 5px;  max-height:18px;}
.rt_cta .dropdown_precence:hover .dropdown {transform: translateY(0);opacity: 1; pointer-events: all}
.rt_cta .dropdown_precence .dropdown {  position: absolute; top: 100%;  left: 0; right: 0;  width: 90px;
    padding-top: 10px;  opacity: 0;  pointer-events: none; z-index: 99; transform: translateY(25px);    transition: .5s ease}
.rt_cta .dropdown_precence .dropdown:before {  content: "";  position: absolute; top: -4px; right: 26px;    width: 7px;  height: 7px;  border: 7px solid rgba(0,0,0,0);  border-bottom-color: #fff}
.rt_cta .dropdown_precence .dropdown ul { background: #fff; padding: 5px 0;  box-shadow: 0 0 5px #3331;    border-radius: 5px}
.rt_cta .dropdown_precence .dropdown ul li { display: block;  padding: 5px; cursor: pointer;    background: #fff; transition: .5s ease}
.rt_cta .dropdown_precence .dropdown ul li:hover { background: #f1f1f1}
.rt_cta .dropdown_precence .dropdown ul li img { max-width: 30px;  padding-right: 5px; height: 16px}
.rt_cta .dropdown_precence .dropdown ul li img,.rt_cta .dropdown_precence .dropdown ul li span { display: inline-block;  vertical-align: middle}
.rt_cta .dropdown_precence .dropdown ul li span {  font-size: 12px;  font-weight: 600;  color: var(--primary-color)}





/*CTA Button CSS Starts */
.alert-success{ padding:5px; text-align:center; margin:0; color:#fff; background:var(--primary-color);  border-width:0 0 3px 0; border-bottom:solid 3px #1f1873; border-radius:0; font-size:14px; transform:translateY(-15px); }
.alert-success a{ background:#fff; padding:3px 15px; display:inline-block; color:#000; border-radius:8px; font-weight:500; }
.alert-success a:hover{ background:var(--secondary-color); color:#fff }
.alert-dismissible .btn-close{ opacity:1; background-color:#fff; padding:5px; margin:5px 20px 0 0; }
.mainbtn{color: #fff!important;padding:11px 30px;border-radius:50px;align-items:center;display:inline-flex;text-decoration:none!important;cursor:pointer;letter-spacing:.5px;font-size:18px;font-weight:500;position:relative;background: var(--secondary-color); overflow: hidden;}
.mainbtn.rev{ background:var(--primary-color); }
 .mainbtn.rev_2{ background:var(--primary-color); padding:12px 25px; }
.mainbtn svg{ fill:#fff; position:relative; z-index:10; transition:ease .3s; }
.mainbtn::after{ content: ''; position: absolute; width: 10px; left: 0; right: 0 !important;top: 0;  bottom: 0; margin: auto;  height: 10px;  border-radius: 25px; background: var(--primary-color);  transform: scale(0);    z-index: -1;  transition: all 0.3s ease;}
.mainbtn:hover::after{    width: 100%; height: 100%;  transform: scale(1); z-index:1;  transition: all 0.3s ease;}

.mainbtn.lt:hover::after{    width: 100%; height: 100%;  transform: scale(1); z-index:1;  transition: all 0.3s ease; background: #fff;}
.mainbtn.rev:hover::after{    width: 100%; height: 100%;  transform: scale(1); z-index:1;  transition: all 0.3s ease; background:var(--secondary-color);}
.mainbtn.rev_2:hover::after{    width: 100%; height: 100%;  transform: scale(1); z-index:1;  transition: all 0.3s ease; background:var(--primary-color);}

.mainbtn:hover{color: #fff!important; box-shadow: 0 0 5px 0 #333;}
.mainbtn.lt:hover{color: var(--secondary-color)!important;}
.mainbtn:hover svg{fill: #fff!important;}
.mainbtn.lt:hover svg{fill: var(--secondary-color)!important;}
.cta_area .mainbtn:nth-child(2){ background: #fecc18; color:#000 !important;}
.cta_area .mainbtn:nth-child(2) span{ color:#000;}
.mainbtn:hover span{color: #fff; z-index:5;}
.mainbtn.lt:hover span{color: var(--secondary-color);z-index:5;}
.mainbtn span{ position:relative;  z-index:5;  transition: ease 0.3s ease;}
.mainbtn.big i{ font-size:18px;}
.mainbtn.big i.icon{ width:55px; height:55px;margin:0px 0px 0px 40px;}

/*CTA Button CSS Ends */
section{ width:100%; float:left; padding:60px 0; }

.top_banner{ width:100%; float:left; position:relative; padding:40px 0 90px; overflow:hidden; background: var(--primary-color); }


.top_banner figure{ width:100%; float:left; margin:0; text-align:center;}
.top_banner figure.home_bnr, .top_banner.blog_bnr figure , .top_banner figure.srvc_bnr{border-radius:0px; border:none;  box-shadow:none;  }
.top_banner figure.soft_img{border-radius:0; border:none; box-shadow:none  }
.top_banner figure img{  width:auto; max-width:100%; height:auto; max-height:60vh;}
.top_banner figure.home_bnr img{ width:auto; max-width:100%; height:auto; max-height:inherit}


footer h3 span::before{ position:absolute; content:""; width:100%; height:2px; background:#ccc; bottom:-15px; left:0; }

.hide_des{ display:none;}

.video_bnr{ width: 100%; float:left; padding:0 !important;}
.video_bnr video {width: 100%;   height:auto;object-fit: cover; object-position:bottom; display:block}

.top_banner .banner_txt{ width: 100%; float: left; text-align: left;  color: #fff; padding:0 0px; }
.top_banner .banner_txt h1{ color:#fff; margin: 0; font-weight: 400;}
.top_banner .banner_txt label, .top_banner .banner_txt h1{ font-size:48px; font-weight:700; line-height: 1.2; margin:0 0 15px; font-family: 'Circularstd', sans-serif; }
.top_banner.home_bnr .banner_txt label, .top_banner.home_bnr .banner_txt h1{ font-size:60px; font-weight:700; line-height: 1.2; margin:0 0 15px; font-family: 'Circularstd', sans-serif; }

.top_banner .banner_txt label b{ color:var(--secondary-color);  font-size:32px; font-weight:500;  }
.top_banner .banner_txt .text-slider{ color:var(--secondary-color);  font-size:30px; font-weight:500; margin:0 0 15px; height:40px;  }
.top_banner .banner_txt label span, .top_banner .banner_txt h1 span{ color:var(--secondary-color); }
.top_banner .banner_txt p{ color:#fff; margin:10px 0 40px; font-size:24px; line-height:36px; }
.top_banner .banner_txt ul{ width:100%; display:flex; justify-content:space-between; flex-flow:row wrap; margin:50px 0; }
.top_banner .banner_txt ul li{ flex:1; max-width:30%; }
.top_banner .banner_txt ul li figure{ margin:0 0 15px; border:none; box-shadow:none; height:50px; line-height:50px; }
.top_banner .banner_txt ul li figure img{ width:auto !important}
.top_banner .banner_txt ul li p{ line-height:22px; }
.top_banner .banner_txt a.read_more, a.read_more{width:auto;  font-weight:400; font-size:16px; border-radius:5px; padding:14px 30px;  display: inline-block; margin: 10px 0 0;  margin-right:40px; }

.top_banner .banner_txt a.learn_more { color:#fff; }
.top_banner .banner_txt a.learn_more svg{ margin-left:5px; }
.top_banner .banner_txt a.learn_more:hover{color:#0099CC;}
.top_banner .banner_txt a.learn_more:hover svg  path{stroke:#0099CC;}
.top_banner .banner_txt p span{ display: block; }

.top_banner  .srvc_bnr_txt{ text-align:left; margin-bottom:50px; }
.top_banner  .srvc_bnr_txt p{ font-size:24px; font-weight:500; margin:0px 0 40px; }
.type-wrap {
 
  padding: 0 10px;
}

/* the above is for styling puposes only */

.typed-cursor{
    opacity: 1; color: var(--secondary-color);  font-size: 32px;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

.box_2{ width:100%; float:left; text-align:left; background:#FFF; box-shadow:0 0 10px 0 #1c1d28; padding:20px; border-radius:20px; }
.box_2 h2{ text-align: left; font-size: 28px; margin: 0 0 20px; color:#000; font-weight:500; }
.box_2 p{ font-size: 16px; line-height: 24px; margin: 0 0 20px; text-align:left; font-weight:400; color:#000;  }
.box_2 p.sign{ text-align:left; margin:10px 0 0; width:100%; float:left;  background:#eee; border-radius:5px; font-size:14px; padding:8px 15px; font-weight:500;  }
.box_2 p.sign img{ margin:0 8px 0 0; }
.box_2 ul.form_area li .form-control{  height: 50px; color:#000 ;border: 1.5px solid rgba(0, 0, 0, 0.1);border-radius: 8px; background: none;}
.box_2 ul.form_area li:nth-child(5){ height:70px; } 
.box_2 ul.form_area li .form-control::placeholder{ color:#000 ; font-size: 16px; opacity:.5; }
.box_2 ul li button{width:100%;  background-color: transparent; font-weight:700; font-size:18px; border-radius:5px; display: inline-block; margin: 10px 0px 0 0; height: 60px;}
.box_2 ul.form_area{width:100%; float:left; display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
 .box_2 ul.form_area li{ flex:0 0 100%; margin: 8px 0;}



.sign_txt{ width:100%; height:100%; background:rgba(28, 30, 83, .6); padding:75px 100px; color:#fff; }
.stats_area{ width:100%; float:left; padding:0 0 60px 0; background:#f7faff; text-align:center; }
.stats_area h2{ font-size:48px; margin:0 0 20px;}
.stats_area ul.stats{  width:100%; float:left; background:#fff; color:#fff; padding:10px 0px; display:flex; flex-flow:row; justify-content:space-between;     box-shadow: 1px -7px 12px 0 #1f186a; align-items: stretch;   margin: -60px 0 60px; color:#000; position:relative; z-index:5;   }
.stats_area ul.stats li { display:flex; flex:0 0 20%; text-align:center;  flex-flow:wrap; border-right:solid 2px #e5e5e5; padding:0 20px; }
.stats_area ul.stats li .stat_label{ font-size:48px; color:var(--secondary-color); font-weight:700; margin:0 0; flex:0 0 100%; line-height:54px; font-family: 'Circularstd', sans-serif;   }
.stats_area ul.stats li p{ font-size:14px; font-weight:400;color:#000; margin:0; text-transform:uppercase; letter-spacing:2px; flex:0 0 100%; line-height:18px; }
.stats_area ul.stats li:last-child{ border-right:none; }

.stats_area  ul.stats.home_stats{flex-flow:row wrap;justify-content: space-between;background: none;box-shadow: none;margin: 0; gap:30px 0;}
.stats_area  ul.stats.home_stats li{flex:0 0 47%;background: #fff;border: none;margin: 0px 0;padding: 40px 20px;border-radius: 20px;box-shadow: 0 0 10px 0 #ccc;}

.stats_area .text_dtls{ text-align:left; }
.stats_area .text_dtls p{ margin:0 0 30px; }
.stats_area figure{ border-radius:40px; overflow:hidden; margin:0 }
.stats_area figure video{ width:100%; float: left; height:auto; margin:0;  }
.stats_area .text_dtls .cta_link{ display:none;}

.category_area{ width:100%; float:left; padding:60px 0;}
.category_area  p{ color:#000; font-size:20px; line-height:30px; margin:0 0 25px; width:100%; float:left;  }
.category_area ul{ margin:30px 0; }
.category_area ul li{ position:relative; font-size:20px; line-height:30px; padding:0 0 0 30px; margin:15px 0; font-weight:500; }
.category_area ul li:last-child{ margin-bottom:0 }
.category_area ul li::before{    content: "\f26a"; position: absolute; font-family: bootstrap-icons !important; left: 0; color: var(--secondary-color);}
.category_area h3{ font-size:36px; color:var(--primary-color); font-weight:500; margin:0 0 15px; }
.category_area figure{ width:100%; float:left; margin:0; text-align:center; }
.category_area figure img{ max-width:100%; height:auto; max-height:320px; width:auto; }
.category_area .carousel-indicators{ margin:0; justify-content:start; bottom: 0px}
.loc_cont{ max-height:400px; overflow-y:auto;}
.category_area .carousel-indicators button{ background:none; opacity: .8; width:16px; height:16px; border-radius:50%; cursor:pointer; margin:0 6px; padding: 0; border:solid 1px #ccc; background: #ccc;}
.category_area .carousel-indicators button.active{ background:var(--primary-color); opacity:1; }
.table_area td:nth-child(1){ text-align:left}
.table_area td{ padding:10px 15px; font-size:16px; text-align:left}
.table_area th{ padding:10px 15px; text-align:left; background:#f1f1f1;}

.all_srvc{ border-top:solid 1px #ccc; margin:25px 0 0; padding:25px 0 0; }

.grey_bg{ background:#f4f4f8; padding:60px 0; }
.bg_white{ background:#fff !important}

.vision_box{ width:100%; float:left; background:#f4f4f8; padding:25px 50px; border-radius:30px; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:space-between; margin:25px 0; align-items:center}
.vision_box .left_side{ flex:0 0 70%;}
.vision_box .rgt_side{ flex:0 0 30%;}
.vision_box:nth-child(2) .rgt_side{ order:1}
.vision_box:nth-child(2) .left_side{ order:2}

.top_srch_area{ width:100%; float:left;  display: flex; flex-flow: row; align-items: center; justify-content:center;}
.top_srch_area .filter_area{ width:auto; }
.top_srch_area .filter_area button{ width:185px; height:54px; border-radius:5px; text-align:center; cursor:pointer; font-size:16px; font-weight:500; background-color:transparent; }
.top_srch_area .filter_area select{ width:200px; height:54px; border:none; background:url(../images/icons/down_arrow.png) no-repeat top 22px right 20px; appearance:none; font-size:18px; font-weight:500; cursor:pointer; border:solid 2px var(--secondary-color); border-radius:40px; margin:0; color:var(--secondary-color); padding:0 25px; background-position: }



.top_srch_area h2{ width:auto; }
.top_srch_area .filter_area  a{ color:#282938; }
.top_srch_area .filter_area  a svg{ margin-left:5px; }
.top_srch_area .filter_area  a:hover{ color:#0099CC; }
.top_srch_area .filter_area  a:hover svg path{ stroke:#0099CC; }
.testimonial_top{ width:100%; float:left; background:var(--secondary-color); padding:0px 0 0; color:#fff  }
.testimonial_top figure{ margin:0; }
.testimonial_top h3{ font-size:24px; line-height:32px; color:#fff; font-weight:400; margin:0 0 20px;  letter-spacing:.5px; font-style:italic; }
.testimonial_top figure{ margin:0; }
.testimonial_top figure img{ max-width: 100%; height:auto}



.testimonial_area{ width:100%; float:left; background:var(--primary-color); padding:100px 0; color:#fff;  margin:0 0 30px 0 }
.title_area{ padding-right:50px;  }
.title_area label{ font-size:18px; font-weight:500; letter-spacing:3px; text-transform:uppercase; margin:0 0 10px; }
.title_area h2{ color:#fff; }
.title_area  p{font-size:20px; line-height:30px; }


.client_dtls{ width:100%; float:left; display:flex; flex-flow:row; align-items:center; }
.client_dtls .dtls h4{ font-size:18px; line-height:27px; font-weight:500; margin:0 0 0px; }
.client_dtls .dtls  p{ margin:0; font-size:12px; color:#282938; font-weight:500; }
.testimonial_area .client_dtls{ width:100%; float:left; display:flex; flex-flow:row; align-items:center; }

.testi_dtls h3{ font-size:32px; line-height:42px; color:#fff; font-weight:500; margin:0 0 15px; font-style:italic; }
.testi_dtls .star_rate{ font-size:20px; color:#fbbc04; margin:0 0 30px; }

.testimonial_area .client_dtls figure{ margin:0 15px 0 0; width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
.testimonial_area .client_dtls figure img{ max-width:100%; height:60px; object-fit:cover; width:auto; }
.testimonial_area .client_dtls .dtls h4{ font-size:18px; line-height:27px; font-weight:500; margin:0 0 0px; }
.testimonial_area .client_dtls .dtls  p{ margin:0; font-size:16px; font-weight:500; color:#fff; }
.testimonial_area .carousel-indicators{ margin:0; justify-content:end; }
.testimonial_area .carousel-indicators li{ background:#19B3FF; opacity: .6; width:16px; height:16px; border-radius:50%; cursor:pointer; margin:0 6px; }
.testimonial_area .carousel-indicators li.active{ background:#19B3FF; opacity:1; }

.testimonial_area .carousel-indicators{  margin:0; justify-content:end;}
.testimonial_area .carousel-indicators button{ background:#19B3FF; opacity: .6; width:20px;  border-radius:50%; cursor:pointer; margin:0 6px; }
.testimonial_area .carousel-indicators button.active{ background:#19B3FF; opacity:1;  }



.get_started{ width:100%; float:left; text-align:center; padding:60px 0; position:relative; overflow:hidden; }
.get_started h2{ padding:0 100px;}
.get_started ul{width:100%; margin: 0 auto; display:flex; flex-flow:row wrap; justify-content:space-between; margin:30px 0; padding:20px 0 0px; position:relative; z-index:5; max-width: 1000px;}
.get_started ul::before{  content: "";   position: absolute;   right: -35px; top: 5px;    height: 248px;   background: url(../images/bg_shape.webp); background-repeat: no-repeat;    width: 105%;   transition: width 1.5s linear }
.get_started ul li{ flex:0 0 20%; max-width: 20%; padding:8px;  text-align:center; transition:ease-in .3s; margin:0px 0 ; position:relative;    }
.get_started ul li figure{ width: 100%; float: left; line-height:175px; background:url(../images/icon_bg.png) no-repeat center; background-size:175px; min-height:210px; margin:0 0 40px }
.get_started ul li h3{ width:100%; float:left; font-size:18px; color:#182061; font-weight:500; margin:0 0 10px;}
.get_started ul li p{ margin:0; color: #000; font-weight: 400; font-size: 16px;}


.srvc_cta{ width:100%;float:left; padding:0px 0 00px 0; background: var(--primary-color); color: #fff;}
.srvc_cta h2{ color:#fff; }
.cta_bg{width:80%;float:left; background:; color:#fff; padding:0px 10%; border-radius:12px; display:flex; flex-flow:row wrap; justify-content:space-between; text-align:left; align-items:center;}
.srvc_cta figure{ width:100%; height:auto; margin:0;  }
.srvc_cta figure img{ max-width:100%; text-align:center;  min-height: auto; object-fit: cover; width:100%; max-height:400px; height:auto;}
.srvc_cta .dtls_area{ padding:0 250px 0 60px; }
.cta_bg h2{ font-size:32px; color:#fff; }
.cta_bg p{ font-size:20px; margin:0; color:#fff; }
.cta_area{ margin:0px 0;}


.why_us{ background:var(--primary-color); width:100%; float:left; padding:60px 0; color:#fff; }
.why_us h2{ color:#fff; margin:0 0 50px; }
.why_us h4{ font-size:36px; font-weight:400; margin:0 0 20px; }
.text_box{ display:flex; flex-flow:wrap; height:600px; align-content:center;  padding: 0 100px 0 0;}
.text_box figure{border:10px solid #fff; border-radius:30px; overflow:hidden; margin:0 0 20px; width:100%; display:none;}
.text_box figure img{ width:100%; height:auto;}
.text_box label{ flex:0 0 100%; font-weight:500; margin:0 0 20px; }
.why_us .list-group{ position:sticky; border:20px solid #fff; border-radius:40px; top:120px; height:60vh; max-height:550px; overflow:hidden; background:#fff; transition:ease-in 1s all; }
.why_us .list-group-item-action { display:none; opacity:0; visibility:hidden;  background:#fff; overflow:hidden; padding:0; border-radius:0; height:100%;  }
.why_us .list-group-item-action.active{ display:block; opacity:1; visibility:visible;background:#fff !important; border:none;   padding:0;  border-radius:0;} 
.why_us .list-group-item-action figure{ margin:0; height:100%;}
.why_us .list-group-item-action img{transition:ease 1s all; max-width: 100%; height:100%; width:100%; object-fit:cover}

.tech_partners{ width:100%; float:left; padding:60px 0; }
.tech_partners ul.partner_list{ width:100%; float:left; display:flex; flex-flow:row wrap; justify-content:space-between; margin:25px 0 0; }
.tech_partners .partner_box{border: solid 1px #dededecc;width: 100%;background: #fff;border-radius: 5px;padding: 12px 20px;overflow: hidden;border-radius: 8px;}
.tech_partners .partner_box figure{ margin:0 0 0px; text-align:center }
.tech_partners .partner_box figure img{ max-width:100%; width:auto; max-height:60px; display:inline-block }
.tech_partners .partner_box h3{ font-size:18px; margin:0 0 10px; font-weight:500; color:#000;}
.tech_partners .partner_box p{ font-size:16px; margin:0; line-height:24px;color:#000; }
.tech_partners .item{ padding:10px; }
.tech_partners .award_box{ width:100%; text-align:center;}
.tech_partners .award_box img{ width:auto !important; max-width:100%; display:inline-block !important; max-height:125px;}
.tech_partners.price_part_img .award_box img{ width:auto !important; max-width:100%; display:inline-block !important; max-height:80px;}
.tech_partners .partner_box h3, .tech_partners .partner_box p{ display:none}

.we_serve .partner_box{ width: 100%; background: #fff;  box-shadow: 0 0 12px #ddd; border-radius: 5px; padding: 20px; overflow: hidden; display: flex;}
.we_serve .partner_box figure{ margin:0 0 0px;  flex:0 0 225px; border-radius:20px; overflow:hidden; }
.we_serve .partner_box .dtls{ padding-left:25px; }
.we_serve .partner_box figure img{ max-width:100%; width:auto; height:100%; }
.we_serve .partner_box h3{ font-size:24px; margin:0 0 10px; font-weight:500; color:var(--primary-color); }
.we_serve .partner_box p{ font-size:16px; margin:0; line-height:24px; }
.we_serve a .partner_box p{ color:#000}

.process-section {
  background: #fff;
  text-align: center;
  padding: 60px 20px;
  font-family: Arial, sans-serif;
}
.section-subtitle {
  color: #6abf4b;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 8px;
}
.section-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 40px;
  line-height: 1.3;
}

/* Process Steps Container */
.process-steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}

/* Common Card Style */
.step-card {
  background: #111;
  color: #fff;
  border-radius: 15px;
  padding: 30px 20px;
  position: relative;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  transition: transform 0.3s ease;
}
.step-card h3 {
  font-size: 20px;
  margin: 15px 0 10px;
}
.step-card p {
  font-size: 14px;
  color: #ddd;
  margin-bottom: 15px;
}
.step-number {
  background: #6abf4b;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  padding: 5px 12px;
  border-radius: 50%;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
}

/* Small Cards */
.small-card {
  width: 220px;
  height: 280px;
}
.tilt-left { transform: rotate(-5deg); }
.tilt-right { transform: rotate(5deg); }

/* Center Big Card */
.big-card {
  width: 280px;
  height: 320px;
  z-index: 2;
  transform: rotate(0deg);
  background: #1a1a1a;
}
.center-card {
  margin-top: -20px; /* to make it stand out a bit */
}

/* Hover Effect */
.step-card:hover {
  transform: scale(1.05) rotate(0deg);
  z-index: 3;
}


.blog_home{ width:100%; float:left; padding:60px 0; background: #f7faff;}
.blog_home ul.blog_list{width:100%; flex-flow:row wrap;  float:left; display:flex; align-items:center; justify-content:space-between; margin:15px 0; gap:30px;}
.blog_home ul.blog_list li{ flex:0 0 31%; margin:20px 0; text-align: center; max-width:31%;}
.blog_home ul.blog_list li figure{ width:100%; height:auto; float:left; position:relative; margin: 0 0 25px; overflow: hidden; background:#ebf3f1; padding:20px;}
.blog_home ul.blog_list li figure img{ max-width:100%; width:auto !important; height:auto; transition:ease-in .3s; max-height:200px; min-height:200px; }
.blog_home ul.blog_list li:hover img{ transform:scale(1.1); }

.blog_home ul.blog_list li figure .rating{ width:auto; position:absolute; width:63px; height:25px; background:#00283C; font-size:12px;  color:#fff; border-radius:12px; right:10px; bottom:-12px; text-align:center; display:flex; align-items:center; justify-content:center; cursor:pointer;  }
.blog_home ul.blog_list li figure .rating svg{ margin-right:5px; }
.blog_home ul.blog_list li label{ width:100%; float:left; font-size:18px; font-weight:500; color:var(--secondary-color); margin:0 0 10px; }
.blog_home ul.blog_list li h4, .blog_home ul.blog_list li h3{ width:100%; float:left; font-size:22px; font-weight:500; margin:0 0 8px; padding:0 16px; text-align:center;  }
.blog_home ul.blog_list li a h4 , .blog_home ul.blog_list li a h3,  .blog_home ul.blog_list li  h3 a{ color:#000; }
.blog_home ul.blog_list li p{ color:rgba(40, 41, 56, .6); font-size:16px; line-height:24px; margin:0 0 20px;  padding:0 16px;}
.blog_home ul.blog_list li .act_area{ width:100%; float:left;   padding:0 16px;}
.blog_home ul.blog_list li .act_area span{ margin-right:15px;  color:rgba(40, 41, 56, .9);}
.blog_home ul.blog_list li .act_area span img{ margin-right:5px; display:inline; }

.blog_home ul.cat_list { width:100%;  display:flex; justify-content:center; flex-flow:row wrap; align-items:center; gap:10px;}
.blog_home ul.cat_list li{ margin:10px 0;}
.blog_home ul.cat_list li a { border:solid 1px var(--secondary-color); padding:10px 15px; color:var(--secondary-color); font-size:15px;  border-radius:25px;          }
.blog_home ul.cat_list li a:hover, .blog_home ul.cat_list li a.active {     background: var(--secondary-color);        color: #fff           }


.location_srvc{ width:100%;   padding:00px 0 60px 0; text-align:center; background:linear-gradient(rgba(235,245,255,0),#f7faff  69%); border-bottom:solid 1px #c1cada; }
.location_srvc p{ font-size:20px !important; line-height:27px; margin: 0 0 25px;}
.location_srvc h2{ text-align:center; margin:0 0 10px;}
.location_srvc ul{width:100%; float:left; display:flex; align-items:center; justify-content:center; flex-flow:row wrap; padding:0; margin:0; }
.location_srvc ul li{ margin: 8px;
        flex: 0 0 16%;list-style: none;
}
.location_srvc ul li a{ font-size: 18px; text-transform: uppercase;
    border: solid 1px var(--secondary-color); display: inline-block; width: 100%;
    padding: 10px;  text-decoration: none;
    border-radius: 30px; font-weight:500;color: var(--secondary-color); transition:ease-in .3s; }
    .location_srvc ul li i{ color:var(--secondary-color);}
    .location_srvc ul li a:hover{ color:#fff; background:var(--secondary-color); }
    .location_srvc ul li a:hover i{ color:#fff; }


.faq_area{ width:100%; float:left;  padding:60px 0 60px;      }
.faq_area ul.logo_list{ width:100%; float:left; display:flex; flex-flow:row wrap; justify-content:space-between; margin:0px 0 50px; justify-content:center; align-items:center; }
.faq_area ul.logo_list li{ margin:10px 20px; flex:1; text-align:center; }
.faq_area ul.logo_list li img{ max-width:100%; height:auto; max-height:90px; width:auto;}
.faq_area h2{ }
.faq_area h3{ font-size:24px; margin:15px 0; width:100%; float:left; }
.faq_area .accordion{ margin:0 0 25px;  width:100%; float:left; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:start; max-height:400px; overflow:auto }
.faq_area .accordion-item{ background:#f2f5f3; flex:0 0 48%; margin:10px 0; }
.faq_area .accordion-button{background:#f2f5f3; font-weight: 600}
.faq_head{ width:100%; display:flex; flex-flow:row; align-items:center; justify-content:space-between; margin:20px 0 20px; }
.faq_head .lft{ flex:0 0 50%; border-left:solid 6px var(--secondary-color); text-align:left; padding:0 0 0 20px;  }
.srvc_faq{ padding:0 0 60px }
.srvc_faq .faq_head .lft{ flex:0 0 100%; margin:0 0 25px  }
.faq_area.srvc_faq .accordion-item{flex: 0 0 100%; margin: 12px 0;}
.faq_head .lft label{ font-weight:400; letter-spacing:3px; font-size:18px; text-transform:uppercase; font-size:16px; }
.faq_head .lft h2{ margin:0; text-align:left; }

.srvc_faq .box_2{ width:100%; float:left; background:var(--primary-color);  padding:30px 50px; border-radius:20px; color:#fff; box-shadow:none; }
.srvc_faq .box_2 h2{ text-align: center; font-size: 32px; margin: 0 0 20px; color:#fff; font-weight:500; }
.srvc_faq .box_2 p{ font-size: 16px; line-height: 24px; margin: 0 0 20px; text-align:center; font-weight:400; color:#fff;  }
.srvc_faq .box_2 p.sign{ text-align:left; margin:10px 0 0; width:100%; float:left;  background:#eee; border-radius:5px; font-size:14px; padding:8px 15px; font-weight:500;  }
.srvc_faq .box_2 p.sign img{ margin:0 8px 0 0; }
.srvc_faq .box_2 ul.form_area li .form-control{  height: 50px; color:#000 ;border: 1.5px solid rgba(0, 0, 0, 0.1);border-radius: 8px; background: #fff;}
.srvc_faq .box_2 ul.form_area li:nth-child(5){ height:70px; text-align:center; } 
.srvc_faq .box_2 ul.form_area li .form-control::placeholder{ color:#000 ; font-size: 16px; opacity:.5; }
.srvc_faq .box_2 ul.form_area li textarea.form-control{ height:100px }
.srvc_faq .box_2 ul li button, .srvc_faq .box_2 ul li input.wpcf7-submit{width:100%;  background-color: transparent; font-weight:700; font-size:18px; border-radius:5px; display: inline-block; margin: 10px auto; height: 60px; background: var(--secondary-color); color: #fff; width: auto; padding: 0 40px; font-size: 18px; border-radius: 40px;}
.srvc_faq .box_2 ul.form_area{width:100%; float:left; display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
.srvc_faq .box_2 ul.form_area li{ flex:0 0 100%; margin: 8px 0;}
.srvc_faq .box_2 ul.form_area li p{ margin:0}
.srvc_faq .box_2 ul.form_area .wpcf7-not-valid-tip{ text-align:left}




.signup_area{ background:var(--primary-color); padding:50px 0; }


.newsletter_signup{ width:100%; max-width:850px; margin:0 auto; color:#fff; padding:0; display:flex; flex-flow:wrap; justify-content:center;     align-items: center; text-align:center     }
.newsletter_signup figure{ flex:0 0 90px; margin:0; }
.newsletter_signup figure img{ max-width:100%; }
.left_txt{  flex:0 0 100%; margin:0 0 25px; text-align:center}
.newsletter_signup  h3{ width:auto; font-size:48px; color:#fff; text-transform:capitalize; margin:0 0 20px; font-weight:700; width:100%; margin:0; }
.newsletter_signup p{   line-height:32px; margin:0; padding:0px 0; font-size:20px;}
.newsletter_signup .inpt_area{ flex:0 0 100%; padding:0px 0;}
.newsletter_signup .inpt_area .wpcf7-form-control-wrap{flex:0 0 75%;}
.newsletter_signup .inpt_area .wpcf7-form-control-wrap input{width:100%; float:left; height:55px;  border:solid 1px #d9d8d9; padding:0 15px 0 15px;}
.newsletter_signup .inpt_area input.wpcf7-submit{ flex:0 0 25%; max-width:160px; float:left; background:var(--secondary-color); color:#fff; border:none; height:55px; text-transform:uppercase; cursor:pointer; font-size:18px; font-weight:500; transition:ease-in .3s; letter-spacing:2px }
.newsletter_signup .inpt_area button:hover{ background:var(--primary-color);}
.newsletter_signup .inpt_area p{ display:flex; flex-flow:row; align-items:center; width:100%; float:left; margin:0; justify-content:center}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output{ width:100%; float:left;}
.wpcf7-spinner{ display:none;}
.newsletter_signup .inpt_area .wpcf7-not-valid-tip{ position:absolute; bottom:-15px;}

footer{width:100%;float:left;min-height:300px;background:#fff;padding:50px 0 0 0;color:#000; border-top:solid 5px var(--primary-color); }
footer h3{width:100%;float:left;font-size:20px; letter-spacing:.8px; margin:0 0 20px 0; color:var(--primary-color);text-align:left; font-weight: 500;  padding:0 0 10px; }
footer h3 span{position:relative;}
footer h3 span::after{ position:absolute; content:""; width:50px; height:7px; background:var(--secondary-color); bottom:-17px; left:0; }
footer h3 span::before{ position:absolute; content:""; width:100%; height:2px; background:#ccc; bottom:-15px; left:0; }


footer .guest_link{width:100%;float:left;height:auto;padding:0 0 15px;}
footer .guest_link li{ width:100%; float:left;  letter-spacing:.5px; font-size:14px; position:relative; color:#000;  margin: 5px 0;}
footer .guest_link.half_li li{ width:48%; }
footer .guest_link li a{color:#444;width:100%;display:inline-block; padding:0px;transition:ease-in .3s; }
footer .guest_link li a:hover{color:var(--secondary-color);}


ul.social-icon { width:100%; float:left; text-align:left; padding:15px 0;  text-align:center; }
ul.social-icon li { width:auto; display:inline-block; margin:0 6px 0 0;}
ul.social-icon li a{width:34px !Important;height:34px !important;border-radius:50%;padding:0;text-align:center;margin:0 auto;display:block;line-height:34px;color:#fff; background:#40484a; vertical-align:middle;transition:.3s;}
ul.social-icon li a:hover{transform:rotate(360deg) scale(1.1);background-color:#e46c10;color:#fff;}

footer .last_footer{ padding-top:10px; color:#444;}
footer .last_footer p{padding:5px 0 0 0;text-align:left; font-size:14px;}
footer .last_footer .we_accept{ width:100%; text-align:right;}
footer .address_detials{ width:100%; float:left; color:#fff; padding:0px 0; text-align:left; border-top:solid 0px #ccc; margin:0 }
footer .address_detials figure{ margin:0;}
footer .address_detials figure img{ width:auto; max-height:40px; }
footer .address_detials ul{ width:100%; float:left; margin:0 0 0px; padding:0px 0; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; }
footer .address_detials ul li{ display:flex; flex-flow:row; align-items:center; border-bottom:solid 0px #ccc; padding:0; margin:0 0px;}
footer .address_detials ul li:last-child{ border-bottom:none;}
footer .address_detials ul li h4{ color:#444; font-size:16px; margin:0; }
footer .address_detials  p{ margin:0; font-size:14px; line-height: 24px; color: #444; width: 100%; float: left;}
footer .address_detials ul li figure{ width:40px; height:40px; flex:0 0 40px; border-radius:8px; border:solid 0px #ccc; margin:0 0px 0 0; text-align:left; line-height:40px; font-size:22px; color:var(--secondary-color); }
footer .address_detials ul li a{ font-size:14px; color:#444;}
footer .foot_certi{ width:100%; float:left;  border:solid 1px #ccc; border-width:1px 0 1px 0; padding:15px 0; text-align:center; overflow:hidden }
footer .foot_certi img{ max-height:80px; width:auto; min-height:80px;}
footer .foot_certi a{ margin:0 35px;}
footer .desclaimer{ width:100%; float:left;  border:solid 1px #ccc; border-width:0 0 1px 0; padding:0 0 15px 0; text-align:left; display:flex; flex-flow:row; align-items:center; justify-content:center}
footer .desclaimer h3{ width:auto; margin:0 15px 0 0;}
footer .desclaimer p{ font-size:13px; line-height:20px; margin:0; color:#999;}
footer .social_icons a { color:var(--primary-color) font-size:18px;  }
footer .social_icons a:hover{color:var(--secondary-color)}
footer .bot_links ul.link_list{ width:100%; float:left; border:solid 1px #ccc; padding:10px 0; text-align:center; border-width:1px 0 0px 0; }
footer .bot_links ul.link_list li{ display:inline-block; margin:5px 0; padding:0px 25px; line-height:16px; border-right:solid 0px #333; font-size:14px;}
footer .bot_links ul.link_list li:last-child{ border:none}
footer .bot_links ul.link_list li a{color:#444;}
.contact_box{ width:auto; padding:15px 35px; background: #0099CC;border-radius: 5px 5px 0px 0px; position:absolute; left:0; bottom:-30px; }
.contact_box ul li{ margin-right:40px; }
.contact_box ul li h4{ font-size:18px; font-weight:500; color:#00283C; margin:0 0 5px; }
.contact_box ul li p{ font-size:16px; font-weight:400; margin:0;color:#00283C; opacity:.8;  }
.contact_box ul li:last-child{ margin:0; }
.scrollup {display: none;position: fixed;   bottom: 6em; border-radius:50%; left: 30px;width: 52px; height: 52px;   background: var(--secondary-color); color: #fff;line-height: 52px;transition: ease-in .3s all;  z-index: 999;   text-align: center; font-size: 20px}
.scrollup:hover {background: #00283C;color: #fff}
.bordr_btm{ border-bottom:0px solid #ECECF1; padding-bottom:0px; margin-bottom:0px; }
p.no_margin{ margin:0 !important; }
.sign_up_area{ width:100%; float:left; text-align:center; margin:50px 0 0; }
.sign_up_area h2{ margin:0 0 25px; }
.sign_up_area p{ font-weight:500; margin:0 0 25px; }
.sign_up_area a{ width:292px; text-align:center; line-height:60px; display:inline-block; border-radius:5px; font-weight:500; }
.error{ color:#f00; font-weight:500; }



/* modal */
.modal .modal-content{ border-radius: 0;}
.modal .modal-body{ padding:0px; position:relative; display: flex; flex-flow: row wrap; align-items: stretch;}
.modal .modal-body .btn-close{  position:absolute;content:''; right:-25px; top:-25px;height:30px;width: 30px;    background-color: #fff; border: none;  color: #fff; text-shadow: none; opacity: 1; border-radius: 30px; box-shadow:0 0 5px 0 #ccc; }
.modal .modal-body .lft_side{ flex:0 0 50%; }
.modal .modal-body .lft_side figure{ height:100%; }
.modal .modal-body .lft_side img{ width:100%; height:100%; }
.modal .modal-body .rgt_side{ flex:0 0 50%; }
.modal .modal-body .rgt_side{ padding:20px; }
.modal .modal-body .rgt_side h2{ font-size:24px; margin:0 0 10px; }
.modal .modal-body .rgt_side p{ font-size:14px; font-weight:500; line-height:18px; }

.modal .projectName{  text-align: center; font-size: 36px; margin: 0 0 10px; font-weight: 600;}
.modal .projectName img{ max-width: 160px;}
.modal .location{text-align: center; font-size: 15px; letter-spacing: 0.5px;}
.modal .form_price{ margin: 20px auto 25px; text-align: center; width: max-content;  background: #fff; border: solid 2px var(--secondary-color);  color: var(--secondary-color); width: 100%; padding: 12px 10px; font-size: 13px; border-radius: 8px;text-transform: uppercase;  letter-spacing: 1px; font-weight: 600;}
.modal .form-group{margin-bottom: 14px;}
.modal label{  margin-bottom: 4px;  font-size:15px; font-weight: 500;}

.modal .form-control::placeholder{  font-size:14px;}
.modal .submit_btn{ border-radius: 0;text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px;padding: 12px 25px;  width: auto;  font-size: 16px; min-height: 44px;  display: table;  margin: 00px auto 20px auto; background: var(--secondary-color); border-radius: 30px; border:none; }
.modal .box_2{ box-shadow:none; padding:0 }


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.error{ color:var(--secondary-color); }
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}

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

  


.get_started ul::before{  content: "";   position: absolute;   right: -38px; top: 5px;    height: 248px;   background: url(https://www.whizconsulting.ae/wp-content/uploads/2025/01/bg_shape.webp); background-repeat: no-repeat;    width: 105%;   transition: width 1.5s linear ;}
.get_started ul li figure{ line-height:210px;background-size:180px; transition:ease-in .3s;}
         .get_started ul li figure svg{ width:70px; height:70px; display:inline-block; }
.get_started ul li figure span{ font-size:72px; line-height:215px; color:var(--primary-color) }
.get_started ul li{ transition:ease-in .3s; border-radius:80px;   }
      
.get_started ul{ margin:30px auto; }



.we_offer{ width:100%; float:left; background:#f4f4f8; padding:60px 0; }
.we_offer .container{ max-width:1360px; }
.we_offer.new_cont.container{ max-width:1100px; }
.we_offer h2{ font-size:32px; margin:0 0 20px; }
.we_offer.pricing_offer h2{ font-size:48px;}
.we_offer ul{ margin:30px 0; }
.we_offer ul li{ position:relative; font-size:20px; line-height:30px; padding:0 0 0 30px; margin:15px 0; font-weight:500; }
.we_offer ul li:last-child{ margin-bottom:0 }
.we_offer ul li::before{    content: "\f26a"; position: absolute; font-family: bootstrap-icons !important; left: 0; color: var(--secondary-color);}

.we_offer.new_cont ul li{ font-size:18px; line-height:27px;}
.we_offer figure, .enhance_sec figure, .partner_sec figure{ margin:0; text-align:center;}
.we_offer figure img, .enhance_sec figure img, .partner_sec figure img{ max-width:100%; height:auto; max-height:460px; width:auto}
.we_offer.pricing_offer ul li{ width:100%; float:left; padding:15px 20px 15px 45px; background:#fff; border-radius:5px; margin:6px 0;}
.we_offer.pricing_offer ul li::before{ left:15px;}
.we_offer.pricing_offer label{ font-size:16px; margin:0 0 15px;}
.we_offer .inner_box{ width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch; box-shadow:0px -1px 17px #ccc;}
.we_offer .inner_box ul{ margin-bottom:0;}
.we_offer .inner_box h3{ text-align:center;}
.we_offer .inner_box ul li{ font-size:20px; margin:0px 0; padding:20px 0 20px 35px; border-bottom:solid 1px #ccc; font-family: 'Circularstd'; font-weight:500;}
.we_offer .inner_box .lft_area{ flex:0 0 50%; background:#fff; padding:40px; position:relative;}
.we_offer .inner_box .lft_area ul li::before{content:"\F622"; color:#e52020}
.we_offer .inner_box .rgt_area{ flex:0 0 50%; background:var(--primary-color); color:#fff;  padding:40px;}
.we_offer .inner_box .rgt_area ul li{ border-bottom:solid 1px #5a5a9e;}
.we_offer .inner_box .rgt_area ul li::before{color:#fff;}
.we_offer .inner_box ul li::before{ font-size:24px;}
.we_offer .inner_box ul li:last-child{ border-bottom:none;}
.we_offer .inner_box ul{ margin:15px 0 0;}
.we_offer .inner_box .lft_area .arrow_rt{ font-size:36px; background:#fff; height:50px; width:50px; line-height:60px; text-align:center; position:absolute; left:100%; top:7%; color:var(--secondary-color); border-radius:50%; margin-left:-25px;}
.we_offer.off_vs_on h2{ font-size:48px; margin:0 0 5px;}
.we_offer.off_vs_on p{ font-size:20px; margin:0 0 40px;}
.we_offer.off_vs_on .inner_box .lft_area, .we_offer.off_vs_on .inner_box .rgt_area{ padding:40px 30px;}
.we_offer.off_vs_on .inner_box ul li { padding:12px 0 12px 35px;}
.we_offer.off_vs_on .inner_box ul li p{ margin:0; font-size:16px; }
.we_offer.off_vs_on .inner_box .lft_area .arrow_rt{ top:5%;}

.enhance_sec ul.account_list{width:100%; flex-flow:row wrap;  float:left; display:flex; align-items:stretch; justify-content:space-between; margin:0px 0 20px;}
.enhance_sec ul.account_list li{ flex:0 0 24%; padding:0px 00px; margin:20px 0;  }
.enhance_sec ul.account_list li figure{ width:100%;float:left; position:relative; font-weight:700; font-size:48px; color:#0099cc; margin:0 0 5px }
.enhance_sec ul.account_list li figure img{width:auto; max-width:100%; height:auto; max-height:280px }
.enhance_sec ul.account_list li h3{ width:100%; float:left; color:var(--primary-color); font-size:20px; font-weight:500; margin:0 0 15px; text-align:center; line-height:24px; }
.enhance_sec .cta_link{ text-align:center}
.pricing_offer { }


.we_offer.dark_bg{ background:var(--primary-color); color:#fff; }
.we_offer.dark_bg h2, .we_offer.dark_bg h3{ color:#fff; }
.we_offer.dark_bg figure{ border-radius:40px; overflow:hidden; }
.we_offer.dark_bg figure img{ width:100%; height:auto; }



.content_list{ padding:50px 0; }
.content_list:nth-child(2n+1) { background:#f4f4f8}
.content_list:nth-child(2n+1) .order_1{ order:1}
.content_list:nth-child(2n+1) .order_2{ order:2}
.enhance_sec{ background:#f4f4f8; }
.migrate_soft{}
.switch_whiz .imp_facts{ background:var(--primary-color); color:#fff; padding:50px; border-radius:50px; w  }
.switch_whiz .imp_facts h3{ font-size:48px; margin:0 0 25px; font-weight: 600; border-bottom:solid 3px #fff; padding:0 0 15px; }
.switch_whiz .imp_facts ul{ margin:15px 0 0; }
.switch_whiz .imp_facts ul li{ position:relative; font-size:20px; line-height:30px; padding:0 0 0 30px; margin:15px 0; font-weight:500; }
.switch_whiz .imp_facts ul li:last-child{ margin-bottom:0 }
.switch_whiz .imp_facts ul li::before{    content: "\f26a"; position: absolute; font-family: bootstrap-icons !important; left: 0;}
.switch_info{ padding:0 0 0 60px; }
.switch_info h2{ font-size:60px; color:#000; }
.switch_info p{ margin:25px 0 40px; }
.migrate_soft figure{ border-radius:40px; overflow:hidden; text-align:center }
.migrate_soft figure img{ max-width:100%; height:auto; width:auto; }


.partner_sec{ background:#f9fafe; }
.white_bg{ background:#fff; }

.how_works .container{ max-width:1140px;}
.how_works p{ margin-bottom:50px;}
.how_works figure{ border-radius:50px; overflow:hidden; max-width:95%; }

.how_works figure img, .how_works figure video{ width:100%; height:auto; }
.how_works ul.steps{ width:100%; float:left; max-width:500px;  }
.how_works ul.steps li{ display:flex; flex-flow:row; margin:0px 0; position:relative }
.how_works ul.steps li figure{ flex:0 0 85px; height:85px; background:var(--primary-color); line-height:85px; margin:0; text-align:center; border-radius:8px; position:relative;overflow:inherit; display:none  }
.how_works ul.steps li:nth-child(2){ padding:45px 0;}
.how_works ul.steps li::before{ width:2px; height:100%; content:''; position:absolute; background:var(--primary-color); bottom:0; left:0%;}
.how_works ul.steps li:last-child figure::before{ display:none; }
.how_works ul.steps li figure img{ width:auto; }
.how_works ul.steps li .dtls{ padding-left:30px; }
.how_works ul.steps li .dtls h4{ font-weight:500; font-size: 24px; color:var(--primary-color); position:relative; margin:0 0 10px; }
.how_works ul.steps li .dtls h4::before{ width:20px; height:20px; border-radius:20px; content:""; background:var(--primary-color); left:-39px; position:absolute }
.how_works ul.steps li .dtls p{ margin:0;}

.keep_simple{ background:#f4f4f8; padding:60px 0;}
.keep_simple h2{}
.keep_simple p{}
.keep_simple figure{ border-radius:50px; overflow:hidden; max-width:95%; }


.keep_simple{ background:#f4f4f8; padding:60px 0;}
.keep_simple p{ margin-bottom:40px;}
.keep_simple figure{ border-radius:30px; overflow:hidden; max-width:95%; height:100%; }
.keep_simple figure img, .keep_simple figure video{ width:100%; height:100%; object-fit:cover }
.keep_simple figure img, .how_works figure video{ width:100%; height:auto; }
.keep_simple ul.steps{ width:100%; float:left; max-width:100%;  display:flex; flex-flow:row wrap; justify-content:space-between; gap:25px;}
.keep_simple ul.steps li{display:flex;flex-flow:row;margin:0px 0;position:relative;flex:0 0 48%;border:none;padding: 25px;box-shadow: 0px -1px 17px #ccc; position:relative;  background:#fff; border-radius:20px; }
.keep_simple ul.steps li figure{ flex:0 0 60px; width:60px; height:60px; background:var(--secondary-color); line-height:60px; margin:0 0 15px; text-align:center; border-radius:8px; position:relative;overflow:inherit; display:inline-block; font-size:32px; color:#fff;  }
.keep_simple ul.steps li:last-child figure::before{ display:none; }
.keep_simple ul.steps li figure img{ width:auto; }
.keep_simple ul.steps li .dtls{ padding-left:0px; }
.keep_simple ul.steps li .dtls h4{ font-weight:500; font-size: 22px; color:var(--primary-color); position:relative; margin:0 0 10px; }
.keep_simple ul.steps li .dtls h4::before{ width:20px; height:20px; border-radius:20px; content:""; background:var(--primary-color); left:-39px; position:absolute; display:none; }
.keep_simple ul.steps li .dtls p{ margin:0; font-size:16px; line-height:26px;}

.cta_srvs_page{ background:var(--primary-color); padding:30px 0; color:#fff; }
.cta_srvs_page .cta_new{ display:flex; flex-flow:row; align-items:center; justify-content:space-between; }
.cta_srvs_page .cta_new h3{ flex:0 0 25%; display:flex; font-size:36px; line-height:36px; font-weight:500; }
.cta_srvs_page .cta_new h3 img{ margin-right:10px; }
.cta_srvs_page .cta_new p{ font-size:28px; padding:0 30px; margin:0; line-height:36px; }
.cta_srvs_page .cta_new .btn_area{ flex:0 0 200px; }

.stats_area.dark_bg{background:var(--primary-color); padding:60px 0; text-align:left; color:#fff;}
.stats_area.dark_bg h2{ color:#fff;}
.stats_area.dark_bg figure{ border:solid 5px #fff;}

.topics_area{ width:100%; float:left; padding:80px 0; text-align: center;}
.topics_area h2{ text-align:center; margin:0 0 20px; }
.topics_area ul.topic_list{width:100%; flex-flow:row wrap;  float:left; display:flex; align-items:stretch; justify-content:space-between; margin:0px 0 40px;}
.topics_area ul.topic_list li{ flex:0 0 32%; padding:0px 00px; margin:20px 0; text-align:left;   }
.topics_area ul.topic_list li figure{ width:100%;float:left; position:relative; font-weight:700; font-size:48px; color:#0099cc; margin:0 0 15px }
.topics_area ul.topic_list li figure img{ max-height:75px; width:auto; }
.topics_area ul.topic_list li h3{ width:100%; float:left; color:var(--primary-color); font-size:24px; font-weight:500; margin:0 0 15px; }
.topics_area ul.topic_list li p{ width:100%; float:left; margin:0;   font-weight:500;}

.why_points{ background:#f9fafe; padding:60px 0;}
.why_points ul.topic_list li{ flex:0 0 24%; padding:0px 00px; margin:20px 0; text-align:center;   }

.mid_industry{ width:100%; float:left; padding:00px 0 60px; text-align: center;}
.mid_industry h2{ text-align:center; margin:0 0 20px; }
.mid_industry ul.ind_list{width:100%; flex-flow:row wrap;  float:left; display:flex; align-items:stretch; justify-content:space-between; margin:20px 0 0px;}
.mid_industry ul.ind_list li{ flex:0 0 32%; padding:30px 20px; margin:20px 0; background:#f4f4f8; border-radius:40px; text-align:center; }
.mid_industry ul.ind_list li figure{ width:50px; height: 50px; display: inline-block; position:relative;  border-radius: 50%; line-height: 50px; font-weight:500; font-size:24px; color:#fff; background: var(--secondary-color); margin:0 0 15px }
.mid_industry ul.ind_list li figure img{ max-height:75px; width:auto; }
.mid_industry ul.ind_list li h3{ width:100%; float:left; color:var(--primary-color); font-size:24px; font-weight:500; margin:0 0 10px; }
.mid_industry ul.ind_list li p{ width:100%; float:left; margin:0;   font-weight:500;}


.why_whiz_new{ width:100%; float:left; padding:60px 0 60px; text-align: center;}
.why_whiz_new h2{ text-align:center; margin:0 0 20px; }
.why_whiz_new ul.ind_list{width:100%; flex-flow:row wrap;  float:left; display:flex; align-items:stretch; justify-content:space-between; margin:20px 0 0px;}
.why_whiz_new ul.ind_list li{ flex:0 0 32%; padding:50px 30px; margin:20px 0; background:#f4f4f8; border-radius:40px; text-align:center; }
.why_whiz_new ul.ind_list li figure{ width:50px; height: 50px; display: inline-block; position:relative;  border-radius: 50%; line-height: 50px; font-weight:500; font-size:24px; color:#fff; background: var(--secondary-color); margin:0 0 15px }
.why_whiz_new ul.ind_list li figure img{ max-height:75px; width:auto; }
.why_whiz_new ul.ind_list li h3{ width:100%; float:left; color:var(--primary-color); font-size:24px; font-weight:500; margin:0 0 10px; }
.why_whiz_new ul.ind_list li p{ width:100%; float:left; margin:0 0 20px;   font-weight:500; min-height:90px;}

.location_mid_area{ width:100%; float:left; padding:60px 0; text-align: center; background:var(--primary-color); color:#fff; }
.location_mid_area h2{ text-align:center; margin:0 0 0px;  color: #fff;}
.location_mid_area ul.ind_list{width:100%; flex-flow:row wrap;  float:left; display:flex; align-items:stretch; justify-content:space-between; margin:20px 0 0px;}
.location_mid_area ul.ind_list li{ flex:0 0 48%; padding:20px 00px; margin:10px 0; display:flex; text-align: left;}
.location_mid_area ul.ind_list li figure{ width:50px; height: 50px; display: inline-block; position:relative;  border-radius: 50%; line-height: 50px; font-weight:500; font-size:24px; color:#fff; background: var(--secondary-color); margin:0 25px 0px 0 }
.location_mid_area ul.ind_list li figure img{ max-height:75px; width:auto; }
.location_mid_area ul.ind_list li h3{ width:100%; float:left; color:#fff; font-size:24px; font-weight:500; margin:0 0 10px; }
.location_mid_area ul.ind_list li p{ width:100%; float:left; margin:0;   font-weight:500;}

.accordion-button:focus {
    box-shadow: none !important;
    outline: none !important;
}
.stacked_area{ padding-bottom:100px }
.stack_info h2{ font-size:36px; margin:0 0 20px; }
.stack_info p{ margin:0 0 30px; }
.stack_info{ position:sticky; top: 8rem }
.stacked-card { background-color: #f4f4f8;border-radius: 20px !important; margin: 0 0 15px; padding: 5px 0; overflow:hidden;}
.stacked-card button, .stacked-card .accordion-button:not(.collapsed){ background:transparent;}
.stacked-card.one1 { z-index: 1;position: sticky; top: 8rem}
.stacked-card.one2 { z-index: 2;  position: sticky; top: 13.8rem}
.stacked-card.one3 { z-index: 3;  position: sticky; top: 19.5rem}
.stacked-card.one4 {  z-index: 4;  position: sticky;  top: 25.2rem}
.stacked-card.one5 { z-index: 5; flex: 0 auto;  position: sticky;  top: 31rem}
.stacked-card.one6 { z-index: 6; flex: 0 auto;  position: sticky;  top: 36.8rem}
.stacked-card.one7 { z-index: 7; flex: 0 auto;  position: sticky;  top: 42.6rem}
.stacked-card.one8 { z-index: 8; flex: 0 auto;  position: sticky;  top: 48.4rem}
.accordion1_top {  color: #19813c; cursor: pointer;  border-bottom: 0px solid #e8e8eb; justify-content: pace-between;   align-items: center; 0;    display: flex}
.accordion1_top h3 { width:100%; display:flex; font-size:24px; font-weight:500; color:var(--primary-color); align-items:center; }
.accordion1_top h3 span { width:40px; height:40px; flex:0 0 40px; border-radius:50%; line-height:40px; text-align:center; font-size:20px; font-weight:500; background-color:var(--secondary-color); color:#fff; display:inline-block; margin-right:25px }
.accordion1_bottom { padding: 0px;  overflow: hidden}
.accordion1_bottom p{ margin:0 0 15px }
.accordion1_bottom ul { margin:0px 0px 15px; }
.accordion1_bottom ul li{ width:100%; position:relative; padding:0 0 0 25px; font-size:18px; line-height:30px; margin:8px 0; }
.accordion1_bottom ul li::before{    content: "\f26a"; position: absolute; font-family: 'bootstrap-icons' !important; left: 0; color: var(--secondary-color); font-weight: normal;}

.blog_bnr{ padding:25px 0; }
.top_banner.blog_bnr figure img{ max-height:480px; width:auto !important; max-width:100%;  }
.blog_dtls p img{ width:100%; height:auto; border-radius:40px; }

.blog_dtls{ width:100%; float: left; padding: 60px 0;}
.side_nav{ width:100%; float: left; position: sticky; top: 100px; max-height: 100vh;  z-index: 5    }
.side_nav h3{ color:var(--primary-color); font-size:24px; font-weight:500; margin:0 0 15px; }
.toc_link_area{width:100%; float: left;background: #f4f4f8; padding: 20px; border-radius: 30px; margin: 0 0 25px; max-height:500px; overflow:auto;}

.blog_dtls .enhance_sec{ width:100%; float:left; padding:25px 20px; border-radius:12px; margin:30px 0;}
.blog_dtls .enhance_sec h2{ margin-top:0;}
.blog_dtls .enhance_sec ul.account_list li::before{ display:none}
.blog_dtls .enhance_sec ul.account_list{ margin:0 0 15px;}
.blog_dtls .enhance_sec ul.account_list li{ margin:0 0 15px;}
.blog_dtls .enhance_sec ul.account_list li figure img{ max-height:180px;}
.blog_dtls .enhance_sec ul.account_list li h3{ margin:0}

.share_blog{  margin: 0px 0; display:flex; }
.share_blog  a{ color:#000; margin:5px 10px  }

.blog_content{ padding-left:0px; }
.blog_content h2{ font-size:28px; margin:40px 0 10px; }
.blog_content h3{ font-size:20px; font-weight: 600; color:var(--primary-color); margin:20px 0 10px; }
.blog_content p a{font-weight:500; }
.blog_content .imp_info { width: 100%; float: left;  background: #f3fcff;  padding: 20px 20px 20px;  border-left: solid 6px var(--secondary-color);   margin: 20px 0 20px; border-radius:20px;
}
.blog_content .imp_info p{ font-size:18px !important; line-height:30px !important; font-style:italic; margin:0 0 5px; }
.blog_content .imp_info h2{ margin-top:0; }

.blog_content p{ font-size:18px; line-height:30px; margin:0 0 15px; }
.blog_content ul { margin:0 0 25px; }
.blog_content ul li{ width:100%; position:relative; padding:0 0 0 25px; font-size:18px; line-height:30px; margin:8px 0; }
.blog_content ul li::before{    content: "\f26a"; position: absolute; font-family: 'bootstrap-icons' !important; left: 0; color: var(--secondary-color); font-weight: normal;}

.blog_content ul.read_by{ width:100%; float:left; display:flex; flex-flow:row; margin:0 0 20px; justify-content:space-between; }
.blog_content ul.read_by li{ font-weight:500; margin:0 0px 0 0; position:relative; padding:0 0 0 25px;  }

.cta_blog_page{ background:var(--primary-color); padding:15px 20px; color:#fff; margin:30px 0; display:flex; flex-flow:row; align-items:center; justify-content:space-between; border-radius:8px; }
.cta_blog_page figure{ margin:0 10px 0 0; }
.cta_blog_page .dtls{ padding:0 0 0 0px; display:flex; flex-flow:row;}
.cta_blog_page label{ display:flex; font-size:28px; line-height:28px; font-weight:500; color:#fff; margin:0; align-items:center; }
.cta_blog_page label img{ margin-right:10px; }
.cta_blog_page p{ width: auto; font-size:18px; padding:0 0px; margin:0; line-height:30px;  }
.cta_blog_page .btn_area{ margin:0px 0 0; }

.cta_blog_2{ background:#6ef2f2; padding:15px 20px; color:#000; margin:30px 0; display:flex; flex-flow:row; align-items:center; justify-content:space-between; }
.cta_blog_2 label{display:flex; font-size:28px; line-height:28px; font-weight:500; color:#000; margin:0; align-items:center; padding-right:50px; }
.cta_blog_2 label img{ margin-right:10px; max-height:90px; width:auto; }
.cta_blog_2 p{ width: auto; font-size:20px; padding:0 20px; margin:0; line-height:30px; flex:0 0 50%; }
.cta_blog_2 .btn_area{ flex:0 0 200px; }


.padd_100{ padding-bottom:100px !important; }

.top_doctor .author_dtls span{ width:100%; }
.blog_author{ width:100%; float:left; background:#f7f7f7; border-radius:20px; padding:20px; margin:25px 0 0; display:flex; flex-flow:row; align-items:center;  }
.blog_author figure{ max-width:170px; min-width:170px; height: 170px; border-radius:50%; overflow:hidden; margin:0; line-height:170px; padding:0;}
.blog_author figure img{ max-width:100%; }
.blog_author .author_dtls { padding:0 0 0 25px }
.blog_author .author_dtls label{ margin:0 0 5px !important; }
.blog_author .author_dtls span{ font-size:16px; margin:0 0 5px; width:100%; float:left; }
.blog_author .author_dtls h3{ margin:0 0 5px; padding:0; width:100%; float:left;}
.blog_author .author_dtls h3 a { color: #103d7d;}
.blog_author .author_dtls p{ margin:0 }

.toc{ margin: 0; }
.toc li { padding: 0px 10px;  line-height: 1.2; }
.toc li a { font-size: 15px; font-weight: 500;  display: block!important; color: #000;  cursor: pointer;  padding: 0px 0px; transition: all 0.4s ease;  }
.toc li:before{ position: absolute; left: 0px;}
.toc ul li { margin:20px 0; padding:0; }
.toc ul li a:hover { color: var(--secondary-color);}
.toc ul { list-style: none; margin: 0;  padding: 0; border: 0;  vertical-align: baseline;}
.toc li.active{  transform: translateX(0px);  font-weight: 600; padding: 0;}
.toc li::before{ display:none; }

/* active link */
.toc li.active a{  color: var(--secondary-color);}

/* deafult link color hover */
.toc li a.toc-link:hover { text-decoration: underline; color: var(--secondary-color);}
.toc ul ul li a {  font-size: 14px;  font-weight: 400;}
.toc ul ul { padding:0 0 0 25px }
#toc ul ul li { padding-left: 26px; margin:0px 0; padding: 6px 0 6px  00px; list-style-type: circle;}
#toc ul ul li.active a {font-weight: 600;}

.blog_home ul.blog_list .loading{ flex:0 0 100%; text-align:center;}

.why_catch .partner_box{ text-align:center}
.why_catch h2{ margin:0 0 30px;}
.why_catch{ background:#f7faff}
.after_before{ background:#fff; padding:0 0 60px;}
.why_catch .partner_box img{ max-width:100%; width:auto; height:auto; max-height:150px;}
.faq_img{ width:100%; float:left; margin:0 0px; height:100%; display:flex; justify-content:center; align-content:center; flex-flow:wrap;}
.faq_img img{ width:auto; max-width:100%;  height:auto; max-height:550px;}

.pricing_area h2{ text-align:center; margin:0 0 20px}

.our_team_area{ width:100%; float:left; padding:80px 0; text-align: center;}
.our_team_area h2{ text-align:center; margin:0 0 20px; }
.our_team_loop ul.team_list{ width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content:center; gap:15px; }
.our_team_loop ul.team_list li.srvc_list{ flex:0 0 15%; background: #F6F7F9; margin:5px 0}

.our_team_loop .team_box{ background: #F6F7F9;
    border-radius: 5px;
    padding: 25px;
    margin:15px 0;
    text-align: center;
    position: relative }
.our_team_loop .team_box figure{ width:100%; height:auto; border-radius:50%; margin:0 auto 25px }
.our_team_loop .team_box figure img{ max-width:100%; height:auto; width:auto; max-height:180px; object-fit:cover; object-position:top center;}
.our_team_loop .team_box h3{ width:100%; color:var(--primary-color); font-size:24px; font-weight:500; margin:0 0 0px; }
.our_team_loop .team_box p{ width:100%; float:left; margin:0;   font-weight:500; font-size:15px; line-height:24px;}
.our_team_loop .team_box .hover_area{position:absolute; background:var(--primary-color); color:#fff; width:100%; height:100%; padding:25px; display:flex; flex-flow:wrap; align-content:center; opacity:0; transition:all 0.3s ease-in-out; left:0; top:0; z-index:5; justify-content:center;     pointer-events: none; }
.our_team_loop .team_box .hover_area h3{ color:#fff; margin:20px 0 0; font-size:20px;}
.our_team_loop .team_box:hover .hover_area{ opacity:1; transition:all 0.3s ease-in-out; pointer-events: auto;}

.our_team_loop ul.team_list li.srvc_list .team_box{ 
    border-radius: 5px;
    padding: 15px;
    text-align: center; 
    position: relative }
.our_team_loop ul.team_list li.srvc_list .team_box figure{ width:100%; height:auto; border-radius:50%; margin:0 auto 10px }
.our_team_loop ul.team_list li.srvc_list .team_box figure img{ max-width:100%; height:auto; width:auto; max-height:90px; object-fit:cover; object-position:top center;}
.our_team_loop ul.team_list li.srvc_list .team_box h3{ width:100%; color:var(--primary-color); font-size:18px; font-weight:500; margin:0 0 0px; }
.our_team_loop ul.team_list li.srvc_list .team_box p{ width:100%; float:left; margin:0;   font-weight:500; font-size:15px; line-height:24px;}
.our_team_loop ul.team_list li.srvc_list .team_box .hover_area{position:absolute; background:var(--primary-color); color:#fff; width:100%; height:100%; padding:10px; display:flex; flex-flow:wrap; align-content:center; opacity:0; transition:all 0.3s ease-in-out; left:0; top:0; z-index:5; justify-content:center;     pointer-events: none; overflow:auto }
.our_team_loop ul.team_list li.srvc_list .team_box .hover_area h3{ color:#fff; margin:0px 0 10px; font-size:18px;}
.our_team_loop ul.team_list li.srvc_list .team_box .hover_area p{ font-size:14px ;line-height:18px; max-height:72px; overflow:hidden}
.our_team_loop ul.team_list li.srvc_list .team_box:hover .hover_area{ opacity:1; transition:all 0.3s ease-in-out; pointer-events: auto;}


.padd_bot{ padding-bottom:150px;}
.safe_hands{ background:var(--secondary-color); color:#fff; text-align:center}
.safe_hands h2{ color:#fff; margin:0 0 10px}
.safe_hands p{ font-size:20px; line-height:32px; margin:0 0 25px;}
.safe_box{ background:#fff; padding:50px; color:#000; border-top:solid 8px var(--secondary-color); width:100%; margin:-200px 0 50px; position:relative; z-index:2; box-shadow:0px -5px 20px 0px #cbcbcb; }
.safe_box h2{ color:#000;}
figure.team_bg { width:100%;
    display: inline-block;
    background: url(https://www.whizconsulting.ae/wp-content/uploads/2025/02/whiz-events.webp);
     background-size:cover; 
    animation: bganim 40s linear infinite
}
figure.team_bg img{ width:100%; height:auto;}

@keyframes bganim {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: -700px 50%
    }
}

.contact_us_area ul.contact_list{ width:100%; float:left; display:flex; flex-flow:wrap; align-items:stretch; justify-content:center;}
.contact_us_area p{ margin:0 0 30px;}
.contact_us_area ul.contact_list li{flex:0 0 100%;background:#fff;padding: 15px 15px;border-bottom: none;display:flex;flex-flow:row;align-items:center;max-width: 460px;background: #f4f3ff;margin: 15px 0;border-radius: 8px;}
.contact_us_area ul.contact_list li .dtls{ width:100%; padding:0 0 0 20px; }
.contact_us_area ul.contact_list li figure{ float:none; margin:0 auto 0px; text-align:center;  line-height:55px; color:var(--secondary-color); font-size:32px;   margin:0}
.contact_us_area ul.contact_list li h3{ width:100%; float:left;  font-size:20px; font-weight:600;  letter-spacing:.5px; color:var(--primary-color);}
.contact_us_area ul.contact_list li p{ margin:0; font-size:18px;}
.contact_us_area ul.contact_list li a{ background:#000; width:25px; height:25px; display:inline-block; text-align:center; font-size:13px; line-height:25px; color:#fff; border-radius:50%;}
.contact_us_area h2{ font-size:36px;}
.contact_us_area .cta_link{width:100%; float:left; }
.contact_us_area .cta_link i{ margin-right:8px;}

.milestones_area, .leadership_area{ background:var(--primary-color); color:#fff; padding:60px 0; text-align:center}
.milestones_area h2, .leadership_area h2{ color:#fff; text-align:center; margin:0 0 15px;}
.leadership_area .partner_box{ margin:20px 0 0;}
.leadership_area figure img{ max-height:250px; width:auto;}
.leadership_area h3 span{ display:block; font-size:20px; color:var(--secondary-color);; }
.horizontal-timeline .items { margin-top:70px;
  border-top: 3px solid #e9ecef; display:flex; justify-content:center;
}

.horizontal-timeline .items .items-list {
  display: block;
  position: relative;
  text-align: center;
  padding-top: 70px;
  margin-right: 0;
}
.horizontal-timeline .items .items-list .badge{ background:var(--secondary-color);}
.horizontal-timeline .items .items-list:before {
  content: "";
  position: absolute;
  height: 36px;
  border-right: 2px dashed #dee2e6;
  top: 0;
}

.horizontal-timeline .items .items-list .event-date {
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  width: 75px;
  margin: 0 auto;
  font-size: 0.9rem;
  padding-top: 8px;
}

/* Popup Css*/
form#cons_form button.close {
    font-size: 32px;
    position: absolute;
    top: 10px;
    right: 35px;
}
form#cons_form {
    background: #fff;
}
.popup-sidebar {
    background:linear-gradient(to bottom, #007bff, #03356a);
    padding: 20px;
    font-size: 14px;
}
.popup-sidebar .avtar{
    height: 60px;
    width: 60px;
    background: #fff;
    border-radius: 100%;
    object-fit: contain;
}
.popup-sidebar .logo{
    filter: invert(1) brightness(10);
}
.popup-sidebar h4 {
    font-size:16px
}
.popup-sidebar h6 {
    font-size:15px   
}
.popup-sidebar .partner img{
    max-height:25px;
    object-fit:cover;
    margin:5px
}
.popup-sidebar p{ font-size:15px; line-height:24px;}
#cons_form .form-group {
    position: relative;
}
#cons_form .form-group span{
    display:block;
    background: #fff url('https://www.whizconsulting.net/dev/wp-content/uploads/2022/05/demo-sprite.png');
    position: absolute;
    width: 20px;
    height: 20px;
    top: 13px;
    left: 10px;
    transition: all 0.5s ease-in-out;
}
#cons_form .form-group.message span{
    background: none;
    top: 5px;
    color: #919191;
    font-size: 18px;
}
#cons_form .form-group.name span {
    background-position: -160px 0px;
}
#cons_form .form-group.phone span {
    background-position: -240px 0px;
}
#cons_form .form-group.company span {
    background-position: -400px 0px;
}
#cons_form .form-group.website span {
    background-position: -320px 0;
}
#cons_form input,
#cons_form textarea {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    font-weight: 600;
    height: 45px;
    padding-left: 0px;
    outline: none;
    font-size: 14px;
    color: #7f8c8d;
    transition: all 0.5s ease-in-out;
}

#cons_form textarea {
    min-height: 60px;
    resize: vertical;
}
#cons_form .wpcf7-submit{
    display: block;
    width: 100%;
    padding: 15px;
    margin-top: 10px;
    font-weight: 500;
}
#cons_form .wpcf7-submit{width:100% !important;  background-color: transparent; font-weight:700; font-size:18px; border-radius:5px; display: inline-block; margin: 10px auto; height: 50px; background: var(--secondary-color); color: #fff; width: auto; padding: 0 40px; font-size: 18px; border-radius: 40px;}

#cons_form input:focus {
    border-color:#007bff;
}

#cons_form input[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
}
#cons_form h2{
    text-transform: uppercase;
    font-weight: 600;
    color: #007bff;
    font-size: 22px;
}
#cons_form h2 small{
    text-transform:none;
    color:#333;
    font-size:15px;
}
#cons_form .copy {
    font-size: 12px; line-height:16px;
}
#cons_form input[type="radio"] {
    height: auto;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#cons_form ul.form_area { display:flex; flex-flow:row wrap; justify-content:space-between;}
#cons_form ul.form_area li{ flex:0 0 100%;}
#cons_form ul.form_area li:nth-child(2), #cons_form ul.form_area li:nth-child(3){ flex:0 0 48%;}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.grecaptcha-badge { 
    visibility: hidden; 
    opacity: 0; 
    height: 0; 
}
#consult_submit    {color: #fff;
    background-color: #1e8cd9;
    border-color: #1e8cd9;
    cursor:auto;
    }

#blog-search {
    width: 100%;
    max-width: 400px;
    padding: 12px 15px;
    font-size: 16px;
    border: 2px solid #00c08b; /* Green border */
    border-radius: 25px; /* Rounded edges */
    outline: none;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

#blog-search:focus {
    border-color: #008c6c; /* Darker green on focus */
    box-shadow: 0px 4px 10px rgba(0, 192, 139, 0.3);
}

.search-container {
    text-align: center;
    margin: 20px auto; max-width:400px;
    position: relative;
}

.search-container::after {
    content: "🔍";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #00c08b;
    pointer-events: none;
}

section.pd_big{ padding:100px 0 80px;}
.why_bnr{ padding:120px 0 !important}
.why_bnr::before{ position:absolute; content:""; width:100%; height:100%; background:rgb(16 10 74 / 54%); text-align:center; left:0; top:0; z-index:1}
.top_banner.why_bnr .srvc_bnr_txt{ position:relative; z-index:10; text-align:center}

@media (min-width: 1140px) {
  .horizontal-timeline .items .items-list {
    display: inline-block;
    width: 16%;
    padding-top: 45px;
  }

  .horizontal-timeline .items .items-list .event-date {
    top: -40px;
  }
}


figure.ofs_img img{ max-height:inherit; width:auto; height:auto; max-width:100%;}

.blog_dtls .enhance_sec{ background:#adb5bd;}
.expert_dtls{ width:100%; float:left; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center}
.expert_dtls figure{ flex:0 0 35%; margin:0 }
.expert_dtls figure img{ max-width:100%; height:auto; }
.expert_dtls .dtls{ flex:0 0 62%; text-align:left;}
.expert_dtls .dtls h3{ font-size:24px; color:#000; margin:0 0 10px;  }
.expert_dtls .dtls .run_txt{ min-height:50px; margin:0 0 20px;}
.expert_dtls .dtls b{ font-size:42px; line-height:48px; font-family:'Circularstd', sans-serif; color:var(--primary-color); }
.expert_dtls .cta_link{ text-align:left; margin:20px 0 0;}
.expert_dtls .dtls .typed-cursor{color:var(--primary-color);}
.expert_dtls .dtls a img{ max-height:40px;}
.expert_dtls  .dtls .cta_link{ margin:5px 0 0}

.text-slider {
  height: 75px;
  overflow: hidden;
  position: relative;
  font-size:36px; line-height:38px; font-family:'Circularstd', sans-serif; color:var(--primary-color);
}

.text-line {
  position: absolute;
  width: 100%;
  transition: transform .6s ease-in-out;
}

.srvc_cta .text-slider{ color:#fff; margin:0 0 20px; font-size: 36px;
    line-height: 38px;
    min-height: 76px; height:auto;
}
.srvc_cta h3, .srvc_cta .dtls_area h2{ margin:0 0 15px; font-size:24px;}

.location_dtls h2{ margin-top:0;}
.cookie_bot {background: #def1fb;box-shadow: 1px -4px 17px 0px #bfbfbf;padding:15px 0;border: none !important;}
.cookie_bot p{ font-size:18px; line-height:24px; max-width:75%;}
.cookie_bot .btn{ padding:6px 15px; border-radius:30px; font-size:16px;}
.cookie_bot .btn-primary{ background:var(--secondary-color) !important; border:solid 1px var(--secondary-color) ;}
.cookie_bot .d-flex{ align-items:center}
.cookie_bot .d-flex a{ font-size:16px; color:#000;}

.cta_page_area{ width:100%; float:left; padding:60px 0; background:#f7f8fa; }
.cta_page_area h1{ font-size:36px; margin:0 0 30px;}
.cta_page_area .container{ max-width:1200px;}
.cta_testi{ border-radius:15px; padding:40px 30px; text-align:center}
.cta_testi h2{ font-size:36px; line-height:42px; color:#fff;}
.cta_testi .testi_dtls{ min-height:350px;}
.cta_testi .testi_dtls .star_rate{ margin:0 0 15px;}
.cta_testi .testi_dtls figure{ width:220px; border-radius:50%; height:220px; margin:0 auto 15px; overflow:hidden }
.cta_testi .testi_dtls h3{ font-size:22px; line-height:28px; margin:0 0 10px; font-style:normal}
.cta_testi .testi_dtls p{ font-size:18px;  margin:0 0 30px;}
.trusted_by{ width:100%; float:left; margin-top:20px; border-top:solid 1px #433d88; }
.trusted_by h4{ margin:15px 0 10px; text-transform:uppercase}
.testimonial_area.cta_testi .carousel-indicators{ justify-content:center; position:static; margin:15px 0 0}
.testimonial_area.cta_testi .carousel-indicators button{ width:22px}
.cta_page_area .cta_box{ width:100%; float:left; padding:0 0px; background:#fff; box-shadow:0 0 15px 0 #ccc; }
.cta_page_area .cta_box h2{  font-size: 36px; margin: 0 0 20px; font-weight:500; }
.cta_page_area .cta_box p{ font-size: 16px; line-height: 24px; margin: 0 0 20px;  font-weight:400;   }
.cta_page_area .cta_box p.sign{ text-align:left; margin:10px 0 0; width:100%; float:left;  background:#eee; border-radius:5px; font-size:14px; padding:8px 15px; font-weight:500;  }
.cta_page_area .cta_box p.sign img{ margin:0 8px 0 0; }
.cta_page_area .cta_box ul.form_area li .form-control{  height: 50px; color:#000 ;border: 1.5px solid rgba(0, 0, 0, 0.1);border-radius: 8px; background: #fff;}
.cta_page_area .cta_box ul.form_area li:nth-child(5){ height:70px; text-align:center; } 
.cta_page_area .cta_box ul.form_area li .form-control::placeholder{ color:#000 ; font-size: 16px; opacity:.5; }
.cta_page_area .cta_box ul.form_area li textarea.form-control{ height:100px }
.cta_page_area .cta_box ul li button, .cta_page_area .cta_box ul li input.wpcf7-submit{width:100%;  background-color: transparent; font-weight:700; font-size:18px; border-radius:5px; display: inline-block; margin: 10px auto; height: 60px; background: var(--secondary-color); color: #fff;  padding: 0 40px; font-size: 18px; border-radius: 8px; text-transform:uppercase}
.cta_page_area .cta_box ul.form_area{width:100%; float:left; display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
.cta_page_area .cta_box ul.form_area li{ flex:0 0 100%; margin: 8px 0;}
.cta_page_area .cta_box ul.form_area li p{ margin:0}
.cta_page_area .cta_box ul.form_area .wpcf7-not-valid-tip{ text-align:left}







.cta_logo_wrapper {
  overflow: hidden;
  width: 100%;
  background: #f5f4ff; /* optional background */
  padding: 10px; border-radius:10px;
}

.cta_logo {
  display: flex;
  width: max-content;
  animation: scroll-left 30s linear infinite;
}

.cta_logo span {
  display: inline-block;
  margin-right: 40px; /* spacing between logos */
}

.cta_logo img {
  height: 60px; /* adjust as needed */
  object-fit: contain;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.cta_testi .testi_dtls figure img{ width:100%; height:100%;}

.page-template-cta-page footer, .page-template-cta-page .signup_area{ display:none;}


.page-id-3878 .we_offer .row .order_2{ display:none;}
.page-id-3878 .we_offer .row .order_1{ flex:0 0 100%;}
.page-id-3878 .we_offer .row .order_1 h2{ text-align:center}
.page-id-3878 .we_offer .row .order_1 ul{ display:flex; flex-flow:row wrap; justify-content:space-between; margin:0}
.page-id-3878 .we_offer .row .order_1 ul li{ flex:0 0 33%;}


.calendly-spinner .NgoiMCeEYfWcZjlNlAgG{ display:none !important}


.cta_logo {
  display: flex;
  width: max-content;
  animation: scroll-left 30s linear infinite;
}


.cta_logo img {
  object-fit: contain;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}


 .enhance_sec{ padding:80px 0;}
 .enhance_sec .text-slider{ font-size:40px; line-height:45px; height:90px; margin:30px 0; color:#000; }
.enhance_sec figure img{ max-height:450px;}
.enhance_sec figure { text-align:center}

 .enhance_sec .dtls_area h2{ font-size:45px; color:var(--primary-color); margin-bottom:0px; font-weight:700; line-height:54px;}
.enhance_sec .cta_link{ text-align:left; margin:10px 0 0; width:100%; float:left;}

.page-id-3859 .srvc_cta{ background:#adb5bd; display:none}
.page-id-3859 .srvc_cta .text-slider{ color:var(--primary-color); font-size:42px; line-height:48px; min-height:96px; }
.page-id-3859 .srvc_cta h3, .page-id-3859 .srvc_cta .dtls_area h2{ color:#000}
.page-id-3859 .srvc_cta .mainbtn{ background:var(--primary-color);}
.page-id-3859 .srvc_cta figure img{ max-height:500px;}
.page-id-3859 .hide_page{ display:none !important}
.page-id-3859 .we_offer h2{ font-size:48px; margin:0 0 30px;}



.process-container {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      gap: 30px; margin:100px 0 50px !important;
      perspective: 1000px;
    }

    .card {
      width: 250px;
      height: 280px;
      border-radius: 20px;
      box-shadow: 0 6px 18px rgba(0,0,0,0.1);
      padding: 20px;
      text-align: center;
      transition: transform 0.3s ease, z-index 0.3s ease;
      position: relative;
    }
    .card  figure svg{ width:60px; height:60px; display:inline-block; }
    .card img {
      width: auto; max-height:80px;
      margin: 40px auto 20px;
      display: block;
    }

    .card h3 {
      color: #2e277b;
      margin-bottom: 10px;
      font-size: 18px;
    }

    .card p {
      font-size: 16px; line-height:24px; font-family:'Circularstd Book', sans-serif;
      color: #000;
    }

    /* Step number style */
   .process-container .step-number {
      position: absolute;
      bottom: -15px;
      left: 50%;
      transform: translateX(-50%);
      background: #0099cc;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      padding: 6px 15px;
      border-radius: 20px; top:inherit
    }

    /* Background colors + rotation */
    .card:nth-child(1) {background: #fff7f7;transform: rotate(-30deg) translateY(91px);}
    .card:nth-child(2) {background: #feffd3;transform: rotate(-12deg) translateY(0);}
    .card:nth-child(3) {background: #ecf7ff;transform: rotate(0deg) translateY(-45px) scale(1.1);z-index: 5;}
    .card:nth-child(4) {background: #f6fff1;transform: rotate(15deg) translateY(2px);z-index: 2;}
    .card:nth-child(5) {background: #f4fbff;transform: rotate(29deg) translateY(94px);z-index: 1;}

/* Animation setup */
.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease, z-index 0.3s ease;
}

/* Hover effect: keep existing rotation, add scale */
.card:nth-child(1):hover {transform: rotate(-30deg) translateY(91px) scale(1.1); z-index: 10; box-shadow: 0 12px 24px rgba(0,0,0,0.2);}
.card:nth-child(2):hover {transform: rotate(-12deg) translateY(0) scale(1.1); z-index: 10; box-shadow: 0 12px 24px rgba(0,0,0,0.2);}
.card:nth-child(3):hover {transform: rotate(0deg) translateY(-45px) scale(1.2); z-index: 10; box-shadow: 0 12px 24px rgba(0,0,0,0.2);}
.card:nth-child(4):hover {transform: rotate(15deg) translateY(2px) scale(1.1); z-index: 10; box-shadow: 0 12px 24px rgba(0,0,0,0.2);}
.card:nth-child(5):hover {transform: rotate(29deg) translateY(94px) scale(1.1); z-index: 10; box-shadow: 0 12px 24px rgba(0,0,0,0.2);}



.breadcrumb_main {
    width: 100%;
    float: left;
    background: 0 0;
    border-radius: 0;
    padding: 15px 0;
    margin: 0 0 00px; border-bottom:solid 0px #ddd; margin:0 0 0px;
}

.breadcrumb_main ol,.breadcrumb_main ul {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0
}

.breadcrumb_main ol li,.breadcrumb_main ul li {
    width: auto;
    display: inline-block;
    font-size: 16px;
    margin: 0 20px 0 0;
    padding: 0;
    color: #616161;
    position: relative
}
.breadcrumb_main ol li a,.breadcrumb_main ul li a {
    color: #616161;
    position: relative
}

.breadcrumb_main ol li:before,.breadcrumb_main ul li:before {
    content: "\f0da";
    font-family: FontAwesome;
    position: absolute;
    left: -15px;
    top: 2px;
    color: #616161
}

.breadcrumb_main ol li:first-child:before,.breadcrumb_main ul li:first-child:before {
    display: none
}
.innerpage-bg {
    background: #f8f9fa;
 width:100%;
}
.innerpage-bg .breadcrumb_main{ margin:0}
.innerpage-bg .breadcrumb_main ol li a, .innerpage-bg .breadcrumb_main ul li a{ color:#000;}
.innerpage-bg .breadcrumb_main ol li:before, .innerpage-bg .breadcrumb_main ul li:before{color:#000;}

.top_auth{ width:100%; float:left; display:flex; flex-flow:row wrap; justify-content:space-between;}
.top_auth ul.read_by{  display:flex; flex-flow:row; margin:10px 0 20px;  gap:20px; }
.top_auth ul.read_by li{ font-weight:500; margin:0 0px 0 0; position:relative;flex: inherit;  padding: 0px 0px;    border-radius: 30px;  display:flex; align-items:center }
.top_auth ul.read_by li span{ font-size:18px; margin-left:5px;}
.top_auth  ul.read_by li i{ color:var(--secondary-color); margin:0 5px 0 0; font-size:20px; }
.top_auth ul.read_by li figure{ max-width:50px; height:auto; margin:0}
.top_auth ul.read_by li figure img{ max-width:100%; height:auto}
figure.top_blg_bnr{ width:100%; float:left; border-radius:20px; overflow:hidden;}
figure.top_blg_bnr img{ width:100%; height:auto;}
.blg_share{ display:flex; flex-flow:row; align-items:center}
.blg_share h3{ font-size:18px;}

#google_translate_element select {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 4px 8px;
  font-size: 14px;
  color: #000; padding:12px 15px; border-radius:20px; 
}

/* Hide Google’s default branding links */
.goog-logo-link, .goog-te-gadget span {
}

.language-switcher {
  position: relative;
  display: inline-block;
}
.lang-btn {
  background: #fff;
  color: #000;
  border: 1px solid #ccc;
  border-radius: 25px;
  padding: 12px 15px; margin-right:10px;
  cursor: pointer;
  font-size: 14px;
}
.lang-btn:hover {
  background: var(--secondary-color);
  color: #fff;
  border-color: var(--secondary-color);
}
.lang-dropdown {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-top: 5px;
  list-style: none;
  padding: 5px 0;
  width: 140px;
  z-index: 9999;
}
.lang-dropdown.show {
  display: block;
}
.lang-dropdown li {
  padding: 8px 12px;
  cursor: pointer;
}
.lang-dropdown li:hover {
  background: #f1f1f1;
}