@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Public Sans", sans-serif;
}

p{
   font-family: "Barlow", sans-serif; 
   color: #575757;
   font-weight: 400;
   font-size: 18px;
}

h1, h2, h3{
  color: #071c4d;
  font-size: 50px;
  font-weight: 700;
  font-family: "Public Sans", sans-serif;  
}

h4, h5, h6{
  font-size: 20px;
  font-weight: 500;
  font-family: "Public Sans", sans-serif;  
}

/* ================================================ */
                /* -----Navbar----- */
/* ================================================ */

.navbar-sec-wrps {
  position: sticky;
  top: 0;
  padding: 0px 0px;
  background: #ffffff;
  z-index: 999;
}
.navbar-menu .nav-item a {
    color: #071c4d;
    padding: 30px 20px !important;
    display: inline-block;
    font-weight: 500;
    transition: all 500ms ease;
    font-size: 18px;
}
.navbar-menu .nav-item .dropdown-item {
    padding: 10px 40px !important;
    margin: 0px !important;
    font-size: 15px;
}
 .navbar .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0px;
    padding: 0px !important;
    border-radius: 0px !important;
  }
  .dropdown-item.active, .dropdown-item:active {
    text-decoration: none;
    background-color: #e9ecef !important;
}

.navbar-menu .nav-item a.active {
    color: #0071db;   
}
.logo-headers img {
    width: 200px;
}

.navbar-menu .nav-item a:hover {
    color: #0071db;
}

.call-icons {
    width: 45px;
    height: 45px;
    background: #0071db;
    font-size: 22px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    border-radius: 100px;
    cursor: pointer;
    transition: all 500ms ease;
}

.call-icons:hover {
    background: #071c4d;
    transform: rotateY(180deg);
}

.ph-numbers p {
    color: #575757;
    font-weight: 500;
    margin-bottom: 0px;
    padding-bottom: 3px;
}

.ph-numbers a {
    color: #071c4d;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    transition: all 500ms ease;
}

.ph-numbers a:hover {
    color: #0071db;
}
.blues-btns-lindin a {
    padding: 8px;
    color: #0071db;
    border: 2px solid #0071db;
    border-radius: 100px;
    text-decoration: none;
}

