* {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
  font-family: "Poppins", sans-serif !important;
  background-color: #fff !important;
  overflow-x: hidden !important;
  font-weight: normal;
  line-height: 1.5;
  font-weight: 400;
  font-style: normal;
}

ul.dropdown-menu {
  text-align: center;
}

label,
p {
  font-weight: normal;
  font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
  margin: 0;
  padding: 0;
  text-decoration: none !important;
}

p {
  font-weight: 300;
}

ul,
ol,
li {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 1170px !important;
  padding: 0 !important;
}
/* header css start */
header {
    width: 100%;
    background-color: #0f3154;
    z-index: 999;
    padding: 18px 0;
    transition-duration: 0.5s; /* 0.5 seconds */
}
header.fixed {
    position: fixed;
    top: 0;
    padding: 0;
}
.book-call-btn {
    font-size: 18px;
    font-weight: 600;
    background-color: #fa6a00;
    border-radius: 5px;
    color: #fff;
    padding: 9px 22px;
     font-family: "Poppins", sans-serif !important;
     transition-duration: 0.5s; /* 0.5 seconds */
}
.book-call-btn:hover
{
    background-color: #fff;
    color: #fa6a00;
}
/* header css end */
/* Banner css start */
.banner-container {
    width: 100%;
    float: left;
    background: url(../images/banner-bg.jpg) center top no-repeat;
    padding:112px 0 110px;
    background-size: cover;
}
.banner-container h1
{
    font-size: 69px;
    color:#fff;
    font-weight: 900;
    margin:0 0 40px;
}
.banner-container p {
    font-size: 29px;
    color: #fff;
    font-weight: 300;
    font-family: "Poppins", sans-serif !important;
    margin: 0 0 40px;
}
.users 
{
    float: left;
}
.user-block {
    width: 49px;
    float: left;
    border: 1px solid #fff;
    border-radius: 100%;
}
.user-block.block-2 {
    position: relative;
    left: -6px;
}
.user-block.block-3 {
    position: relative;
    left: -11px;
}
.user-block img 
{
    width: 100%;
    float: left;
    border-radius: 100%;
}
.users p {
    font-size: 18px;
    font-family: "Poppins", sans-serif !important;
    display: inline-block;
    padding: 0 0 0 0;
    margin:0 0 0 0;
    line-height: 25px;
}
.users p strong
{
    font-weight: bold;
}
.show-mobile
{
    display: none;
}
/* Banner css end */
/* Global prt css start */
.global-container {
    width: 100%;
    float: left;
    padding: 82px 0 124px;
    background: #f7f7f7 url(../images/bg-glob.png) right top no-repeat;
}
.global-container h2
{
    font-size: 65px;
    color: #333333;
    font-weight: 900;
    text-align: center;
    margin:0 0 60px;
}
.global-leftbar img
{
    width:100%;
}
.global-container p {
    font-size: 20px;
    color: #333;
    line-height: 36px;
    font-family: "Poppins", sans-serif !important;
    font-weight: 300;
    margin: 44px 0 0;
}
/* Global prt css end */


