@import 'bootstrap.min.css';
@import 'all.min.css';
@import 'owl.carousel.min.css';
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat: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&display=swap');

/*--global-css--*/
body {font-family: 'Open Sans', sans-serif;color:#000;overflow-x: hidden;}
img { max-width: 100%; height: auto; }
button,
a,
input,
textarea,
header,
.navbar-brand{ -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; outline: none; text-decoration: none; }
button:focus,input:focus,textarea:focus,select:focus {box-shadow:none !important;outline: none !important;}
a:hover,a:focus{text-decoration: none;}

h3{font-size: 20px;font-weight: 600;line-height: 2}
/* strong {color: #000} */

.heading-top {
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}


.container {max-width: 1325px;}
.theme-btn {
    background-color: #d60074;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    padding: 8px 25px;
    font-weight: 500;
    border-radius: 30px;
    text-align: center;
    box-shadow: 0px 2px 5px 0px #bcbcbc;
}
.theme-btn:hover{
    background-color:#000;
    color: #fff;
}
.btn-border {
    background-color: #fff;
    color: #00518c;
    border: 1px solid #00518c;
    box-shadow: none;
}
.bg-grey{background-color: #f5f5f9;}
.bg-white{background-color:#fff;}
.main-head {
    font-size: 28px;
    margin-bottom: 15px;
    font-weight: 600;
    text-align: left;
}
.btn-readmore {
    color: #00518c;
    text-decoration: underline;
    font-weight: 500;
}
.heading-border,.heading-border-sm {
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 50px;
}
.heading-border:after ,.heading-border-sm:after{
    content: '';
    width: 50px;
    height: 4px;
    background-color: #00518c;
    position: absolute;
    top: 100%;
    left: 50%;
    border-radius: 4px;
    margin-left: -25px;
}
.heading-border-sm {
    font-size: 30px;
}
.heading-border-sm:after{
    left:0;
    margin-left:0px;
}
.sec-block{
    padding: 60px 0;
}
p{
    /* color: #999; */
    font-size: 16px;
    line-height: 27px;
}
/* .owl-prev, .owl-next {
    background-color: rgba(0,0,0,0.4) !important;
    border-radius: 50%;
    color: #fff !important;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}
.owl-prev{left:0;}
.owl-next{right: 0;}
.owl-prev span, .owl-next span {
    display: block;
    height: 40px;
    width:40px;
    line-height:33px;
    font-size: 44px;
} */
/* .owl-prev:hover, .owl-next:hover{background-color:#e6007e !important;}
.border-head {
    font-size: 20px;
    position: relative;
    padding-left:60px;
} */
.border-head:before {
    content: '';
    height: 2px;
    width: 50px;
    background-color: #d60074;
    position: absolute;
    left: 0;
    top: 50%;
}

/*------header-------*/
header {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    background-color: #fff;
    box-shadow: 0 0 40px rgb(0, 0, 0, 15%);
}
header .container,.top-baner-wrap .container{
    max-width: 1585px;
}
.top-head {
    padding:5px 0px;
    background-color:#000;
}
.language .dropdown-toggle {
    border: 0;
    background-color: transparent;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
.language .dropdown-menu a{
    display: block;
    color: #000;
    font-size: 14px;
    padding: 3px 10px;
}
.language .dropdown-menu a:hover{background-color: #eee;}
.social-media li{margin-left: 16px;}
.social-media li a {
    font-size: 18px;
    color: #000;
}
nav.navbar {
    padding: 8px 0;
}
.navbar-nav .nav-link {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    padding: 10px 30px !important;
    position: relative;
}
.user-acc a{
    font-size: 18px;
    color: #000;
}
.navbar-nav .nav-link:hover,.user-acc a:hover,.active .nav-link,.foter-links li a:hover{
    color: #d5202f;
}
.navbar-nav .dropdown-menu {
    left: auto;
    padding: 0;
    border-radius: 0;
    border-top: 5px solid #e8232b;
    width: 100%;
    margin: 0;
}
.navbar-nav .dropdown-menu a{
    display: block;
    font-size: 14px;
    color: #333;
    padding: 10px 15px;
}
.navbar-nav .dropdown-menu a:hover {
    background-color:#f6f6f6;
    color: #e8232b;
}
.navbar-nav .nav-item:hover .dropdown-menu{
    display:block;
} 







/*--footer--*/
.foter-wrap {padding: 95px 0 30px;}
.foter-logo {margin:-40px 0 15px;}
.foter-wrap p,.foter-wrap label{font-size: 16px;color: #000; padding-left: 10px;}
.foter-links + .foter-links{margin-right: 5px;}
.foter-links > h4 {
    font-size: 17px;
    color: #151515;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 0px;
    padding-top: 19px;
    text-transform: uppercase;
    font-weight: 700;
}
.foter-links > h4:after{
    /* content: ''; */
    width:40px;
    height:2px;
    background-color:#e6007e;
    position: absolute;
    top: 100%;
    left: 0;
}
.foter-links li a{line-height:30px;}
.foter-links li a, address {color: #000000;font-size: 14px;font-weight: 600;}
.foter-links li i {width: 20px;color: #000000;}
footer .social-media li {margin-right: 12px;margin-left: 0;}
footer .social-media li a {color: #d1d1d1; font-size: 18px;}
footer .social-media li a:hover {color:#000;}
.copyright-wrap .container{padding: 30px 0px 30px 15px;border-top: 1px solid #000000;font-size:14px;color: #000;}

.copyright-wrap .copy a {
    color: black;
    display: inline-block;
}

.copyright-wrap .copy a:hover {
    color: #d5202f;
}

.social-media {
    padding-right: 38px;
}

.footer-box-right {
    padding-left: 120px;
}

.footer-box-right li {
    padding: 0px 0 4px;
}

.copy {
    font-weight: 600;
    color: #000;
    font-size: 13px;
}

ul.footer-navbar-nav li a {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding: 0 0px 0 40px!important;
}

ul.footer-navbar-nav li {
    display: inline-block;
    padding: 0;
}
ul.footer-navbar-nav {
    list-style: none;
    margin-bottom: 0;
}






/***********newsletter sec**************/

form.inner-newsletter-sec {
    background: #fff;
    padding: 14px 10px;
    position: relative;
    border-radius: 50px;
    box-shadow: 0px 2px 15px rgb(0,0,0, 2%);
    text-align: left;
    max-width: 500px;
    margin: 0 auto;
}
form.inner-newsletter-sec input[type="email"] {
    border: 0;
    padding: 6px 8px;
    width: calc(100% - 100px);
    color: #999999;
    font-size: 20px;
    font-weight: 600;
}
 form.inner-newsletter-sec .button_news {
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    border: 0;
    background: none;
    font-size: 18px;
    padding: 0 37px;
    background: #d5202f;
    color: #fff;
    border-top-right-radius: 50px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    border-bottom-right-radius: 50px;
    font-weight: 600;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
 form.inner-newsletter-sec .button_news:hover {
    background-color: #000;
}
.newsletter-sec form .container_form {
    display: block;
    position: relative;
    padding-left: 31px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
}
label.container_form {
    font-size: 18px;
    letter-spacing: .5px;
    line-height: 23px;
    padding-left: 60px;
    margin-bottom: 18px;
}
.newsletter-sec form .container_form input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    margin-right: 15px;
}

.newsletter-sec {
    background-color: #f2f2f2;
    padding: 22px 0;
}
.newsletter-sec h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
    margin-top: 6px;
    letter-spacing: .015em;
}
.newsletter-sec label {
    margin-top: 18px;
    margin-bottom: 9px !important;
}
form.inner-newsletter-sec input[type="email"]::placeholder {
    color: #cecece;
}
.newsletter-sec .container {
    max-width: 1423px;
}

.newsletter-sec h4 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: .012em;

}






/**********accord sec***********/
.accordion-sec-main{
    position: relative;
    padding-top: 45px;
    padding-bottom: 33px;
}
/*.accordion-sec-main:after {
    content: "";
    width: 120px;
    height: 225px;
    background-image: url(../images/bg-legit.png);
    right: 0;
    bottom: 0;
    position: absolute;
    background-repeat: no-repeat;
    opacity: 0.1;
    background-position: left bottom;
    z-index: 0;
    background-size: 188%;
}*/
.accordion-sec-main:before {
    top: -59px;
}
.accordion-sec .card-header a:before {
  content: '';
  position: absolute;
  left: 22px;
  display: block;
  transition: all 0.3s;
  top: 32px;
  z-index: 9;
  background-image: url(../images/plus-icons.png);
  width: 18px;
  height: 20px;
  background-repeat: no-repeat;
}


.accordion-sec .card-header a[aria-expanded='true']::before {/* width: 3px; *//* height: 1px; *//* border: none; */background-image: url(../images/min-icons.png);}


.feature-sec .sub-h {
    font-weight: 400;
    max-width: 69%;
    margin-bottom: 55px;
}

.accordion-sec .card-header a {
    background-color: white !important;
    box-shadow: 0 0 10px rgb(152, 152, 152, 0.21);
    margin: 0px 0px 0px 0px !important;
    border-radius: 0px !important;
    padding: 26px 26px;
    border: none !important;
}

.accordion-sec .card {
    margin-bottom: 30px;
    border: none !important;
    background-color: transparent !important;
}

.accordion-sec .card-header a {
    margin-bottom: 0;
    font-size: 22px;
    color: #000;
    font-weight: 700;
    padding-left: 90px;
}
.accordion-sec .card-header {
    background-color: transparent !important;
    box-shadow: none !important;
    margin: 0px 0px 0px 0px !important;
    border-radius: initial !important;
    padding: 0 !important;
    border: none !important;
}

.accordion-sec .card-body {
    background-color: #ffffff !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 0;
    color: #210000;
    padding-top: 20px;
    z-index: 999;
    position: relative;
    line-height: 1.3;
    padding-left: 90px;
}
.accordion-sec {
    padding-left: 0;
    position: relative;
    z-index: 1;
}

.line-shap {
    margin-bottom: 52px;
}
.accordion-sec .card-header a:after {
    content: "";
    width: 68px;
    height: 85px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #d5202f;
}

footer .container {
    max-width: 1510px;
}

/********features sec*************/

.mobile-img {
    position: relative;
    margin: 0 auto;
    text-align: center;
}

/*.mobile-img:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url(../images/circle.png);
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}*/

.feature-sec {
    padding: 73px 0 50px;
    position: relative;
}

.inner-feature-sec {
    padding: 15px 0;
}

.inner-feature-sec ul {
    margin: 0 -10px;
    padding: 0;
    list-style-type: none;
}

.inner-feature-sec ul li {
    width: calc(50% - 22px);
    margin: 10px 11px 10px 11px;
}

.inner-feature-sec ul li h4 {
    font-size: 21px;
    margin: 12px 0;
    font-weight: 600;
}

.line-shap {
    margin-bottom: 52px;
}

.performance-sec {
    padding: 80px 0;
}

.bottom_per_cls .icons-only {
    width: 55px;
}

/*************************/

.performance-sec .text_box {
    padding-left: 32px;
}

.performance-sec .text_box .text-only h4 {
    font-weight: 600;
    font-size: 1.3em;
}

.bottom_per_cls {
    padding-bottom: 10px;
}
.per-sec-cls {
    padding: 60px 0;
}

.per-sec-cls .top-sec-per {
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.img-cls-sec {
    position: relative;
}

.box-com {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 75px;
    max-width: 150px;
    text-align: center;
}

.box-com p {
    line-height: 1;
    color: #000;
    font-weight: 600;
    padding-top: 10px;
    font-size: 20px;
}

.bottom-sec-per {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 10px;
}

.per-box-cls {
    position: relative;
}

.per-box-cls .box-com {
    top: 66px;
    left: 20px;
}

.per-box-cls .box-com p {
    color: #fff;
}

.per-box-cls .img-cls-sec img {
    max-width: 235px;
    min-width: 235px;
}

.box-top-per .img-cls-sec img {
    max-width: 266px;
    min-width: 266px;
}

.number_count {
    position: absolute;
    top: 50px;
    left: 45px;
}

.number_count p {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}


.box-top-per {
    position: relative;
}

.box-top-per:before {content: "";width: 3px;height: 23px;position: absolute;left: 0;right: 0;margin: 0 auto;background-color: #323232;bottom: -9px;}

.bottom-sec-per:before {content: "";width: 1063px;height: 3px;position: absolute;left: 0;right: 0;margin: 0 auto;background-color: #323232;top: 7px;}

.per-box-cls:before {content: "";width: 3px;height: 23px;position: absolute;left: 0;right: 0;margin: 0 auto;background-color: #323232;top: 0px;z-index: 9;}






/************************/


/* .range-slider-sec {
    width: 100%;
    height: 400px;
    background-size: 100%;
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    margin-top: 75px;
} */

.range-slider-sec:before {content: "";width: 100%;height: 100%;position: absolute;background-color: rgb(0, 0, 0, .8);}

/* .inner-range-sec {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
} */

.inner-range-sec h1 {
    color: #fff;
    position: relative;
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 0.03em;
    margin-bottom: 7px;
    font-family: 'Montserrat', sans-serif;
}

.header-sec {
    color: #fff;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.03em;
    font-family: 'Montserrat', sans-serif;
}

.foter-links li a:hover i {
    color: #d5202f;
}

ul.footer-navbar-nav li a:hover {
    color: #d5202f;
}

.social-media li a:hover {
    color: #d5202f;
}


/****************inner page tabs design******************/

.inner-page-banner {
    height: 175px;
    background-size: contain;
}


.inner-page-banner .inner-range-sec {
    max-width: 800px;
}









.tabs-design-cls {
    width: 100%;
    padding: 35px 0 20px;
}

.tabs-design-cls .nav-tabs {
    border: none;
    display: flex;
    flex-wrap: wrap;
    max-width: 960px;
    justify-content: space-between;
    margin: 0 auto;
}

.tabs-design-cls .nav-tabs li a {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: block;
    background-color: #fff;
    box-shadow: 0 0 10px #dedede;
    padding: 13px 12px;
    min-width: 193px;
    border-radius: 8px;
    letter-spacing: .02em;
}

.tabs-design-cls .nav-tabs li a.active, .tabs-design-cls .nav-tabs li a:hover {
    background-color: #d5202f;
    color: #fff;
}

.line-shap-new {
    margin-bottom: 25px;
}

.curve-shap {
    border-radius: 15px;
}

.shadow-box {
    box-shadow: 0 0 10px #dedede;
}

.btn {
    background-color: #d5202f;
    color: #fff;
    padding: 8px 15px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 36px;
    min-width: 170px;
    margin-top: 20px;
}

.btn:hover {
    background-color: black;
    color: #fff;
}


.first-box {
    padding: 20px 0 75px;
}

.second-box {
    padding: 75px 0;
}


.text-box-left {
    padding-right: 53px;
    text-align: left;
}

.text-box-right {
    padding-left: 53px;
    text-align: left;
}


.third-box {
    padding: 75px 0;
}

.thead-red {
    background-color: #d5202f;
    color: #fff;
}

.table-cls th, .table-cls td {
    border-bottom: none !important;
    border-left: 2px solid #eeeeee;
    border-top: none !important;
    padding: 15px;
}

.table-cls th:first-child, .table-cls td:first-child {
    border: none;
}

.tabs-body-sec .img-box img {
    width: 100%;
}
.heading-top-light {
    font-size: 25px;
    color: #999999;
    line-height: 1.2;
    display: block;
    font-weight: 600;
    max-width: 750px;
    margin: 0 auto 20px;
}
.fourth-box {
    padding: 75px 0;
}



/*********fourthbox sec design****************/

.sales-operations .three-box-sec {
    width: 33.33%;
    position: relative;
}

.sales-operations {
    padding-top: 50px;
}

.sales-operations .three-box-sec .img-sec {
    position: relative;
}

.sales-operations .three-box-sec .number_sec {
    position: absolute;
    top: 53px;
    right: 120px;
}

.sales-operations .three-box-sec .img-sec img {
    max-width: 420px;
    min-width: 420px;
}

.sales-operations .three-box-sec .number_sec p {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
}

.sales-operations .three-box-sec .box-content {
    position: absolute;
    top: 121px;
    max-width: 250px;
    left: 50px;
}

.heading-content {
    color: #000;
    font-size: 25px !important;
    font-weight: 600;
    margin: 0 0 5px;
}

.sales-operations .three-box-sec .box-content .heading-top {
    padding: 0 25px;
    line-height: 1.2;
}

.sales-operations .three-box-sec .box-content p {
    font-size: 15px;
    line-height: 1.2;
}

.tabs-body-sec .text-only {
    width: calc(100% - 30px);
}

.tabs-body-sec .icons-only img {width: 17px;}

.tabs-body-sec .icons-only {
    width: 30px;
}

.two-box-sec h3 {
    margin-bottom: 0;
}





.fifth-box {
    padding: 75px 0;
}

.fifth-box .col {
    width: 20%;
}

.fifth-box .five-box .img-box {
    position: relative;
}

.fifth-box .five-box .img-box img {
    min-width: 235px;
    max-width: 235px;
}

.fifth-box .five-box .text-only {
    position: absolute;
    top: 38%;
    text-align: center;
    max-width: 170px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-38%);
}

.fifth-box .five-box .text-only p {
    margin: 0;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}




.img-cls-sec .animation-infi{
  animation-iteration-count: 1;
  animation: rotate 5s;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}





.inner-feature-sec ul li img {
    -webkit-animation: anim 3s infinite linear;
    animation: anim 3s infinite linear;
}

@-webkit-keyframes anim {
    from {-webkit-transform: rotateY(0deg);}
    to {-webkit-transform: rotateY(360deg);}
}



/*********************new home page css**********************/


.social-media-cls {
    padding: 0 0 0 15px;
}


.banner-slider-new-home {
    width: 100%;
    /* height: 700px; */
    background-size: cover;
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    margin-top: 75px;
}

.banner-slider-new-home:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgb(0, 0, 0, .75);
}

.ragge-slider-new {
    margin: 0;
}
.ragge-slider-new:before {
    display: none;
}

/*.banner-slider-new-home .text-banner-home {
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: 1300px;
}*/

.banner-slider-new-home .text-banner-home h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
    position: relative;
    margin-bottom: 50px;
}

.banner-slider-new-home .text-banner-home .header-sec {
    font-size: 26px;
    line-height: 1.3;
    font-family: 'Montserrat', sans-serif;
}

.home-sec-change .first-box {
    padding: 75px 0;
}

.home-sec-change .second-box img {
    /*margin: 0 auto;*/
    text-align: center;
    display: block;
}

.banner-inner-sec {
    padding: 220px 0;
}



.home-two-sec {
    padding: 75px 0;
}

.home-two-sec .white-box-sec {
    background-color: #fff;
    padding: 25px 25px;
    text-align: center;
    margin: 50px auto 0;
    max-width: 96%;
    border-radius: 4px;
    box-shadow: 0 0 10px #00000014;
    border-bottom: 4px solid #d5202f;
}

.img-box-cls {
    width: 80px;
    height: 80px;
    margin: 0 auto 30px;
    background-color: #f8d9dc;
    padding: 18px 16px;
    border-radius: 50%;
}

.img-box-cls img {
    display: block;
}

.home-two-sec .white-box-sec h4 {
    font-weight: 600;
}

.learn-more-sec {
    padding: 75px 0;
}

.learn-more-sec h4 {
    font-size: 18px;
    font-weight: 600;
}



.vider-more-sec {
    padding: 75px 0;
    position: relative;
}

.vider-more-sec:before {content: "";width: 100%;height: 100%;position: absolute;background-color: rgb(0 0 0 / 78%);left: 0;top: 0;}

.vider-more-sec h2, .vider-more-sec h4 {
    color: #fff;
}

.vider-more-sec h4 {
    font-size: 18px;
    margin: 15px 0 35px;
}

/* .btn-sec-slider .btn {
    padding: 10px 25px;
    margin-top: 35px; 
    max-width: 240px;
    margin: 0 auto;
    display: flex;
    width: 100%;
    margin-top: 24px;
    border: unset;
    justify-content: center;
    border-radius: 0;
} */

/**************new page design***********/


.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  left: -5px;
  right: 0;
  top: 47px;
  min-width: 178px;
}

.caret {
    font-size: 26px;
    line-height: 0;
    margin: 0 0 0;
    display: inline-block;
    padding: 0;
    position: absolute;
    top: 22px;
    transform: translateY(-50%);
    right: 0;
    cursor: pointer;
}

.dropdown-submenu .dropdown-menu .test.nav-link {padding: 10px 15px !important;}


.dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu {
    left: 100%;
    min-width: 245px;
    top: 20px;
}


.dropdown-submenu .dropdown-menu .dropdown-submenu  .test .caret {
    right: 13px;
}



/**************new inner page css 04-feb-2021***********/

.sub-heading-bottom {
    color: #fff;
    font-size: 25px;
    margin: 0;
    line-height: 1.5;
}

.inner-page-banner-sec .text-banner-home {
    max-width: 1325px;
}

.inner-page-banner-sec .text-banner-home h1 {
    font-size: 55px;
}

.inner-page-banner-sec .text-banner-home .header-sec {
    font-size: 25px;
    font-weight: 500;
}




.inner-page-banner-sec {
    height: 345px;
    background-size: contain;
    width: 100%;
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    margin-top: 80px;
}

.page-content-sec {
    padding: 55px 0;
}

.page-content-sec ul {
    list-style-type: none;
    padding: 0;
    margin: 35px 0;
}

.page-content-sec ul li {
    color: #999;
    font-size: 16px;
    line-height: 27px;
    padding-left: 24px;
    position: relative;
    margin-bottom: 14px;
}

.page-content-sec ul li:before {content: "";width: 10px;height: 10px;position: absolute;left: 0;background-color: #d5202f;border-radius: 50%;top: 49%;transform: translateY(-50%);}


.page-solutions-sec {
    padding: 60px 0;
}

.page-solutions-sec .page-solution-box {
    box-shadow: 0 0 30px #c1c1c1;
    border-radius: 0 !important;
    margin-bottom: 30px;
}

.page-solutions-sec .page-solution-box .img-box img {
    min-height: 220px;
    max-height: 220px;
    object-fit: cover;
    width: 100%;
}

.page-solutions-sec .page-solution-box  .text-box {
    padding: 20px;
}

.page-solutions-sec .page-solution-box .text-box  h4 {
    font-weight: 600;
    padding-bottom: 15px;
}

.btn-next-r {
    font-size: 18px;
    color: #d5202f;
    font-weight: 700;
    line-height: 24px;
    transition: all 0.5s;
    display: inline-block;
    width: 100%;
}


.btn-next-r:hover {
    color: #000;
}

.btn-next-r span {
    transition: all 0.5s;
    display: inline-block;
}

.btn-next-r:hover span {
    transform: translateX(10px);
}

.banner-slider-new-home .text-banner-home h1:before {content: "";width: 60px;height: 5px;position: absolute;background-color: #d5202f;left: 0;bottom: -25px;border-radius: 5px;}

.banner-slider-new-home .text-banner-home h1:after {
    content: "";
    width: 130px;
    height: 5px;
    position: absolute;
    background-color: #d5202f;
    left: 66px;
    bottom: -25px;
    border-radius: 5px;
}

.ragge-slider-new .entry-content-wrapper .av_one_half.first {
    display: none;
}

.ragge-slider-new .entry-content-wrapper .av_one_half {
    margin: 70px auto 0;
}

.inner-page-banner-sec:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgb(0, 0, 0, .75);
}

.inner-page-banner-sec .text-banner-home {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}

.inner-page-banner-sec .text-banner-home h1 {
    color: #fff;
    color: #fff;
    font-size: 55px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    position: relative;
}

.dropdown-submenu:hover .dropdown-menu li .caret {
    top: 19px;
    right: 10px;
    font-weight: 600;
}




.dropdown-submenu.active .dropdown-menu .active a.test.nav-link {
    color: #d5202f !important;
}

.dropdown-submenu.active .dropdown-menu .active a.test.nav-link .dropdown-submenu li.active, .dropdown-submenu.active .dropdown-menu .active .dropdown-menu .active a {
    color: #d5202f !important;
}




/*******video sec*********/



.videoWrapper {
  position: relative;
  width: 100%;
  height: 0;
  background-color: #000;
}
.videoWrapper43 {
  padding-top: 75%;
}
.videoWrapper169 {
  padding-top: 56%;
}

.videoIframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.videoPoster {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-size: cover;
  text-indent: -999em;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 800ms, height 0s;
  -moz-transition: opacity 800ms, height 0s;
  transition: opacity 800ms, height 0s;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}
.videoPoster:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -20px 0 0 -29px;
  border: 3px solid #fff;
  border-radius: 100%;
  -webkit-transition: border-color 300ms;
  -moz-transition: border-color 300ms;
  transition: border-color 300ms;
  background-color: #d5202f;
  box-shadow: 0 0 20px #909090;
}
.videoPoster:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -5px 0 0 -10px;
  border-left: 18px solid #fff;
  border-top: 9px solid transparent;
  border-bottom: 12px solid transparent;
  -webkit-transition: border-color 300ms;
  -moz-transition: border-color 300ms;
  transition: border-color 300ms;
}
.videoPoster:hover:before, .videoPoster:focus:before {
  border-color: #d5202f;
}
.videoPoster:hover:after, .videoPoster:focus:after {
  border-left-color: #fff;
}
.videoWrapperActive .videoPoster {
  opacity: 0;
  height: 0;
  -webkit-transition-delay: 0s, 800ms;
  -moz-transition-delay: 0s, 800ms;
  transition-delay: 0s, 800ms;
}


.home-model .model-home-left {
    padding: 0;
}

.home-model .model-img-box-right {
    margin: 0 auto;
    text-align: center;
}


.btn-sec-bottom ul {
    list-style-type: none;
}

.btn-sec-bottom ul li {
    margin-right: 15px;
}

.btn-border {
    background-color: #fff;
    color: #d5202f;
    border: none;
    box-shadow: 0 0 10px #d0cfcf;
}

#right_value_inner-rate {
    display: inline-block;
    width: 13.5em;
    text-align: end;
}

#right_value_inner-per {
    display: inline-block;
    width: 13.5em;
}

#right_value_inner {
    display: inline-block;
    width: 13.5em;
}

#right_value_inner-member {
    display: inline-block;
    width: 16em;
}


.model-sec-box ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.model-sec-box ul li {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #999999;
}

.model-sec-box ul li .icons-box {
    width: 32px;
    display: inline-block;
    margin-right: 16px;
    float: left;
}

.model-sec-box .img-box img {
    box-shadow: 0 0 10px #e0e0e0;
}









/*************need page design***************/



.top-need-img-sec {
    max-width: 329px;
    margin: 0 auto;
    position: relative;
    height: 425px;
    width: 100%;
}

.top-need-img-sec .need-img-sec {
    /* position: relative; */
}

.top-need-img-sec .need-img-sec .first-need-c {
    position: relative;
}

/*
.top-need-img-sec .need-img-sec  .text-sec-need {position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;max-width: 364px;}

.top-need-img-sec .need-img-sec .first-need-c p {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: left;
}

.top-need-img-sec .need-img-sec .first-need-c img {
    transform: rotate(45deg);
}

.first-need-c.second {
    left: 274px !important;
    top: 51px !important;
}

.top-need-img-sec .need-img-sec .first-need-c.second img {
    transform: rotate(-224deg) !important;
    margin: 0 0 0 -19px;
}

.first-need-c.third {
    top: 202px !important;
    left: 255px !important;
}

.first-need-c.third img {
    transform: rotate(-170deg) !important;
    margin: 0 0 7px 37px;
}

.first-need-c.fourth {
    top: 289px !important;
    left: 8px !important;
}

.first-need-c.fourth img {
    transform: rotate(-81deg) !important;
    margin: 34px 0 0 141px;
}

.first-need-c.fifth {
    top: 116px !important;
    display: flex;
    flex-direction: column-reverse;
    left: 10px;
}

.first-need-c.fifth img {
    transform: rotate(-2deg) !important;
    width: max-content;
        margin: 10px 0 0 -13px;
}

.first-need-c.first {
    top: 1px !important;
    left: 25px !important;
    display: flex;
}

.first-need-c.first img {
    transform: rotate(67deg) !important;
    margin: 18px 0 6px 64px;
}

.top-need-img-sec .need-img-sec .first-need-c p {
    max-width: 112px;
}

.first-need-c.first p {
    padding-top: 16px;
    padding-left: 16px;
}

.first-need-c.fourth p {position: absolute;top: -21px;left: 35px;}



*/





.top-need-img-sec .need-img-sec {
    /* width: 100%; */
    /* margin: 0 auto; */
}

.top-need-img-sec .need-img-sec .text-sec-need {position: relative;width: 100%;}

.top-need-img-sec .need-img-sec .text-sec-need .first-need-c {
    /* position: absolute; */
    /* left: 0; */
    /* height: 191px; */
    /* width: 77px; */
}

.first {
    left: 0;
}

.first .img-box {
    position: absolute;
    height: 190px;
    left: 0;
    top: 99px;
    width: 77px;
    z-index: 6;
}

.top-need-img-sec .need-img-sec .text-sec-need .first-need-c .text-box {
    /* display: none; */
}

.top-need-img-sec .need-img-sec .text-sec-need .first-need-c .text-hover {
    display: none;
    /* background-color: #dfdad7; */
    /* width: 200px; */
    /* height: 200px; */
}

.second .img-box {
    position: absolute;
    height: 120px;
    left: 19px;
    z-index: 5;
    width: 173px;
    top: 0;
}

.third .img-box {
    position: absolute;
    height: 141px;
    left: 178px;
    z-index: -1;
    width: 151px;
    top: 17px;
    z-index: 4;
}

.fourth .img-box {
    position: absolute;
    height: 176px;
    left: 228px;
    width: 99px;
    top: 136px;
    z-index: 3;
}

.fifth .img-box {
    position: absolute;
    height: 66px;
    left: 53px;
    width: 189px;
    top: 263px;
    z-index: 2;
}

.center-text {
    position: absolute;
}

.top-need-img-sec .center-text {
    background-color: #dfdad7;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    top: 74px;
    left: 65px;
    padding: 80px 50px;
    text-transform: uppercase;
    box-shadow: 0 0 6px #b3b3b3;
}

.top-need-img-sec .center-text h2 {
    font-weight: 700;
}



.first .text-box {
    position: absolute;
    left: -279px;
    top: 175px;
    max-width: 236px;
    text-align: right;
}

.second .text-box {position: absolute;left: -210px;top: -15px;max-width: 236px;text-align: right;}

.third .text-box {
    /* display: none; */
}

.fourth .text-box {
    /* display: none; */
}

.fifth .text-box {
}

.first-need-c .text-box p {
    margin-bottom: 8px;
    color: #000;
}

.first-need-c .text-box p:last-child {
    line-height: 1.3;
    margin: 0;
}

.first-need-c.first:before {content: "";width: 7px;height: 7px;position: absolute;background-color: #d83829;border-radius: 50%;left: -27px;top: 208px;}

.first-need-c.first:after {
    content: "";
    width: 2px;
    height: 32px;
    position: absolute;
    background-color: #d83829;
    left: -8px;
    top: 192px;
    transform: rotate(78deg);
}



.first-need-c.second:before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    background-color: #eda29b;
    border-radius: 50%;
    left: 42px;
    top: 19px;
}

.first-need-c.second:after {
    content: "";
    width: 2px;
    height: 32px;
    position: absolute;
    background-color: #eda29b;
    left: 58px;
    top: 20px;
    transform: rotate(
-45deg);
}

.third .text-box {
    position: absolute;
    right: -226px;
    top: -15px;
    max-width: 236px;
    text-align: left;
}

.first-need-c.third:before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    background-color: #802017;
    border-radius: 50%;
    right: 37px;
    top: 29px;
}

.first-need-c.third:after {
    content: "";
    width: 2px;
    height: 32px;
    position: absolute;
    background-color: #802017;
    right: 50px;
    top: 29px;
    transform: rotate( 
41deg);
}

.fourth .text-box {
    position: absolute;
    right: -274px;
    top: 191px;
    max-width: 236px;
    text-align: left;
}

.first-need-c.fourth:before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    background-color: #d83829;
    border-radius: 50%;
    right: -24px;
    top: 224px;
}

.first-need-c.fourth:after {
    content: "";
    width: 2px;
    height: 32px;
    position: absolute;
    background-color: #d83829;
    right: -3px;
    top: 207px;
    transform: rotate( 
103deg);
}

.fifth .text-box {
    position: absolute;
    right: 46px;
    top: 373px;
    max-width: 236px;
    text-align: center;
}

.first-need-c.fifth:before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    background-color: #802017;
    border-radius: 50%;
    right: 167px;
    top: 358px;
}

.first-need-c.fifth:after {
    content: "";
    width: 2px;
    height: 32px;
    position: absolute;
    background-color: #802017;
    right: 170px;
    top: 327px;
    transform: rotate( 
0deg);
}


/**************rol page***************/


.need-inner-sec ol {
    padding: 0;
    list-style-type: none;
}


/*.need-inner-sec .container {
  max-width: 1000px;
  padding: 0 10px;
  margin: 0 auto;
}*/

.need-inner-sec .rectangle {
  position: relative;
  padding: 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}


/************card design**********/



.com-box-admin {justify-content: space-between;align-items: center;}

.need-inner-sec .level-1:after {content: "";width: 100%;height: 100%;border: 2px solid #ffffff;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;border-radius: 10px;}

.com-box-admin .text-sec h2 {
    color: #fff;
    font-size: 20px;
}

.com-box-admin .icons-sec {
    width: 50%;
}

.com-box-admin .text-sec {
    width: 40%;
    text-align: center;
    position: relative;
    z-index: 99;
}

.com-box-admin .text-sec p {
    margin-bottom: 0;
    color: #fff;
    font-size: 13px;
    line-height: 1.8;
}

a.mail {
    margin-top: 9px;
    display: block;
    font-style: italic;
    font-size: 23px;
}


.need-inner-sec .level-2 {
  margin: 0 auto 40px;
  max-width: 316px;
  background-color: #efc07a;
  border: 2px solid #efc07a;
  border-radius: 10px;
}

.need-inner-sec .level-2:after {content: "";width: 100%;height: 100%;border: 2px solid #ffffff;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;border-radius: 10px;}
.need-inner-sec .level-3:after {content: "";width: 100%;height: 100%;border: 2px solid #ffffff;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;border-radius: 10px;}

.need-inner-sec .level-3 {
  margin: 0 auto 40px;
  max-width: 316px;
  background-color: #4d3436;
  border: 2px solid #4d3436;
  border-radius: 10px;
}


/* LEVEL-1 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.need-inner-sec .level-1 {
  width: 50%;
  margin: 0 auto 40px;
  max-width: 316px;
  background-color: #303030;
  border: 2px solid #303030;
  border-radius: 10px;
}

.need-inner-sec .level-1::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 22px;
  background: #000;
}

/* LEVEL-2 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.need-inner-sec .level-2-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.need-inner-sec .level-2-wrapper::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 25%;
  width: 50%;
  height: 2px;
  background: #000;
}

/*.need-inner-sec .level-2-wrapper::after {
  display: none;
  content: "";
  position: absolute;
  left: -20px;
  bottom: -20px;
  width: calc(100% + 20px);
  height: 2px;
  background: #000;
}
*/
.need-inner-sec .level-2-wrapper li {
  position: relative;
}

.need-inner-sec .level-2-wrapper > li::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 20px;
  background: #000;
}

.need-inner-sec .level-2 {
  width: 70%;
  margin: 0 auto 40px;
}

.need-inner-sec .level-2::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 23px;
  background: #4d3436;
}

/*.need-inner-sec .level-2::after {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%);
  width: 20px;
  height: 2px;
  background: #000;
}*/

/* LEVEL-3 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.need-inner-sec .level-3-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
  width: 90%;
  margin: 0 auto;
}

.need-inner-sec .level-3-wrapper::before {
  content: "";
  position: absolute;
  top: -20px;
  left: calc(25% - 5px);
  width: calc(50% + 10px);
  height: 2px;
  background: #4d3436;
}

.need-inner-sec .level-3-wrapper > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 2px;
  height: 20px;
  background: #4d3436;
}

.need-inner-sec .level-3 {
  margin-bottom: 20px;
}

/* LEVEL-4 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*.level-4-wrapper {
  position: relative;
  width: 80%;
  margin-left: auto;
}

.level-4-wrapper::before {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  width: 2px;
  height: calc(100% + 20px);
  background: var(--black);
}

.level-4-wrapper li + li {
  margin-top: 20px;
}

.level-4 {
  font-weight: normal;
  background: var(--level-4);
}

.level-4::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%);
  width: 20px;
  height: 2px;
  background: var(--black);
}*/


/*******4oct 2021***********/


.top-need-img-sec .need-img-sec .text-sec-need .first-need-c.first .text-hover {
    display: none;
    position: absolute;
    top: 46px;
    width: 250px;
    background-color: #fff;
    padding: 7px;
    box-shadow: 0 0 4px #0000004a;
    z-index: 99;
    border-radius: 6px;
    left: -248px;
}

.top-need-img-sec .need-img-sec .text-sec-need .first-need-c.second .text-hover {
    display: none;
    position: absolute;
    top: -133px;
    width: 250px;
    background-color: #fff;
    padding: 7px;
    box-shadow: 0 0 4px #0000004a;
    z-index: 99;
    border-radius: 6px;
    left: -115px;
}

.top-need-img-sec .need-img-sec .text-sec-need .first-need-c.third .text-hover {
    display: none;
    position: absolute;
    top: -148px;
    width: 250px;
    background-color: #fff;
    padding: 7px;
    box-shadow: 0 0 4px #0000004a;
    z-index: 99;
    border-radius: 6px;
    right: -115px;
}

.top-need-img-sec .need-img-sec .text-sec-need .first-need-c.fourth .text-hover {
    display: none;
    position: absolute;
    top: 43px;
    width: 250px;
    background-color: #fff;
    padding: 7px;
    box-shadow: 0 0 4px #0000004a;
    z-index: 99;
    border-radius: 6px;
    right: -250px;
}

.top-need-img-sec .need-img-sec .text-sec-need .first-need-c.fifth .text-hover {
    display: none;
    position: absolute;
    top: 68px;
    width: 250px;
    background-color: #fff;
    padding: 7px;
    box-shadow: 0 0 4px #0000004a;
    z-index: 99;
    border-radius: 6px;
    right: 0;
    left: -14px;
    margin: 0 auto;
}

.top-need-img-sec .need-img-sec .text-sec-need .first-need-c .text-hover p {
    color: #000;
    margin: 0;
    font-size: 14px;
    text-align: center;
}

.top-need-img-sec .need-img-sec .text-sec-need .first-need-c.first .img-box:hover .text-hover {
    display: block;
}
.top-need-img-sec .need-img-sec .text-sec-need .first-need-c.second .img-box:hover .text-hover {
    display: block;
}
.top-need-img-sec .need-img-sec .text-sec-need .first-need-c.third .img-box:hover .text-hover {
    display: block;
}
.top-need-img-sec .need-img-sec .text-sec-need .first-need-c.fourth .img-box:hover .text-hover {
    display: block;
}
.top-need-img-sec .need-img-sec .text-sec-need .first-need-c.fifth .img-box:hover .text-hover {
    display: block;
}



/*********************/






@media screen and (max-width: 1300px) {

.com-box-admin .text-sec {
    width: 50%;
}

}







@media screen and (max-width: 1199px) {

.need-inner-sec .rectangle {
    padding: 14px;
}

}



/* MQ STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 991px) {

  .need-inner-sec .rectangle {
    padding: 20px 10px;
  }

  .need-inner-sec .level-1,
  .need-inner-sec .level-2 {
    width: 100%;
  }

  .need-inner-sec .level-1 {
    margin-bottom: 20px;
  }

  .need-inner-sec .level-1::before,
  .need-inner-sec .level-2-wrapper > li::before {
    display: none;
  }

  .need-inner-sec .level-2-wrapper,
  .need-inner-sec .level-2-wrapper::after,
 .need-inner-sec  .level-2::after {
    display: block;
  }

  .need-inner-sec .level-2-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .need-inner-sec .level-2-wrapper::before {
    left: 0;
    width: 2px;
    height: 20px;
    right: 0;
    margin: 0 auto;
  }

  .need-inner-sec .level-2-wrapper > li:not(:first-child) {
    margin-top: 50px;
  }



  /**********04 oct 2021***********/

    .first .text-box {
        max-width: 185px;
        left: -215px;
    }

    .second .text-box {
        max-width: 185px;
        left: -155px;
    }

    .third .text-box {
        max-width: 185px;
        right: -165px;
    }

    .fourth .text-box {
        max-width: 185px;
        right: -215px;
    }




    .top-need-img-sec .need-img-sec .text-sec-need .first-need-c.first .text-hover {
        width: 200px;
        left: -200px;
        padding: 5px;
    }

    .top-need-img-sec .need-img-sec .text-sec-need .first-need-c.second .text-hover {
        width: 200px;
        padding: 5px;
    }

    .top-need-img-sec .need-img-sec .text-sec-need .first-need-c.third .text-hover {
        width: 200px;
        padding: 5px;
    }

    .top-need-img-sec .need-img-sec .text-sec-need .first-need-c.fourth .text-hover {
        width: 200px;
        right: -200px;
    }

    .top-need-img-sec .need-img-sec .text-sec-need .first-need-c.fifth .text-hover {
        width: 200px;
        left: 0;
    }



}









@media screen and (max-width: 767px) {

.top-need-img-sec {
    max-width: 200px;
    height: 300px;
}

.top-need-img-sec .center-text {
    width: 65px;
    height: 65px;
    padding: 23px 4px;
    left: 77px;
}

.top-need-img-sec .center-text h2 {
    font-size: 18px;
}

.second .img-box {
    width: 70px;
    height: 50px;
    left: 52px;
    top: 40px;
}

.first .img-box {
    width: 28px;
    height: 69px;
    top: 79px;
    left: 47px;
}

.fifth .img-box {
    width: 74px;
    top: 138px;
    left: 66px;
}

.third .img-box {
    height: 45px;
    width: 55px;
    top: 48px;
    left: 117px;
}

.fourth .img-box {
    width: 36px;
    left: 135px;
    top: 92px;
}

.first-need-c.second:after {
    top: 33px;
    left: 69px;
}

.first-need-c.second:before {
    left: 54px;
    top: 33px;
}

.first-need-c.first:after {
    top: 100px;
    left: 36px;
}

.first-need-c.first:before {
    left: 16px;
    top: 116px;
}

.first-need-c.fourth:after {
    right: 24px;
    top: 113px;
}

.first-need-c.fourth:before {
    right: 5px;
    top: 130px;
}

.first-need-c.fifth:after {
    top: 158px;
    right: 98px;
}

.first-need-c.fifth:before {
    right: 96px;
    top: 188px;
}

.second .text-box {
    left: -94px;
    max-width: 145px;
}

.first-need-c .text-box p {
    font-size: 12px;
}

.third .text-box {
    right: -102px;
    max-width: 145px;
}

.first-need-c.third:after {
    top: 38px;
}

.first-need-c.third:before {
    top: 39px;
}

.first .text-box {
    max-width: 145px;
    left: -100px;
    top: 126px;
}

.fourth .text-box {
    max-width: 145px;
    right: -102px;
    top: 140px;
}

.fifth .text-box {
    max-width: 145px;
    top: 200px;
    left: 0;
    right: 0;
    margin: 0 auto;
}






.top-need-img-sec .need-img-sec .text-sec-need .first-need-c .text-hover p {
    font-size: 12px;
}

.top-need-img-sec .need-img-sec .text-sec-need .first-need-c.third .text-hover {
    top: -102px;
    z-index: 9;
}

.top-need-img-sec .need-img-sec .text-sec-need .first-need-c.second .text-hover {
    top: -97px;
}

.top-need-img-sec .need-img-sec .text-sec-need .first-need-c.fourth .text-hover {
    right: -124px;
}

.top-need-img-sec .need-img-sec .text-sec-need .first-need-c.first .text-hover {
    left: -136px;
}

.top-need-img-sec .need-img-sec .text-sec-need .first-need-c.fifth .text-hover {
    top: 28px;
    left: -70px;
}


}


@media screen and (max-width: 640px) {

.need-inner-sec .level-3-wrapper {
    display: block;
    width: 100%;
}

.need-inner-sec .level-3-wrapper::before {
    display: none;
}


}







@media screen and (max-width: 400px) {


section.page-solutions-sec {
    padding: 48px 0 0;
}

.second .text-box {
    left: -65px;
    top: -20px;
}

.third .text-box {
    right: -69px;
    top: -17px;
}

.fourth .text-box {
    top: 151px;
    right: -70px;
}

.top-need-img-sec .center-text h2 {
    font-size: 13px;
    margin: 0;
}

.top-need-img-sec .center-text {
    width: 48px;
    height: 48px;
    padding: 16px 3px;
    top: 64px;
    left: 80px;
}

.second .img-box {
    width: 45px;
    left: 67px;
    top: 46px;
}

.third .img-box {
    width: 39px;
    left: 107px;
    top: 50px;
}

.fourth .img-box {
    width: 24px;
    left: 119px;
    top: 76px;
}

.fifth .img-box {
    width: 48px;
    top: 103px;
    left: 76px;
}

.first .img-box {
    width: 18px;
    left: 64px;
    top: 70px;
}

.first-need-c.third:after {
    top: 38px;
    right: 61px;
}

.first-need-c.third:before {
    right: 48px;
}

.first-need-c.first:after {
    left: 55px;
    top: 84px;
}

.first-need-c.first:before {
    left: 34px;
    top: 100px;
}

.first-need-c.fifth:after {
    top: 120px;
}

.first-need-c.fifth:before {
    top: 147px;
}

.first-need-c.fourth:after {
    top: 90px;
    right: 50px;
}

.first-need-c.fourth:before {
    top: 106px;
    right: 32px;
}

.first-need-c .text-box p {
    font-size: 11px;
    margin-bottom: 2px;
}

.first .text-box {
    left: -73px;
    top: 106px;
}

.fourth .text-box {
    top: 115px;
}

.fifth .text-box {
    top: 167px;
}

.top-need-img-sec {
    height: 250px;
}

}


/************** Custom CSS 30/01/25 *************/
#header .navbar-nav .dropdown-menu {
    border-top: unset !important;
    border-radius: 16px !important;
}