.blues-btns-lindin span {
    background: #0071db;
    border-radius: 60px;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-left: 6px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.blues-btns-lindin a:hover {
    background: #ff6c36;
    color: #fff;
    border: 1px solid #f96935;
    transition: all 500ms ease;
}

.blues-btns-lindin a:hover span {
    background: #fff;
    color:#ff6c36;
    transition: all 500ms ease;
}
.fotter-contes li {
    line-height: 40px;
}
p.para-sec-inrs-itls {
    border-left: 3px solid #e66130;
    padding-left: 10px;
    color: #16264e;
    font-weight: 500;
    font-style: italic;
}
.breadcrumb-content p {
    text-align: center;
    font-size: 26px;
    color: #fff;
}
/*  */

/* ================================================ */
              /* -----Slider----- */
/* ================================================ */
/* .slider-sec-wrps {
    background-image: url(../images/Car-Banner.png);
    padding: 50px 0px;background-image: url(../images/Car-Banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 570px;
} */
.heading-fonts {
    color: #fff;
    font-size: 55px;
    font-weight: 600;
}

.mid-color {
    font-weight: 500;
    color: #ff6c36;
    font-size: 50px;
}

.slider-content p {
    font-size: 22px;
    padding: 10px 0px;
    color: #fff;
}

.trail-texs i {
    background: #e9eeff;
    font-size: 16px;
    color: #ff6c36;
    padding: 7px;
    border-radius: 100px;
    margin-right: 10px;
}
 

.trail-texs {
    display: flex;
    gap: 10px;
}
.slider-box .trail-texs p {
    color: #fff;
}
.trail-texs span {
    color: #ff6c36;
}
/* 
.trial-btns {
    background: #ff6c36;
    padding: 6px 6px 6px 20px;
    border-radius: 100px;
    border: 2px solid #ff6c36;
} */

.trial-btns a {
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 45px;
    background: #ff6c36;
    padding: 20px 8px 17px 20px;
    border-radius: 100px;
    border: 2px solid #ff6c36;
    transition: all 500ms ease;
}

.trial-btns a:hover {
    color: #fff;
    background: #071c4d;
    border: 2px solid #071c4d;
}
.trial-btns i {
    background: #ffffff;
    width: 45px;
    height: 45px;
    display: inline-block;
    border-radius: 100px;
    text-align: center;
    font-size: 26px;
    margin-left: 10px;
    color: #ff6c36;
    transition: all 500ms ease;
}

.trial-btns a:hover i {
    transform: rotateY(180deg);
    color: #fff;
    background: #ff6c36;
    border: 2px solid #ff6c36;
}
/* ================================================ */
              /* -----Claim Management----- */
/* ================================================ */
.cmils-bgs-wrps {
    background: #151515;
    padding: 70px 0px;
}
.cmils-servics-boxs {
    background: #232529;
    padding: 20px;
    border: 1px solid #232529;
    border-radius: 20px;
    height: 100%;
    min-height: 220px;
}
.cmils-servics-boxs:hover {
    transition: .5s;
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.cmils-servics-boxs h4 {
    color: #ffffff;
    padding: 10px 0px;
}

.cmils-servics-boxs p {
    color: #a3a3a3;
}

 .whts-mets-hedings {
    text-align: center;
    padding-bottom: 20px;
}
.whts-we-metsr-wrps {
    padding: 70px 0px 50px;
    background: #002057;
    background-image: url(https://the7.io/fse-business/wp-content/uploads/sites/133/2025/07/art-r-t-1.svg);
    background-size: cover;
    background-repeat: repeat;
}
.whats-meter-nmbr {
    background: #172758;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 100px;
}

.whats-meter-nmbr h5 {
    color: #fff;
    line-height: 60px;
    font-size: 18px;
}
.whats-meter-flsx h6 {
    font-size: 35px;
    color: #0fb0f5;
    font-weight: 600;
}
.whts-mets-hedings h2 {
    color: #ffffff;
}

.whts-mets-hedings p {
    color: #fff;
}
.whats-meter-flsx h4 {
    font-size: 26px;
    color: #fff;
    font-weight: 500;
    padding: 10px 0px;
}
.whats-meter-flsx p {
   color: #fff;
}
.faqes-hedings-starts {
    text-align: center;
}
/*.clain-icons-bnrs {
    border: 2px dashed #fff;
    width: 85px;
    height: 85px;
    text-align: center;
    line-height: 85px;
    border-radius: 100px;
    background: #3db3df;
}*/

.clain-icons-bnrs img {
    width: 60px;
}

.vert-move img {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.vert-move img {
    -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); }
}

.whats-meter-flsx {
    /*background: #ebeff5;*/
    padding: 15px;
    margin-bottom: 15px;
    /*border-radius: 20px;*/
}

.process-sec-wrps {
    /*background-image: url(https://resonance-next-app.vercel.app/assets/images/demo-slick/bg-shape-1.svg);*/
    background-repeat: no-repeat;
    background-position: right;
    /* width: 100%; */
    /* height: 100vh; */
    /*border-top: 1px solid #dddddd;*/
    /*margin: 70px 0px;*/
    padding: 60px 0px;
    /*background-color: #f7f9fc;*/
}
.process-heading {
    text-align: center;
}

.procse-wrps-sub-heding {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 10px 0px;
}

.process-subtile h6 {
    font-size: 18px;
    text-transform: capitalize;
}

.process-subtile i {
    color: #ff6c36;
    padding-right: 10px;
}
.sevics-proces-box {
    background: #ecf4fd;
    padding: 30px;
    border-radius: 40px;
    position: relative;
}

.sevs-numbr-sec h6 {
    position: absolute;
    right: -10px;
    background: #ff6c36;
    padding: 10px;
    color: #fff;
    border-radius: 100px;
    width: 65px;
    height: 65px;
    border: 8px solid #fff;
    text-align: center;
    bottom: -25px;
    line-height: 30px;
    font-size: 22px;
    font-weight: 600;
}
.ai-powrs-sec-wrps {
    background-image: url(../images/Aibg-imgs.jpg) !important;
    padding: 70px 0px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.ai-conts-boxs {
    display: grid;
    grid-template-columns: 14% 86%;
    border-left: 3px solid #0071db;
    margin-bottom: 35px;
    padding-left: 20px;
    align-items: center;
}
.ais-ions {
    position: absolute;
    right: 0px;
    background: #ff6c36;
    width: 80px;
    height: 80px;
    border: 10px solid #ffffff;
    border-radius: 100px;
    padding: 10px;
    top: -30px;
    left: 160px;
}

.prsocs-inrs-conts-main {
    position: relative;
}

.process-line {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #ddd;
}

.stps-headin {
    display: inline-block;
    background: #0071db;
    color: #fff;
    padding: 6px 18px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 20px;
    font-family: "Barlow", sans-serif;
}
         .prsocs-inrs-conts-main {
    position: relative;
}

.process-line {
    position: absolute;
    top: 15px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #ddd;
}

.proces-iner-conts p {
    text-align: justify;
    padding-bottom: 10px;
    padding-top: 10px;
}

.process-heading-wrps span {
    color: #0071db;
}
.stps-headin {
   position: relative;
    display: inline-block;
    background: #0071db;
    color: #fff;
    padding: 6px 18px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 30px;
    font-family: "Barlow", sans-serif;
}

.at-process-top-box {
    max-width: 353px;
    height: 73px;
    border: 2px solid #D0D0D2;
    border-radius: 13px 13px 0 0;
    border-bottom: 0;
    text-align: center;
    margin: auto;
    top: 15px;
}
.p-relative {
    position: relative;
}
.at-process-top-box::before, .at-process-top-box::after {
    position: absolute;
    width: 10px;
    height: 8px;
    bottom: 0;
    left: -6px;
    content: "";
    display: inline-block;
    background: #D0D0D2;
    clip-path: polygon(49% 0, 56% 0, 100% 100%, 0% 100%);
}
.at-process-top-box::after {
    left: auto;
    right: -6px;
}
.process-line.aftr-lins:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 342px;
    background: #d0d0d2;
    right: 0px;
}

.prsocs-inrs-conts-box {
    padding: 0px 10px;
}
.at-process-top-icon img {
    animation: spin 10s infinite alternate-reverse;
    width: 50px;
}
.at-process-top-icon {
    width: 80px;
    height: 80px;
    display: block;
    line-height: 80px;
    text-align: center;
    color: #ffffff;
    background: #ffffff;
    border-radius: 100px;
    margin: auto;
    margin-top: -40px;
}
/* Outer rotating ring */
.icon-wrapper{
  width:90px;
  height:90px;
  border-radius:50%;
  border:2px dashed #ff6c36;
  display:flex;
  justify-content:center;
  align-items:center;
  animation:rotate 6s linear infinite;
}

/* Inner pulse circle */
.icon-circle{
  width:70px;
  height:70px;
  background:#ff6c36;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  animation:pulse 2s infinite;
}

/* Rotation animation */
@keyframes rotate{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

/* Pulse animation */
@keyframes pulse{
  0%{ box-shadow:0 0 0 0 #f44336c2; }
  70%{ box-shadow:0 0 0 20px rgba(59,78,255,0); }
  100%{ box-shadow:0 0 0 0 rgba(59,78,255,0); }
}
.prsocs-inrs-conts-box p {
    text-align: justify;
}
 /*-----------Proces----------*/
      .sevics-proces-box {
    background: #ecf4fd;
    padding: 70px 20px 20px;
    border-radius: 40px;
    position: relative;
    height: 100%;
}
         .process-section{
         /*padding:40px 0;*/
         position:relative;
         z-index: 9;
         }
         .process-circle img {
         width: 50px;
         margin: 0 auto;
         display: inline-block;
         }
         .pro-ones-box:before {
         content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjY5IiB2aWV3Qm94PSIwIDAgMTgwIDY5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMS44MjMxMyA2MS4zNzAxQzk1Ljg2ODggOTEuODA2NSA4OC44MjkzIC0yMC4xNTQ4IDE3OC4wODYgNi41Mzc4OSIgc3Ryb2tlPSIjRDhEREUxIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K);
         color: var(--white-color);
         position: absolute;
         z-index: -1;
         right: -27%;
         -webkit-transform: rotate(35deg);
         -ms-transform: rotate(35deg);
         transform: rotate(35deg);
         top: 21%;
         -webkit-transition: all .4s;
         transition: all .4s;
         }
         .pro-twos-box:before {
         content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjY5IiB2aWV3Qm94PSIwIDAgMTgwIDY5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMS44MjMxMyA2MS4zNzAxQzk1Ljg2ODggOTEuODA2NSA4OC44MjkzIC0yMC4xNTQ4IDE3OC4wODYgNi41Mzc4OSIgc3Ryb2tlPSIjRDhEREUxIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K);
         color: var(--white-color);
         position: absolute;
         z-index: -1;
         right: -27%;
         -webkit-transform: rotate(115deg);
         -ms-transform: rotate(35deg);
         transform: rotate(-5deg);
         top: 0%;
         -webkit-transition: all .4s;
         transition: all .4s;
         }
         /* ===== Step Card ===== */
         .process-box{
         text-align:center;
         position:relative;
         }
         .process-circle{
         width:110px;
         height:110px;
         border-radius:50%;
         background:#f8fbff;
         display:flex;
         justify-content:center;
         align-items:center;
         font-size:32px;
         color:#0d1b3f;
         margin:auto;
         position:relative;
         animation:pulse 3s infinite;
         }
         .process-circle::before {
         content: "";
         position: absolute;
         width: 140px;
         height: 140px;
         border-radius: 50%;
         background: rgb(0 113 219 / 32%);
         z-index: -1;
         }
         /* Number Badge */
         .step-number {
         position: absolute;
         top: -20px;
         right: -5px;
         background: #0071db;
         color: #fff;
         width: 50px;
         height: 50px;
         border-radius: 50%;
         display: flex;
         justify-content: center;
         align-items: center;
         font-weight: bold;
         font-size: 20px;
         }
         /* Text */
         .process-box h4{
         margin-top:30px;
         font-weight:600;
         color:#0d1b3f;
         }
         /* ===== Dashed SVG Line ===== */
         .path-line{
         position:absolute;
         top:115px;
         width:100%;
         height:200px;
         left:0;
         z-index:-1;
         }
         /* ===== Animations ===== */
         @keyframes pulse{
         0%{ box-shadow:0 0 0 0 rgba(13,110,253,.4); }
         70%{ box-shadow:0 0 0 25px rgba(13,110,253,0); }
         100%{ box-shadow:0 0 0 0 rgba(13,110,253,0); }
         }
         @keyframes blink{
         from{ opacity:.3; }
         to{ opacity:1; }
         }
         /* ===== Mobile Layout ===== */
         @media(max-width:991px){
         .path-line,
         .dots{
         display:none;
         }
         .process-box{
         margin-bottom:50px;
         }
         }
/* ================================================ */
          /* -----Integration Partners----- */
/* ================================================ */
.about-us-footer {
    display: flex;
    align-items: center;
    gap: 20px 30px;
}
.about-footer-list ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.about-contact-btn {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.about-contact-btn .icon-box {
         position: relative;
         height: 46px;
         width: 46px;
         background: linear-gradient(to right, #4e5db1 0%, #55c8e0 50%, #4e60b1 100%);
         background-size: 200% auto;
         border-radius: 50%;
         display: flex;
         justify-content: center;
         align-items: center;
         overflow: hidden;
         margin-right: 10px;
         transition: all 0.3s 
         ease-in-out;
         z-index: 1;
         }
         .about-contact-btn .icon-box img {
         width: 100%;
         max-width: 28px;
         }
         .about-footer-btn-content a {
         font-size: 20px;
         color: #1c2a52;
         font-weight: 500;
         text-decoration: none;
         }
     .tj-service-section-three {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    background: #f7f9fc;
}
         .tj-service-section-three .tj-sec-heading {
         margin-bottom: 40px;
         margin-left: 0;
         }
         .tj-sec-heading {
    text-align: center;
}
         .secondary-color {
         font-size: 35px;
         font-family: "Barlow", sans-serif;
         letter-spacing: 3.5px;
         font-weight: 500;
         display: inline-block;
         margin-bottom: 10px;
         line-height: 1.2;
         color: #1b0963;
         }
         .tj-service-item-three {
         border: 1px solid #dcdee7;
         border-radius: 8px;
         padding: 30px;
         position: relative;
         z-index: 3;
         margin-bottom: 40px;
         -webkit-transition: 0.4s;
         transition: 0.4s;
         background: #ffffff;
         }
         .tj-service-item-three .border-inner {
         position: relative;
         }
         .tj-service-item-three .border-inner::before {
         position: absolute;
         content: "";
         width: 145%;
         height: 1px;
         bottom: -80px;
         left: -75px;
         background: #dcdee7;
         }
         .tj-service-item-three .border-inner::after {
         position: absolute;
         content: "";
         width: 0;
         height: 0;
         border-left: 9px solid transparent;
         border-right: 9px solid transparent;
         border-bottom: 15px solid #dcdee7;
         -webkit-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         transform: translateX(-50%);
         left: 50%;
         top: 65px;
         }
         .tj-service-item-three::before {
         position: absolute;
         content: "";
         top: 0;
         left: 0;
         width: 60%;
         height: 100%;
         background: #fafafc;
         border-radius: 8px;
         z-index: -1;
         opacity: 0;
         visibility: hidden;
         }
         .tj-service-item-three .border-inner {
         position: relative;
         }
         .tj-service-item-three::after {
         position: absolute;
         content: "";
         top: 0;
         right: 45px;
         width: 0;
         height: 100%;
         border-top: 270px solid #ffffff;
         border-left: 100px solid transparent;
         background: #fafafc;
         border-radius: 8px;
         z-index: -1;
         opacity: 0;
         visibility: hidden;
         }
         .tj-service-item-three .border-inner2::before {
         position: absolute;
         content: "";
         width: 145%;
         height: 1px;
         top: -83px;
         right: -80px;
         background: #dcdee7;
         }
         .tj-service-item-three .border-inner2::after {
         position: absolute;
         content: "";
         width: 0;
         height: 0;
         border-left: 9px solid transparent;
         border-right: 9px solid transparent;
         border-top: 15px solid #dcdee7;
         -webkit-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         transform: translateX(-50%);
         left: 50%;
         bottom: 68px;
         }
         .tj-service-item-three::after {
         position: absolute;
         content: "";
         top: 0;
         right: 45px;
         width: 0;
         height: 100%;
         border-top: 270px solid #ffffff;
         border-left: 100px solid transparent;
         background: #fafafc;
         border-radius: 8px;
         z-index: -1;
         opacity: 0;
         visibility: hidden;
         }
         .tj-service-item-three:hover {
         border-color: #5743ff !important;
         }
         .tj-service-video-content .desc {
         max-width: 485px;
         margin-bottom: 30px;
         }
         .tj-service-item-three .border-inner::before {
         position: absolute;
         content: "";
         width: 145%;
         height: 1px;
         bottom: -80px;
         left: -75px;
         background: #dcdee7;
         }
         .tj-service-item-three .border-inner::after {
         position: absolute;
         content: "";
         width: 0;
         height: 0;
         border-left: 9px solid transparent;
         border-right: 9px solid transparent;
         border-bottom: 15px solid #dcdee7;
         -webkit-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         transform: translateX(-50%);
         left: 50%;
         top: 65px;
         }
         .tj-service-item-three .border-inner2 {
         position: relative;
         }
         .tj-service-video-content .video-shape {
         position: absolute;
         right: 0;
         top: 60px;
         }
         .petnr-links {
         font-family: "Barlow", sans-serif;
         color: #0071db;
         font-weight: 500;
         font-size: 16px;
         }
         .mrng-tops-fech {
    padding: 0;
}
         /**----------------------------------------
         START: Theme Animation CSS
         ----------------------------------------*/
         // circle animation
         @keyframes rotateImg {
         0% {
         transform: rotate(0deg);
         }
         100% {
         transform: rotate(360deg);
         }
         }
         .shake-y {
         animation: shakeY 2.5s ease-in-out infinite;
         }
         @-webkit-keyframes shakeY {
         0% {
         transform: translateY(10px);
         }
         50% {
         transform: translateY(-10px);
         }
         100% {
         transform: translateY(10px);
         }
         }
         @keyframes shakeY {
         0% {
         transform: translateY(10px);
         }
         50% {
         transform: translateY(-10px);
         }
         100% {
         transform: translateY(10px);
         }
         }

.about-contact-btn:hover .icon-box{
    background-position: right center;
}
/* ================================================ */
              /* -----Founder----- */
/* ================================================ */

.bauts-dan-imgs {
    background: #f5f5f7;
    border-radius: 50px;
    margin-top: 60px;
    overflow: hidden;
    margin-bottom: 60px;
}
.owner-imgs-box-sec {
    display: grid;
    grid-template-columns: auto auto;
    padding: 15px;
    gap: 15px;
}
.owners-inr-box {
    display: flex;
    align-items: center;
    justify-content: stretch;
    gap: 20px;
    padding: 5px 20px 20px;
}
.founder-imgs-sec {
    width: 280px;
    height: 350px;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
}

.con-coundwer-sec h6 {
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
}
.con-coundwer-sec span {
    font-size: 16px;
    padding-left: 15px;
    font-weight: 300;
}

.founder-abhut-sec {
    text-align: center;
    padding-top: 50px;
}

.founder-abhut-sec h3 {
    color: #ff6c36;
    text-transform: capitalize;
    font-size: 30px;
}
.founder-sec-content h2 {
    font-size: 30px;
    text-align: left;
}
.para-sec-owner {
    text-align: justify;
    font-size: 18px;
}
.boder-lefts-inrs {
    border-left: 1px solid #c3c3c3;
}
/*=================Popup Download Start=================*/
.download-brochure-popus .popups-logs-sec-main {
    background-image: url(../images/bg-downlod.jpg) !important;
    height: 100%;
    padding: 20px;
    position: relative;
    background-position: center;
    background-size: cover;
}
.popups-imgs-sec-brows h3 {
    font-size: 26px;
    color: #fff;
    font-weight: 500;
}

.popups-imgs-sec-brows p {
    font-size: 16px;
    color: #fff;
}
/*=================Popup Start=================*/
.popups-sec-wrps-mains .modal-dialog {
        max-width: 800px;
        margin: 1.75rem auto;
    }
    .btn-close.btsn-aps-pups {
    position: absolute;
    z-index: 999;
    right: 10px;
    top: 10px;
}
    .popups-forms-sec-mains input {
    border-bottom: 1px solid #bdbec0;
    border-radius: 0px;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    padding: 5px 0px;
    margin-bottom: 20px;
    font-size: 15px;
}
.popups-sec-wrps-mains .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding:0px;
}
.popups-sec-wrps-mains .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 20px !important;
    outline: 0;
    overflow: hidden !important;
}
.popups-forms-sec-mains .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
    border-bottom: 1px solid #0071db;
}
.popups-logs-sec-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    background: #1a2955;
    padding: 20px;
    position: relative;
}
.logs-icons-sechoms {
    position: absolute;
    left: 20px;
    top: 70px;
    right: 0px;
    margin: 0;
    opacity: 0.1;
}