/* Inner prt css Start */
.inner-bnr {
    width: 100%;
    float: left;
    background-color: #0f3154;
    padding: 84px 0 41px;
    text-align: center;
    font-family: "Poppins", sans-serif !important;
    position: relative;
    margin: 0 0 0 0;
}
/* .inner-bnr::after {
    content: "";
    position: absolute;
    width: 100%;
    --p: 38px;
    height: 70px;
    aspect-ratio: 1;
    clip-path: polygon(0 var(--p),100% 0,100% 100%,0 100%);
    background: #0f3154;
    top: -41px;
    left: 0;
} */
.inner-bnr::before {
    content: "";
    position: absolute;
    width: 100%;
    --p: 36px;
    height: 70px;
    aspect-ratio: 1;
    clip-path: polygon(0 0,100% 0,100% calc(100% - var(--p)),0 100%);
    background: #0f3154;
    bottom: -41px;
    left: 0;
}
.inner-bnr h1{ color:#FFF; font-size:60px; text-align:center; font-weight:700}

#midcontent-container {
    width: 100%;
    float: left;
    padding: 82px 0 124px;
    background: #f7f7f7 url(../images/bg-glob.png) right top no-repeat;
}
.contact-form{ width:70%; margin:0 auto;}
.contact-form label{ font-size:16px;font-family: "Poppins", sans-serif !important; color:#333}
.contact-form input{}
.btn-contact {  border:0px;background-color:#fa6a00;color: #fff;font-family: 'Montserrat', sans-serif;font-weight: 600;border-radius: 6px;transition: 0.3s;}
.btn-contact:hover {background-color: #0f3154; color:#fff;}
.text-red {--tw-text-opacity: 1;color: rgb(220 38 38/var(--tw-text-opacity));}
/* Inner prt css end */

/* Service part start */
.service-container
{
width:100%;
float: left;
background-color: #2b9ed6;
padding:124px 0 41px;
text-align: center;
font-family: "Poppins", sans-serif !important;
position: relative;
}
.service-container::after {
    content: "";
    position: absolute;
    width: 100%;
    --p: 38px;
    height: 120px;
    aspect-ratio: 1;
    clip-path: polygon(0 var(--p),100% 0,100% 100%,0 100%);
    background: #2b9ed6;
    top: -41px;
    left: 0;
}
.service-container::before {
    content: "";
    position: absolute;
    width: 100%;
    --p: 36px;
    height: 120px;
    aspect-ratio: 1;
    clip-path: polygon(0 0,100% 0,100% calc(100% - var(--p)),0 100%);
    background: #2b9ed6;
    bottom: -41px;
    left: 0;
}
.service-container ul li
{
    width:338px;
    height: 203px;
    padding:58px 19px;
    border-radius: 10px;
    display: inline-block;
    background-image: linear-gradient(to bottom, #4fa7da, #51a8db, #52aadb, #54abdc, #56acdc, #58aedd, #5aafdd, #5cb1de, #5fb3df, #62b6e0, #66b8e1, #69bae2);
transition-duration: 0.5s; /* 0.5 seconds */
margin:0 5% 56px 0;
}
.service-container ul li:nth-child(3)
{
    margin-right: 0;
}
.service-container ul li:last-child
{
    margin-right: 0;
}
.service-container ul 
{
    padding:0;
    margin:0;
}
.service-container ul li:hover
{
    background-image: linear-gradient(to bottom, #69bae2, #66b8e1, #62b6e0, #5fb3df, #5cb1de, #5aafdd, #58aedd, #56acdc, #54abdc, #52aadb, #51a8db, #4fa7da);
}
.service-container ul li:hover .service-icon img
{
    transform: translateY(-10px);
}
.service-detail h3
{
 font-size:22px;
 color:#fff;
 font-weight: 500;
}
.service-detail p
{
 font-size:16px;
 color:#fff;
 font-weight: 300;
}
.service-icon 
{
    width: 64px;
    float: left;
}
.service-icon img
{
    width:100%;
    transition-duration: 0.5s; /* 0.5 seconds */
}
.service-detail {
    float: right;
    width: 219px;
    text-align: left;
}
/* Service part end */
/* versatile part css start */
.versatile-container
{
    width:100%;
    float:left;
    padding:100px 0;
}
.versatile-container h3
{
    font-size: 65px;
    color:#0e5a9b;
    font-weight: 900;
    margin:0;
}
.versatile-container p
{
    font-size: 25px;
    color:#333;
     font-family: "Poppins", sans-serif !important;
     font-weight: 300;
     line-height: 36px;
     margin:10px 0 30px;
}
.versatile-container ul
{
      padding: 0;
    margin: 0;
    list-style: none;
}
.versatile-container li
{
    font-size: 20px;
    font-weight: 600;
    color: #333;
    font-family: "Poppins", sans-serif !important;
    margin:0 0 20px;
    padding:0 0 0 35px;
    position: relative;
}
.versatile-container li::after
{
    content:"";
    width:25px;
    height:25px;
    background: url(../images/dots-icon.png) center top no-repeat;
    position: absolute;
    left:0;
    top:2px;
}
.versatile-rightbar img
{
    position: absolute;
    right:0;
    width: 50%;
}
/* versatile part css end */
/* Choose Us part css start */
.choose-container
{
    width:100%;
    float: left;
    background:url(../images/choose-bg.jpg) center top no-repeat;
    background-size: cover;
    padding:66px 0 103px 0;
}
.choose-rightbar img
{
    position: absolute;
    right:0;
    width: 50%;
}
.choose-container h3
{
      font-size: 65px;
    color:#0e5a9b;
    font-weight: 900;
    margin:0 0 52px;
}
.choose-container ul
{
    padding:0;
    margin: 0;
    list-style: none;
}
.choose-container li
{
    font-size: 20px;
    color: #333;
    position: relative;
     font-family: "Poppins", sans-serif !important;
     font-weight: 300;
     margin:0 0 35px;
     padding: 0 0 0 71px;
}
.choose-icon {
    width: 60px;
    float: left;
    margin: 0 0 0 0;
    position: absolute;
    left: 0;
    height: 60px;
    text-align: center;
}
/* Choose Us part css end */
/* Frequently part css start */
.frequently-container
{
 width:100%;
 float: left;
 background-color: #fff;
 padding:76px 0;
}
.frequently-container h3 {
    text-align: center;
    font-size: 65px;
    color: #333333;
    font-weight: 900;
    margin: 0 0 22px;
}
.faq-drawer-content {
    padding: 0 25px 25px;
    border-bottom: #dfdfdf 1px solid;
}
.faq-drawer-content-wrapper {
  font-size: 1.25em;
  line-height: 1.4em;
  max-height: 0px;
  overflow: hidden;
  transition: 0.25s ease-in-out;
}

.faq-drawer-title {
  border-bottom: #dfdfdf 1px solid;
  cursor: pointer;
  display: block;
  font-size: 20px;
    font-weight: 300;
    color: #333;
    font-family: "Poppins", sans-serif !important;
  position: relative;
  margin-bottom: 0;
  transition: all 0.25s ease-out;
      padding: 25px 0 25px 30px;
}

.faq-drawer-title::after {
    content: " ";
    display: inline-block;
    float: left;
    height: 8px;
    left: 2px;
    position: absolute;
    left: 0;
    top: 35px;
    transform: rotate(
359deg);
    transition: 0.35s 
ease-in-out;
    vertical-align: top;
    width: 16px;
    background: url(../images/arow.png) center top no-repeat;
    background-size: cover;
}
.faq-drawer-content p {
    margin: 0;
       font-size: 16px;
       text-align: justify;
    font-weight: 300;
    color: #333;
    font-family: "Poppins", sans-serif !important;
}
/* OPTIONAL HOVER STATE */
.faq-drawer-title:hover { 
  color: #4E4B52  ;
}
.faq-drawer-trigger:checked
  + .faq-drawer-title {
      color: #0f3154;
    font-weight: 500;
    border-color: #fff;
}
.faq-drawer-trigger:checked
  + .faq-drawer-title
  + .faq-drawer-content-wrapper {
  max-height: 100%;
}

.faq-drawer-trigger:checked + .faq-drawer-title::after {
    transform: rotate(
178deg);
    transition: 0.25s ease-in-out;
}

input[type="checkbox"] {
  display: none;
}
.faq-drawer-content table td {
    font-weight: 300;
    color: #333;
    font-family: "Poppins", sans-serif !important;
    font-size: 16px;
    border: none;
}
/* Frequently part css end */
/* Footer part css start */
footer
{
    width:100%;
    float:left;
    background-color: #0f3154;
    padding:52px 0 40px 0;
}
footer p
{
    font-size: 14px;
    color:#fff;
    font-family: "Poppins", sans-serif !important;
    font-weight: 300;
    margin:0;
    line-height: 26px;
}
.copyright
{
    font-size: 13px;
    color:#fff;
    font-family: "Poppins", sans-serif !important;
    font-weight: 300;
    line-height: 26px;
}
.footer-logo img
{
    margin:0 0 89px;
}
footer h4
{
    font-size: 26px;
    color:#fff;
    font-weight:600;
    margin:0 0 21px 0;
}
footer ul
{
    padding:0;
    margin:0;
    list-style: none;
}
footer li
{
    width:100%;
    float: left;
    margin:0 0 10px;
}
footer li a
{
    font-size: 15px;
    color: #fff;
        font-family: "Poppins", sans-serif !important;
    font-weight: 300;
      transition-duration: 0.5s; /* 0.5 seconds */
}
footer li a:hover
{
    color:#fa6a00;
}
/* Footer part css end */