header .container, .top-baner-wrap .container {
    max-width: 1440px;
}



#header .bottom-header ul li a {
    padding: 7px 12px !important;
    font-weight: 400;
}


#header .bottom-header ul li a.dropdown-item {
    background: unset;
    padding: 0 !important;
}
.priceSlider .container {
    height: 100%;
}

.priceSlider .inner-content {
    padding: 40px 80px;
    border-radius: 16px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--white);
} 


/* .priceSlider  .inner-range-sec {
    text-align: center;
    position: static;
    top: 50%;
    transform: unset !important;
    left: 0;
    right: 0;
    margin: unset;
    height: 100%;
} */






.priceSlider  .ragge-slider-new .entry-content-wrapper .av_one_half {
    margin: 0 auto;
    max-width: 240px;
    width: 100%;
}

.priceSlider  .ragge-slider-new .entry-content-wrapper .av_one_half #right_value {
    margin: 0;
}
.priceSlider .entry-content-wrapper .range_codeblock_section {
    font-size: 20px;
    font-weight: bolder;
    color: var(--black);
    border: 1px solid var(--light-grey1);
    background-color: var(--light-grey);
    padding: 12px;
    text-align: center;
    width: 100%;
    margin: 0;
    min-width: 240px;
}


.priceSlider   .ragge-slider-new .entry-content-wrapper .av_one_half #right_value {
    margin: 0 !important;
}


.priceSlider   .ragge-slider-new .entry-content-wrapper .av_one_half{
    margin: 0 auto !important;
}


.btn-sec-slider .btn {
    width: 100%;
    max-width: 240px;
    border: unset;
    margin: 50px auto 0 auto;
}

.btn-sec-slider {
    text-align: center;
}


/************** Custom CSS 30/01/25 *************/