.logs-icons-sechoms img {
    width: 350px;
}
.popups-logs-sec-main:after {
    content: "";
    position: absolute;
    background: #ff6c36;
    width: 40px;
    height: 40px;
    top: 0px;
    left: 0px;
}
.poups-ins-bts-list {
    padding-top: 20px;
}
.popups-imgs-sec h4 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
}
.inre-list-teds h6 {
    font-family: "Barlow", sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
}

.inre-list-teds i {
    font-weight: 200;
    padding-right: 15px;
    padding-bottom: 10px;
    color: #ff6c36;
}
.popups-imgs-sec span {
    color: #0071db;
}
.popups-forms-sec-mains {
    padding: 30px 20px 30px 0px;
}

.submit-btns-popus-sec button {
    background: #0071db;
    padding: 10px 40px;
    border-radius: 100px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    transition: all 0.5s linear;
    border: 1px solid #0071db;
}
.submit-btns-popus-sec button:hover {
    background:#ff6c36;
    border: 1px solid #ff6c36;
}
.popups-sec-wrps-mains .popups-forms-sec-mains textarea {
    border-bottom: 1px solid #bdbec0;
    border-radius: 0px;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    padding: 5px 0px;
    font-size: 15px;
}
.popups-forms-sec-mains h5 {
    font-size: 30px;
    padding-bottom: 15px;
}

.popups-sec-wrps-mains .btn-close img {
    width: 14px;
}
.popups-sec-wrps-mains .btn-close {
    box-sizing: content-box;
    color: #000;
    border: 0;
    opacity: 100%;
    background: #d9d9d9;
    box-shadow: 0 0 10px #0000001a;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*=================Popup End=================*/
/*=================Innovatin Start=================*/
.solution-pgs-mrgn {
    margin: 0px;
}
.innovation-sec-wprs {
    padding: 70px 0px;
    background-image: linear-gradient(to top, #131429, #2887be);
}

.inovetion-head-sec h3 {
    color: #fff !important;
    text-align: center;
}

.invo-inner-cont h5 {
    color: #ff6c36;
    padding: 22px 0px 10px;
    margin: 0px;
    font-size: 22px;
    font-weight: 600;
}

.invo-inner-cont p {
    color: #fff;
    font-size: 18px;
}

.inovetion-head-sec p {
    text-align: center;
    color: #e2d4d4;
    padding-bottom: 35px;
    font-size: 22px;
}
.invo-inner-box.pad-lft-rit {
    border-right: 1px solid #ffffff;
    border-left: 1px solid #fff;
    padding: 0px 15px;
}
/* ================================================ */
              /* -----Counter----- */
/* ================================================ */
.counter-sec-boxs {
    position: relative;
    bottom: 70px;
    left: 0;
}
.counter-box {
    text-align: center;
    background: #ffffff;
    padding: 25px 40px;
    -webkit-box-shadow: 0 0 14px 0 #d6d6d6;
    -moz-box-shadow: 0 0 14px 0 #d6d6d6;
    box-shadow: 0 0 14px 0 #d6d6d6;
    border-radius: 15px;
    border: 2px solid #eeeff3;
    transition: all 500ms ease;
}
.counter-box:hover {
    margin-top: -10px;
    border: 2px solid #0071db;
    cursor: pointer;
}
.counter-box h5 {
    color: #0071db;
    font-size: 22px;
}

.counter-box p {
    margin: 0px;
    font-size: 18px;
}
.margin-tops-bgs {
    padding: 70px 0px;
}
/* ================================================ */
              /* -----Claim Management----- */
/* ================================================ */
.cmils-bgs-wrps {
    background: #151515;
    padding: 70px 0px;
}
.cmils-servics-boxs {
    background: #1e1e1e;
    padding: 20px;
    border: 1px solid #2c2c2c;
    border-radius: 20px;
    height: 100%;
    min-height: 220px;
}
.cmils-servics-boxs:hover {
    transition: .5s;
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.cmils-servics-boxs h4 {
    color: #ffffff;
    padding: 10px 0px;
}

.cmils-servics-boxs p {
    color: #a3a3a3;
}
/* ================================================ */
              /* -----Features----- */
/* ================================================ */
.feature-sec-wrps {
    padding: 80px 0 80px;
    position: relative;
    background: #E4DEF7;
    background: radial-gradient(circle, rgba(228, 222, 247, 1) 0%, rgba(204, 218, 249, 1) 50%, rgba(171, 223, 246, 1) 100%);
}
.feature-headins {
    text-align: center;
}

.span-mid-color {
    color: #0071db;
    padding: 0px 10px;
}

.para-sec {
    font-size: 18px;
    padding: 10px 0px 30px 0px;
    margin: 0;
    font-weight: 400;
}

.feacherd-tabs-sec .nav {
    justify-content: space-between;
    margin: 40px 0px;
}

.feacherd-tabs-sec .nav-pills .nav-link {
    background: 0 0;
    border: 0;
    padding: 4px 0px;
    border-radius: .25rem;
    font-size: 18px;
    font-weight: 600;
    color: #0071db;
}

/*.feature-sec-wrps .all-heading-fonts {
    color: #fff;
}

.feature-sec-wrps p {
    color: #fff !important;
}*/
.inrs-list-sevs {
    padding: 70px 0px;
}
.tabs-iner-pg-bnrs {
    border-radius: 50px;
    overflow: hidden;
    /*border: 10px solid #ffffff;*/
    background: #fff;
    -webkit-box-shadow: 0 0 14px 0 #d6d6d6;
    -moz-box-shadow: 0 0 14px 0 #d6d6d6;
    box-shadow: 0 0 14px 0 #d6d6d6;
    transition: .5s;
}

/*.feature-sec-wrps .para-sec {
    color: #fff;
}
.feature-sec-wrps .all-heading-fonts p {
    color: #fff !important;
}*/
.feacherd-tabs-sec .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #0071db;
    background-color: transparent;
    border-bottom: 2px solid #0071db;
    font-size: 22px;
    border-radius: 0px;
    font-weight: 500;
    padding: 4px 0px;
}
.book-demo-sec h2 {
    font-size: 40px;
    text-align: center;
}
.demo-forms {
    padding: 30px 20px;
    box-shadow: rgb(214, 214, 214) 0px 0px 14px 0px;
    cursor: pointer;
    background: rgb(255, 255, 255);
    transition: 0.5s;
    border-radius: 20px;
}
.tabs-content-iner h4 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
}
.red-more-btns a {
    background: #0071db;
    padding: 12px 30px;
    border-radius: 100px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    transition: all 0.5s linear;
}
.red-more-btns a:hover {
    background: #ff6c36;
    color: #ffffff;
}
.tabs-conts-sec {
    margin-top: 30px;
}
.tbs-home-imgs img {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
    background: #fff;
}

.tbs-home-imgs {
    border-radius: 50px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 0 14px 0 #d6d6d6;
    -moz-box-shadow: 0 0 14px 0 #d6d6d6;
    box-shadow: 0 0 14px 0 #d6d6d6;
    transition: .5s;
}
/* ================================================ */
            /* -----Leading Brands----- */
/* ================================================ */
.brands-sec-wrps {
    background: #f3f4f8;
}

.brand-servics-boxs {
    background: #ffffff;
    padding: 40px 50px;
    -webkit-box-shadow: 0 0 14px 0 #d6d6d6;
    -moz-box-shadow: 0 0 14px 0 #d6d6d6;
    box-shadow: 0 0 14px 0 #d6d6d6;
    border-radius: 15px;
    transition: all 500ms ease;
    position: relative;
    overflow: hidden;
    height: 100%;
}
.brand-servics-boxs:hover {
    background: #f4f5f9;
    margin-top: -10px;
    cursor: pointer;
}

.brand-servics-boxs:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    background: #f4f5f9;
    right: 0px;
    bottom: 0px;
    border-radius: 100px 0px 0px 0px;
}

.brand-servics-boxs h4 {
    color: #071c4d;
    font-size: 22px;
    font-weight: 600;
    padding: 15px 0px;
    margin: 0px;
}

.brand-servics-boxs p {
    font-size: 18px;
    margin: 0;
    font-weight: 400;
    text-align: justify;
    display: block;
    display: -webkit-box;
    margin: 0 auto;
    line-height: 1;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
}

.founder-abhut-sec p {
    font-size: 18px;
    text-align: justify;
    padding-top: 10px;
}
/* ================================================ */
            /* -----CRM Solution ----- */
/* ================================================ */
.blues-btns a {
    background: #0071db;
    border: 2px solid #0071db;
    transition: all 500ms ease;
}

.blues-btns i {
    color: #0071db;
    transition: all 500ms ease;
}

.orangs-btns a {
    background: transparent;
    color: #ff6c36;
    transition: all 500ms ease;
}
.orangs-btns a:hover {
    color: #fff;
    background: #ff6c36;
    border: 2px solid #ff6c36;
}

.orangs-btns i {
    background: #ff6c36;
    color: #ffffff;
    transition: all 500ms ease;
}

.orangs-btns a:hover i {
    transform: rotateY(180deg);
    color: #ff6c36;
    background: #ffffff;
    border: 2px solid #ffffff;
}

.navbar-menu .dropdown-menu.show {
    border-radius: 0px;
    font-size: 14px;
}

/* ================================================ */
            /* -----Client Logo ----- */
/* ================================================ */

.client-logs-sec .slider {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #fff;
  /* border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; */
}

.client-logs-sec .slide-track {
  display: flex;
  width: calc(250px * 12);
  animation: scroll 40s linear infinite;
}

.client-logs-sec .slide {
  /* height: 100px; */
  width: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.client-logs-sec .slide img {
  max-width: 180px;
  max-height: 80px;
  filter: grayscale(100%);
  transition: all 0.3s ease;
}

.client-logs-sec .slide img:hover {
  filter: grayscale(0%);
  transform: scale(1.1);
}

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

/* ================================================ */
            /* -----Testimonials ----- */
/* ================================================ */
.testimonials-sec-wrps {
    background: #f7f7fb;
}

.testimonials-sec-box {
    background: #fff;
    border-radius: 15px;
    transition: all 500ms ease;
    padding: 30px;
    cursor: pointer;
    height: 100%;
}
.testimonials-sec-box:hover {
    -webkit-box-shadow: 0 0 14px 0 #d6d6d6;
    -moz-box-shadow: 0 0 14px 0 #d6d6d6;
    box-shadow: 0 0 14px 0 #d6d6d6;
    transition: all 500ms ease;
}
.testimonials-sec-box ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.testimonials-sec-box li {
    display: inline-block;
    color: #f9ae0e;
}

.testimonials-sec-box p {
    font-size: 20px;
    padding: 15px 0px;
}
.testimonials-sec-box h5 {
    color: #071c4d;
    font-weight: 600;
    font-size: 18px;
    margin: 0px;
}
.testimonials-sec-box span {
    color: #575757;
    font-size: 15px;
    font-family: "Barlow", sans-serif;
    font-weight: 400;
}
/* ================================================ */
            /* -----Blog ----- */
/* ================================================ */
/* Homepage */
.blog-box {
    position: relative;
}
.blog-imgs {
    width: 415px;
    height: 280px;
    overflow: hidden;
    position: relative;
}

.blog-imgs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s all ease;
    border-radius: 30px;
}
 .blog-imgs:hover img {
    transform: scale(1.2);
}

.blog-contents i {
    color: #ff6c36;
    padding-right: 10px;
}

.blog-contents h6 {
    font-size: 16px;
    color: #575757;
    font-family: "Barlow", sans-serif;
    margin: 0px;
}

.blog-contents {
    text-align: center;
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 0 14px 0 #d6d6d6;
    -moz-box-shadow: 0 0 14px 0 #d6d6d6;
    box-shadow: 0 0 14px 0 #d6d6d6;
    padding: 20px;
    bottom: -40px;
    left: 0px;
    right: 0px;
    width: 330px;
    margin: 0 auto;
    border-radius: 20px;
    transition: all 0.5s linear;
}
.blog-contents:hover {
    margin-left:30px;
    transition: all 0.5s linear;
}
.blog-contents a {
    color: #071c4d;
    font-family: "Public Sans", sans-serif;
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
    padding: 10px 0px;
    display: inline-block;
    margin: 0;
}
.redmor-btns a {
    font-size: 16px;
    padding: 0px;
    color: #ff6c36;
    text-decoration: underline;
}
/* -----Blog Page ----- */
.blog-detils-sec-wrps {
    margin: 70px 0px;
}
.blog-cont-box {
    position: relative;
}
.blog-img-box {
    width: 261px;
    height: 250px;
    position: relative;
    overflow: hidden;
}
.blog-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
    border-radius: 20px;
}
.blog-img-box:hover img {
    transform: scale(1.2);
}
.blog-box-date {
    position: absolute;
    top: 30px;
    background: #0071db;
    width: 60px;
    height: 60px;
    border-radius: 15px;
    left: 30px;
}

.blog-box-date h3 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
}
.blog-box-heading a {
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    color: #071c4d;
    /* padding: 15px 0px 5px; */
    display: inline-block;
    transition: 0.5s;
}

.blog-box-heading a:hover {
    color: #0071db;
    transition: 0.5s;
}
.blog-box-heading p {
    font-size: 15px;
    font-weight: 400;
}
.blog-redmor-btns a {
    text-decoration: none;
    color: #0071db;
    font-weight: 500;
    font-size: 16px;
    transition: 0.5s;
}
.blog-redmor-btns a:hover {
    color: #ff6c36;
    transition: 0.5s;
    margin-left: 20px;
}

.blog-redmor-btns i {
    color: #ff6c36;
}
.pagnation-blog-pags {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.pagnation-blog-pags .page-link {
    position: relative;
    display: block;
    color: #0071db;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-family: "Barlow", sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.pagnation-blog-pags .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0071db;
    border-color: #0071db;
}
.blog-date-time a {
    background: #0071db;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    border-radius: 100px;
    margin: 0px;
    text-decoration: none;
    font-weight: 500;
    transition: 0.5s;
}
.blog-date-time a:hover {
    background: #ff6c36;
    transition: 0.5s;
    margin-left: 10px;
}
.blog-date-time {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 20px 0px;
}
.blog-date-time span {
    font-size: 14px;
    color: #575757;
}

.blog-date-time i {
    color: #ff6c36;
    font-size: 18px;
    padding-right: 5px;
}
.blog-detils-imgs img {
    border-radius: 30px;
    margin: 15px 0px 20px;
}
.iner-blog-detls img {
    width: 500px;
    border-radius: 20px;
    height: 300px;
}
.iner-blog-detls {
    margin: 10px 0px 20px;
}
.blog-detils-cont-boxs h5 {
    font-size: 30px;
    font-weight: 700;
    padding: 10px 0px 0px;
}
.blog-user-box img {
    border-radius: 100px;
    width: 80px;
}
.blog-user-cont span {
    color: #575757;
    font-size: 14px;
}

.rply-btns a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    color: #071c4d;
}

.rply-btns i {
    color: #0071db;
    padding-right: 5px;
}
.comment-checks label {
    font-family: "Barlow", sans-serif;
    color: #575757;
}
.blog-right-detils {
    background: #f1f1fe;
    padding: 30px;
    border-radius: 30px;
}
.blog-right-serch {
    border-bottom: 1.5px solid #0071db;
    padding-bottom: 40px;
}
.blog-right-serch h6 {
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 15px;
}
.sidebar__search-form {
    position: relative;
    display: block;
    margin-top: 12px;
}
.sidebar__search-form input[type="search"] {
    display: block;
    outline: none;
    background-color: #fff;
    font-weight: 500;
    font-size: 16px;
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding-left: 20px;
    padding-right: 60px;
    color: #575757;
    border-radius: 12px;
    border: 1px solid #E7E7E7;
}
.sidebar__search-form button[type="submit"] {
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 8px;
    max-width: 40px;
    width: 100%;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: #0071db;
    border-radius: 6px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.sidebar__search-form button[type="submit"]:hover {
    background-color: #ff6c36;
    color: #fff;
}
.blog-catg a {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    background: #ffffff;
    margin: 15px 0px;
    padding: 10px 10px;
    border-radius: 10px;
    color: #071c4d;
    transition: 0.5s;
}
.blog-catg a:hover {
    background: #0071db;
    transition: 0.5s;
    color: #fff;
}

.blog-right-catgr h6 {
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 15px;
}
.blog-right-catgr{
    border-bottom: 1.5px solid #0071db;
    padding-bottom: 40px;
}
.rcent-sec-box {
    display: grid;
    grid-template-columns: 30% 65%;
    gap: 15px;
}

.rcent-sec-box img {
    border-radius: 10px;
}
.rcent-sec-box a {
    text-decoration: none;
    font-size: 15px;
    color: #071c4d;
}
.rcent-sec-box a {
    text-decoration: none;
    font-size: 15px;
    color: #071c4d;
}

.rent-blog-date-time span {
    font-size: 14px;
    color: #575757;
    padding: 5px 0px;
    display: inline-block;
}

.rent-blog-date-time i {
    color: #ff6c36;
    padding-right: 5px;
}
.resent-right-catgr h6 {
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 15px;
}
/* ================================================ */
            /* -----CTA ----- */
/* ================================================ */
.ctas-sec-wrps {
    background: #f6f6f6;
    margin: 90px 0px 0px;
}
.para-sec-cts {
    font-size: 20px;
    margin: 0;
    padding-top: 10px;
}
/* ================================================ */
            /* -----Resorce ----- */
/* ================================================ */
.guiding-sec-wrps {
    padding: 60px 0px;
    background-image: url(../images/wrapper-section.png);
    background-repeat: no-repeat;
}
.who-its-work-sec-wrps {
    background-image: url(../images/cta-2.jpg);
    padding: 50px 0px;
    background-size: cover;
    background-repeat: no-repeat;
}
.cta-hedng-texs {
    text-align: center;
}

.cta-hedng-texs h3 {
    color: #fff;
}
/* ================================================ */
            /* -----Footer ----- */
/* ================================================ */
.footer-sec-wprs {
    background: #292e31;
}
.footer-logos img {
    width: 200px;
}
.footer-call h5 {
    color: #fff;
    font-size: 22px;
    margin: 0px;
    font-family: "Barlow", sans-serif;
}

.footer-call a {
    color: #fff;
    text-decoration: none;
    font-family: "Barlow", sans-serif;
    transition: all .5s ease-out;
}
.footer-call a:hover {
    color: #0071db;
    transition: all .5s ease-out;
}

.social-icons ul {
    list-style-type: none;
}

.social-icons li {
    display: inline-block;
    text-align: center;
}
.social-icons a {
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    display: inline-block;
    border-radius: 100px;
    color: #fff;
    line-height: 38px;
    text-decoration: none;
    margin-right: 5px;
}

.social-icons a:hover {
    background: #ff6500;
    border: 2px solid #ff6500;
    border-radius: 100px;
    color: #fff;
    transition: all 500ms ease;
}
.fotter-contes h6 {
    font-family: "Barlow", sans-serif;
    color: #fff;
    font-size: 22px;
}

.fotter-contes ul {
    list-style-type: none;
    padding: 0;
}

.fotter-contes li a {
    line-height: 26px;
    color: #dedede;
    text-decoration: none;
    font-family: "Barlow", sans-serif;
    font-size: 16px;
    transition: all 500ms ease;
}

.fotter-contes li a:hover {
    margin-left: 20px;
    color: #ff6500;
    transition: all 500ms ease;
}

.fotter-contes i {
    color: #ff6c36;
    padding-right: 5px;
}

.fotter-contes p {
    line-height: 26px;
    color: #dedede;
    font-size: 16px;
    font-weight: 400;
    transition: all 500ms ease;
    text-align: justify;
}


.inpus-footes-sec {
    position: relative;
}

.sent-btns a {
    position: absolute;
    bottom: 0;
    right: 0px;
    background: #ff6c36;
    height: 46px;
    width: 46px;
    text-align: center;
    line-height: 46px;
    border-radius: 10px;
    z-index: 99;
    transition: all 500ms ease;
}

.sent-btns a:hover {
    background: #0071db;
    transition: all 500ms ease;
}
.sent-btns a i {
    color: #fff;
}

.inpus-footes-sec input {
    background: transparent;
    padding: 12px;
    border: 1px solid #dedede;
    border-radius: 10px;
    font-size: 14px;
    color: #ffff;
    overflow: hidden;
}
.copy-right {
    text-align: center;
    background: #000;
    padding: 15px 0px;
    margin-top: 30px;
}

.copy-right a {
    color: #fff;
    text-decoration: none;
    font-family: "Barlow", sans-serif;
    font-size: 14px;
}
/* ================================================ */
            /* -----Contact Us ----- */
/* ================================================ */
 .form-sec-wrpsa input {
    border-bottom: 1px solid #1c2857;
    border-radius: 0px;
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    padding: 10px 0px;
    font-size: 15px;
}

 .forms-rights textarea{
    border-bottom: 1px solid #1c2857;
    border-radius: 0px;
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    padding: 10px 0px;
    font-size: 15px;
}
 .form-sec-wrpsa .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
    border-bottom: 2px solid #0071db;
}
.forms-rights .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
    border-bottom: 2px solid #0071db;
}
.breadcrumb-sec-wrps {
    background-image: url(../images/hero_about_me.jpg);
    padding: 60px 0px;
    /*background-position: center;*/
    background-repeat: no-repeat;
}
.breadcrumb-content ul {
    list-style-type: none;
    text-align: center;
    font-size: 40px;
    margin: 0px;
}

.breadcrumb-content li {
    display: inline-block;
    font-family: "Barlow", sans-serif;
    padding: 10px;
    font-weight: 500;
    color: #fff;
}
.breadcrumb-content a {
    font-size: 16px;
    text-decoration: none;
    color: #0071db;
}
.contactus-boxs a {
    display: inline-block;
    font-family: "Barlow", sans-serif;
    text-decoration: none;
    font-weight: 500;
    color: #575757;
}

.contactus-boxs span {
    color: #0071db;
    padding-right: 5px;
}

.contactus-boxs h4 {
    font-size: 22px;
    font-weight: 700;
    padding: 20px 0px 10px;
    margin: 0px;
}

.contactus-boxs i {
    background: #0071db;
    font-size: 25px;
    color: #fff;
    padding: 10px;
    border-radius: 20px;
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    transition: all 500ms ease;
}
.contactus-boxs i:hover {
    background: #071c4d;
    transition: all 500ms ease;
    transform: rotateY(180deg);
}
.contactus-boxs {
    border: 2px solid #e5e5e5;
    padding: 25px;
    border-radius: 20px;
    transition: all 500ms ease;
    cursor: pointer;
    height: 100%;
}
.contactus-boxs:hover {
    -webkit-box-shadow: 0 0 14px 0 #d6d6d6;
    -moz-box-shadow: 0 0 14px 0 #d6d6d6;
    box-shadow: 0 0 14px 0 #d6d6d6;
    transition: all 500ms ease;
    margin-top: -10px;
}

.contactus-boxs-last i {
    background: #ffffff;
    font-size: 25px;
    color: #0071db;
    padding: 10px;
    border-radius: 20px;
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    transition: all 500ms ease;
}
.contactus-boxs-last i:hover {
    background: #071c4d;
    transition: all 500ms ease;
    transform: rotateY(180deg);
}
.contactus-boxs-last {
    border: 2px solid #0071db;
    padding: 25px;
    border-radius: 20px;
    background: #0071db;
    text-align: center;
    height: 100%;
}
.contactus-boxs-last h4 {
    font-size: 22px;
    font-weight: 700;
    padding: 20px 0px 10px;
    margin: 0px;
    color: #fff;
}
.form-sec-wrpsa {
    display: grid;
    grid-template-columns: 49% 49%;
    gap: 14px;
}
.contact-pg-wrps-sec {
    padding: 22px;
}

.form-sec-wrps {
    margin: 20px 0px 70px;
}

.contact-pag-servs .brand-servics-boxs img {
    width: 70px;
    background: #1c2a54;
    padding: 15px;
    border-radius: 20px;
    border: 2px dashed #ffffff;
}
.contact-pg-iner-wrps-sec {
    padding: 30px;
}
.contact-pag-servs .brand-servics-boxs {
    background: #ffffff;
    padding: 20px 20px;
    -webkit-box-shadow: 0 0 14px 0 #d6d6d6;
    -moz-box-shadow: 0 0 14px 0 #d6d6d6;
    box-shadow: 0 0 14px 0 #d6d6d6;
    border-radius: 15px;
    transition: all 500ms 
ease;
    position: relative;
    overflow: hidden;
    height: 100%;
}
.contact-pag-servs .brand-servics-boxs:hover {
    margin-top:0px;
    cursor: pointer;
}
.form-box-conts-pg {
    background-image: linear-gradient(to top, #0071db, #172955);
    overflow: hidden;
    border-radius: 30px;
    border: 2px  solid #fff;
    -webkit-box-shadow: 0 0 14px 0 #d6d6d6;
    -moz-box-shadow: 0 0 14px 0 #d6d6d6;
    box-shadow: 0 0 14px 0 #d6d6d6;
}

.contact-pg-inrs-heding h2 {
    font-size: 36px;
    color: #fff;
    font-weight: 500;
    padding-bottom: 20px;
}

.forms-left-contet h2 {
    font-size: 30px;
}

.forms-rights {
    padding: 30px;
    border-radius: 30px;
    background: #fff;
    -webkit-box-shadow: 0 0 14px 0 #d6d6d6;
    -moz-box-shadow: 0 0 14px 0 #d6d6d6;
    box-shadow: 0 0 14px 0 #d6d6d6;
    transition: .5s;
    height: 100%;
}
/* ================================================ */
            /* -----About us Pages ----- */
/* ================================================ */
.our-aproch-sec-wrps {
    background: #061946;
}
.about-sec-wprs {
    padding: 70px 0px;
}
.about-pag-box h4 {
    color: #071c4d;
    font-size: 50px;
    font-weight: 700;
    font-family: "Public Sans", sans-serif;
}
.about-pag-box p {
    font-size: 20px;
}
.faqs-sec-wrps-main {
    padding: 70px 0px 20px;
}
.our-aproch-content {
    background: #061946;
    padding: 40px 60px;
    height: 100%;
}
.faqus-sec-wprs .accordion-button.collapsed {
    background: #f7f7fb;
    margin: 20px 0;
    color: #071c4d;
    border-radius: 10px;
    padding: 25px 20px;
    font-weight: 500;
    font-size: 16px;
}
.faqus-sec-wprs .accordion-item {
    background-color: #f9f9f9;
    border: 0;
    border-radius: 20px;
    margin-top: 20px;
}
.faqus-sec-wprs .accordion-button:not(.collapsed) {
    color: #171624;
    background: #f7f7fb;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    font-weight: 500;
    font-size: 18px;
    padding: 24px 15px;
    border-radius: 10px;
}
.para-sec-faq {
    font-size: 18px;
    font-weight: 400;
    text-align: justify;
}
/* .faqus-sec-wprs .accordion-button {
    background: #f7f7fb;
    color: #071c4d;
    font-size: 18px;
} */
.our-aproch-imgs img {
    height: 100%;
    min-height: 465px;
}

.guiding-content-box h4 {
    color: #ff6c36;
    text-transform: capitalize;
}
.para-sec-inrs {
    font-size: 18px;
    padding: 10px 0px 10px 0px;
    margin: 0;
    font-weight: 400;
    text-align: justify;
}

.trial-btns.orangs-btns .fa.fa-cloud-download {
    font-size: 18px;
    line-height: 47px;
}
.btns-ctas-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.sub-title-wrps-inrs {
    font-size: 22px;
}
.nabrs-sec-mrgn {
    align-items: center;
}
/* ================================================ */
            /* -----Responsive ----- */
/* ================================================ */

@media only screen and (min-width: 375px) and (max-width: 767px)  {
 h2 {
    font-size: 28px;
    font-weight: 600;
}
 h3 {
    font-size: 28px;
    font-weight: 600;
}
p{
    font-size: 18px;
}
br{
    display: none;
}
.btns-ctas-bg {
    display: inline-block;
}

.btns-ctas-bg .trial-btns.orangs-btns {
    margin-top: 30px;
}
.owner-imgs-box-sec {
    display: inline-block;
    padding: 15px;
}
.owners-inr-box {
    display: inline-block;
}
.owners-inr-box .blues-btns-lindin {
    margin-top: 20px;
}
.bauts-dan-imgs {
    border-radius: 20px;
}
.heading-fonts {
    font-size: 35px;
}
.ctas-sec-wrps {
    margin: 0px 0px 0px;
}
.nabrs-sec-mrgn {
    align-items: flex-start;
    line-height: 0px;
}
.trial-btns.blues-btns.mob-btsn-requst {
    margin-left: 0px !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px)  {
  .slide {
    width: 150px;
  }
  .slide-track {
    width: calc(150px * 12);
  }
   h2 {
    font-size: 28px;
    font-weight: 600;
}
 h3 {
    font-size: 28px;
    font-weight: 600;
}
p{
    font-size: 18px;
}
br{
    display: none;
}
.btns-ctas-bg {
    display: inline-block;
}

.btns-ctas-bg .trial-btns.orangs-btns {
    margin-top: 30px;
}
.owner-imgs-box-sec {
    display: inline-block;
    padding: 15px;
}
.owners-inr-box {
    display: inline-block;
}
.owners-inr-box .blues-btns-lindin {
    margin-top: 20px;
}
.bauts-dan-imgs {
    border-radius: 20px;
}
.heading-fonts {
    font-size: 35px;
}
.ctas-sec-wrps {
    margin: 0px 0px 0px;
}
.nabrs-sec-mrgn {
    align-items: flex-start;
    line-height: 0px;
}
.trial-btns.blues-btns.mob-btsn-requst {
    margin-left: 0px !important;
}
}