/* No Copy Content */
body
{
    -webkit-user-select: none!important;
    -moz-user-select: -moz-none!important;
    -ms-user-select: none!important;
    user-select: none!important;
}
.post blockquote, .wp-block-code code
{
    -webkit-user-select: text!important;
    -moz-user-select: text!important;
    -ms-user-select: text!important;
    user-select: text!important;
}/* Font Css Design */
@font-face
{
    font-family: myFirstFont;
    src: url('../fonts/ZillaSlab-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: myFirstFontSemibold;
    src: url('../fonts/ZillaSlab-SemiBold.ttf');
}
@font-face
{
    font-family: myFirstFontMedium;
    src: url('../fonts/ZillaSlab-Medium.ttf');
}
@font-face
{
    font-family: myFirstFontBold;
    src: url('../fonts/ZillaSlab-Bold.ttf');
}
@font-face
{
    font-family: mySecondFont;
    src: url('../fonts/Roboto-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: mySecondFontMedium;
    src: url('../fonts/Roboto-Medium.ttf');
}
@font-face
{
    font-family: mySecondFontBold;
    src: url('../fonts/Roboto-Bold.ttf');
}
@font-face
{
    font-family: myThirdFont;
    src: url('../fonts/Inter-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: myThirdFontBold;
    src: url('../fonts/Inter-Bold.ttf');
}
*
{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}
body
{
    margin: 0;
    padding: 0;
    background: #fff;
    overflow-x: hidden;
}
p
{
    margin: 0;
    padding: 0 0 20px;
    font-size: 16px;
    font-family: mySecondFont!important;
    line-height: 26px;
}
h1
{
    margin: 0;
    padding: 0;
}
h2
{
    margin: 0;
    padding: 0;
}
h3
{
    margin: 0;
    padding: 0;
}
h4
{
    margin: 0;
    padding: 0;
}
h5
{
    margin: 0;
    padding: 0;
}
h6
{
    margin: 0;
    padding: 0;
}
address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
}
label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    outline: none;
    border: 0;
}
a
{
    text-decoration: none;
    border: 0;
    outline: none;
    transition: all .5s;
}
a img
{
    border: none;
    outline: none;
}
a:focus
{
    outline: none;
}
border
{
    border-collapse: collapse;
}
hr
{
    height: 1px;
    background: #333;
    border: none;
}
.clear
{
    clear: both;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.clearfix:before, .clearfix:after
{
    content: " ";
    display: table;
}
.clearfix:after
{
    clear: both;
}
.clearfix
{
    clear: both;
}
img
{
    max-width: 100%;
    height: auto;
}
::-moz-selection
{
    color: #fff;
    background: var(--main-clr);
}
::selection
{
    color: #fff;
    background: var(--main-clr);
}
button, input, select, option, textarea
{
    outline: 0!important;
    pointer-events: all;
    font-family: inherit;
    font-size: 100%;
}/*variables--*/
:root
{
    --body-font: 'TT Norms',sans-serif;
    --head-font: 'TT Norms',sans-serif;
    --pdg: clamp(40px,4.17vw,80px);
    --mrg: clamp(20px,2.09vw,40px);
    --body-font-size: clamp(16px,.94vw,18px);
    --btn-font-size: clamp(15px,.84vw,16px);
    --h1-font: clamp(30px,3.6vw,69px);
    --h2-font: clamp(24px,2.5vw,48px);
    --h3-font: clamp(20px,1.57vw,30px);
    --fs-24px: clamp(18px,1.31vw,24px);
    --fs-16px: clamp(15px,.84vw,16px);
    --fs-15px: clamp(14px,.94vw,15px);
    --main-clr: #071f41;
    --main-clr-drk: #f58220;
}
body
{
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    color: #000;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: .0000001px;
}
a
{
    color: var(--main-clr);
    transition: .2s;
    cursor: pointer;
}
a:hover
{
    text-decoration: none;
    color: var(--main-clr);
}
p:last-child
{
    margin-bottom: 0;
}
li
{
    line-height: 1.5;
}
img
{
    max-width: 100%;
}
[id]
{
    scroll-margin-top: 200px;
}/*headings*/
h1, h2, h3, h4, h5, h6
{
    font-weight: 700;
    margin-bottom: clamp(15px,1.27vw,20px);
    font-family: var(--head-font);
}
h1, .h1
{
    font-size: var(--h1-font);
}
h2, .h2
{
    font-size: var(--h2-font);
}
h3, .h3
{
    font-size: var(--h3-font);
}/* button design */
.btn-banner
{
    background-color: #f58220;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    margin: 20px 0;
}
.btn-arrow span
{
    display: inline;/*   font-size: 16px; */
    transition: .3s;
    font-size: 20px;
}
.btn-banner:hover
{
    background-color: #fff;
    color: #f58220;
}
.btn-arrow:hover span
{
    letter-spacing: 1.5px;
    color: #f58220;
}
.arrow-rotate img
{
    transform: rotate(-45deg);
}/*common paddings*/
.common-padd
{
    padding-top: var(--pdg);
    padding-bottom: var(--pdg);
}
.common-padd-top
{
    padding-top: var(--pdg);
}
.common-padd-btm
{
    padding-bottom: var(--pdg);
}
.common-padd-sm
{
    padding-top: var(--mrg);
    padding-bottom: var(--mrg);
}/* slick slider */
.secSliderWrap
{
    position: relative;
}
.secSliderNavWrap
{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% + 6px);
    height: 100%;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.secSliderNav
{
    pointer-events: all;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #dbdbdb;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.secSlider .item
{
    padding: 10px 10px 10px;
}
.secImg
{
    padding-bottom: 44%;
    position: relative;
    border: solid 1px #e3e3e3;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 3px 3px 0 rgba(15,15,15,.06);
}
.secImg img
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}/*slick dots*/
.slick-dots
{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 3px;
    margin: 0 10px!important;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 40px;
    height: 3px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
    margin: 0 10px;
}
.slick-dots li button:before
{
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: #fff;
    content: '';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    background: var(--main-clr-drk);
}
.slick-dots li button:before
{
    font-size: 10px;
    color: #373e46;
}
.slick-dots li button
{
    padding: 0 4px;
}
.slick-dots li
{
    margin: 0;
}/*top button*/
.go-to-top
{
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--main-clr-drk);
    color: #fff;
    border: 2px solid #fff;
    z-index: 99;
    opacity: 0;
    transition: .3s;
    cursor: pointer;
}
.go-to-top span
{
    width: 10px;
    height: 10px;
    border-style: solid;
    border-color: #fff;
    border-width: 2px 2px 0 0;
    transform: rotate(-45deg);
    margin-top: 4px;
}
.go-to-top.show
{
    opacity: 1;
}/* common css */
.text_center
{
    text-align: center!important;
}
.heading h2
{
    position: relative;
    font-size: 24px;
    font-weight: 20px;
    color: #161616;
    margin-bottom: 40px;
    text-align: left;
    text-transform: uppercase;
    font-family: mySecondFont!important;
}
.heading h2::before
{
    position: absolute;
    content: "";
    top: 10px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #d9d9d9;
    margin: 0 auto;
}
.heading h2 span
{
    display: inline-block;
    background: #fff;
    padding: 0 25px;
    position: relative;
    font-family: mySecondFontBold!important;
}
.heading2
{/* font-size: 40px; */
    text-align: left;
    margin: 0;
}
.heading2 h2
{
    margin: 0;
    padding-bottom: 10px;
    line-height: 45px;
    font-size: 40px;
    font-family: mySecondFont!important;
}
.heading2 p
{
    font-family: myFirstFont!important;
    font-size: 18px;
}
.bg_head
{
    background-color: #071f41;
    padding: 2px 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    width: fit-content;
    margin-bottom: 10px!important;
    font-family: mySecondFont!important;
}
.bg_head1
{
    background-color: #071f41;
    padding: 2px 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    width: fit-content;
    margin-bottom: 10px!important;
    font-family: mySecondFont!important;
    margin: 0 auto;
}
.dpk_icon
{
    width: 55px!important;
    height: 28px!important;
    margin-bottom: 20px;
}
.dpk_icon1
{
    width: 59px!important;
    height: 2px!important;
    margin-bottom: 20px;
}
.cmn_pd
{
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    font-family: myFirstFont;
}
.d-flex-box
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.d-flex-box1
{
    display: flex;
    align-items: center;
}
.p_One
{
    font-family: myFirstFont!important;
}
.secBg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.secBg img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}/* common css *//*header*/
.header-area
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: .3s;
    box-shadow: 0 0 8px -5px #000;
}
.header-area.sticky .header-nav
{
    background: #fff;
    padding: 10px 0;
}
.site-logo img
{
    filter: brightness(0) invert(1);
}
.header-area.sticky .header-nav .site-logo img
{
    filter: none;
}
.header-top-bar
{
    background: var(--main-clr);
    color: #fff;
    padding: 3px 0;
    transition: .3s;
}
.header-top-bar-inr
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}
.header-top-bar p
{
    margin: 0;
    text-transform: uppercase;
    font-size: var(--fs-15px);
}
.btn-main.hdr-btn
{
    background: #fff;
    color: #0c0c0c;
    padding: 8px;
    border-radius: 2px;
}
.btn-main.hdr-btn:hover
{
    color: #fff;
}
.btn-main.hdr-btn:hover img
{
    filter: invert(1);
}
.header-nav
{
    padding: clamp(18px,1.88vw,36px) 0;
    transition: .4s;
}
.navbar-area-inr
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.site-logo
{
    transition: .2s;
    flex-shrink: 0;
}
.navbar-area-menu
{
    display: flex;
    align-items: center;
    gap: clamp(23px,2.35vw,45px);
}/* new navbar design */
nav
{
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-family: myThirdFont;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile
{
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu:after, #cssmenu>ul:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenu #head-mobile
{
    display: none;
}
#cssmenu
{
    font-family: myThirdFont;
}
#cssmenu>ul>li
{
    float: left;
}
.header-area #cssmenu>ul>li>a:hover
{
    color: var(--main-clr-drk);
}
.header-area.sticky #cssmenu>ul>li>a
{
    color: #000;
}
.header-area.sticky #cssmenu>ul>li>a:hover
{
    color: var(--main-clr-drk);
}
.header-area.sticky #cssmenu>ul>li.has-sub>a:after, .header-area.sticky #cssmenu>ul>li.has-sub>a:before
{
    background: #000;
}
#cssmenu>ul>li>a
{
    padding: 12px;
    font-size: 15px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
}
#cssmenu>ul>li:hover>a, #cssmenu ul li.active a
{
    color: #fff;
}
#cssmenu>ul>li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover
{/* background:#448D00!important; */
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
}
#cssmenu>ul>li.has-sub>a
{
    padding-right: 30px;
}
#cssmenu>ul>li.has-sub>a:after
{
    position: absolute;
    top: 22px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #fff;
    content: '';
}
#cssmenu>ul>li.has-sub>a:before
{
    position: absolute;
    top: 19px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #fff;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu>ul>li.has-sub:hover>a:before
{
    top: 23px;
    height: 0;
}
#cssmenu ul ul
{
    position: absolute;
    left: -9999px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 6px 4px #58ceff91;
}
#cssmenu ul ul li
{
    height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    color: #000;
    transition: all .25s ease;
}
#cssmenu li:hover>ul
{
    left: auto;
}
#cssmenu li:hover>ul>li
{
    height: 35px;
}
#cssmenu ul ul ul
{
    margin-left: 100%;
    top: 0;
}
#cssmenu ul ul li a
{
    border-bottom: 1px solid rgba(150,150,150,.15);
    padding: 11px 15px;
    width: 170px;
    font-size: 17px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
#cssmenu ul ul li:last-child>a, #cssmenu ul ul li.last-item>a
{
    border-bottom: 0;
}
#cssmenu ul ul li:hover>a, #cssmenu ul ul li a:hover
{
    color: #000;
}
#cssmenu ul ul li.has-sub>a:after
{
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #000;
    content: '';
}
#cssmenu ul ul li.has-sub>a:before
{
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #000;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu ul ul>li.has-sub:hover>a:before
{
    top: 17px;
    height: 0;
}
#cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover
{
    background: #fff;
    box-shadow: 0 0 6px 0 rgba(160,226,255,.473);
}
#cssmenu ul ul ul li.active a
{
    border-left: 1px solid #fff;
}
#cssmenu>ul>li.has-sub>ul>li.active>a, #cssmenu>ul ul>li.has-sub>ul>li.active>a
{
    border-top: 1px solid #fff;
}
.call_btn
{
    background-color: var(--main-clr-drk);
    border-radius: 5px;
    padding: 10px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pck_btn
{
    background-color: var(--main-clr-drk);
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 25px;
    width: 250px;
}
.pck_btn a
{
    color: #fff!important;
}
.dpk_nav_btn_desktop_view
{
    display: flex;
}/*banner*/
.banner
{
    position: relative;
    z-index: 2;
    padding: 30px 0;
    color: #fff;
}
.banner-bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.banner-bg img
{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.banner h2
{
    font-size: 40px;
    margin: 0;
    padding-bottom: 10px;
}
.banner p
{
    font-size: 18px;
    margin: 0;
    padding-bottom: 30px;
}
.banner .banner_div
{
    margin-top: 80px;
}
.banner .right_div
{
    text-align: center;
}
.banner .right_div img
{
    width: 60%;
    margin: 0 auto;
}/* secTwo */
.secTwo .item
{
    background-color: #f1f1f1;
    padding: 10px 30px;
    border: 1px solid #c7c7c7;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
    margin: 0 10px;
}
.secTwo .item img
{
    width: auto!important;
    height: auto!important;
    transition: 1s all ease-in-out;
}
.secTwo .item:hover
{
    box-shadow: -2px -5px 5px 0 rgba(4,48,143,.466);
    border: 1px solid #071f41;
    background-color: #fff9f4bd;
}
.secTwo .item:hover img
{
    transform: scale(1.1);
}/* secTwo *//* secThree */
.secThree
{
    padding-top: 10px!important;
}
.secThree .p_One
{
    width: 60%;
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
}
.secThreeBox
{
    position: relative;
    margin: 10px;
    text-align: center;
}
.head
{
    position: absolute;
    bottom: 3%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1;
}
.secThreeBox .title
{
    margin: 0;
    padding-bottom: 0;
    color: #fff;
}
.image
{
    display: block;
    width: 100%;
    height: auto;
}
.overlay
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #071f41cb;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
    z-index: 2;
}
.secThreeBox:hover .overlay
{
    height: 100%;
}
.secThreeBox:hover .head
{
    opacity: 0;
}
.text
{
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    width: 100%;
}
.text .txt_icon
{
    margin-bottom: 20px;
}
.text p
{
    padding-bottom: 0;
}
.text .quote_btn
{
    border: 1px solid #fff;
    padding: 5px 10px;
    font-size: 16px;
    width: fit-content;
    margin: 0 auto;
    cursor: pointer;
}
.text .quote_btn:hover
{
    background-color: #fff;
    color: #f58220;
}
.custom-btn
{
    background-color: #f58220;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
}
.custom-btn:hover
{
    background-color: #071f41;
    color: #fff;
}
.secThreeBox .txt_icon
{
    width: 20%;
    height: auto;
}
.secThreeBox .overlay_para
{
    margin-bottom: 20px;
    font-size: 14px;
}/* secThree *//* secFour */
.secFour .image_div
{
    position: relative;
}
.secFour .left_div
{
    padding: 0 5rem;
}/* .secFour ul {
  position: absolute;
  right: -10%;
  bottom: -5%;
  text-align: right;
} */
.secFour ul .li_box1
{
    position: absolute;
    right: -10%;
    top: 42%;
    text-align: right;
    margin-bottom: 5px;
}
.secFour ul .li_box2
{
    position: absolute;
    right: -10%;
    top: 60%;
    text-align: right;
    margin-bottom: 5px;
}
.secFour ul .li_box3
{
    position: absolute;
    right: -10%;
    top: 78%;
    text-align: right;
    margin-bottom: 5px;
}
.secFour ul li
{
    background-color: #fff;
    border-radius: 25px;
    margin: 10px 0;
    display: grid;
    grid-template-columns: 15% 85%;
    align-items: center;
    box-shadow: 0 0 6px 0 #00000080;
    padding: 0;
    transition: 1s all ease-in-out;
}
.secFour ul li .icon
{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 1px solid #071f4157;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -30px;
    transition: 1s all ease-in-out;
}
.secFour ul li .icon1
{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #071f41;
    background-color: #071f41;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 1s all ease-in-out;
}
.secFour ul li:hover .icon
{
    transform: scale(.9);
}
.secFour ul li:hover .icon1
{
    transform: scale(.9);
}
.secFour ul li p
{
    padding: 0;
    font-size: 25px;
    margin-left: 30px;
    font-weight: 500;
    text-align: left!important;
    padding: 5px 10px;
}
.secFour ul li:hover p
{
    color: #f58220;
}/* secFour *//* secFive */
.secFiveBg
{
    position: absolute;
    top: 5%;
    right: 0%;
    width: 95%;
    height: 70%;
    z-index: -10;
}
.secFive .div_one
{
    width: 50%;
}
.tab_main_img
{
    width: 100%!important;
    object-fit: cover;
}
.tab
{
    overflow: hidden;
}
.tab button
{
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0 0;
    transition: .3s;
    margin: 2%;
    width: 28%;
}
.tab button img
{
    opacity: .4;
    object-fit: cover;
}
.tab button p
{
    padding-top: 10px;
    font-family: myFirstFont!important;
    color: #000;
}
.tab button.active img
{
    border: 2px solid #071f41;
    border-radius: 25px;
    opacity: 1;
}
.tab button.active p
{
    color: #f58220!important;
    font-weight: bold;
}
.tab button:hover img
{
    border: 2px solid #071f41;
    border-radius: 25px;
    opacity: 1;
}
.tab button:hover p
{
    color: #000!important;
}
.tabcontent
{
    display: none;
    position: relative;
}
.tab_content_inner
{
    color: #fff;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    padding: 20px 40px 20px 20px;
    background-color: #071f41c5;
    clip-path: polygon(0% 0%,95% 0,100% 100%,0% 100%);
}
.tab_content_inner a
{
    color: #fff!important;
}
.tab_content_inner h3
{
    font-size: 28px;
    padding-bottom: 10px;
    font-weight: bold;
}
.btn_one img
{
    margin-left: 10px;
}
.btn_one
{
    color: #fff;
    font-weight: bold;
}
.btn_one:hover
{
    color: #f58220;
    font-weight: bold;
}
.div_11
{
    padding-left: 10rem;
}
.secFive .secFive_content .secFive_sub_head
{
    padding: 6px 10px;
    color: #fff;
    margin-bottom: 20px;
    border-radius: 6px;
    background: #27bcf1;
    box-shadow: 4px 4px 10px #00bcff8c;
    font-size: 22px;
    width: fit-content;
}
.secFive .owl-carousel .owl-nav button.owl-next, .secFive .owl-carousel .owl-nav button.owl-prev
{
    display: none;
}
.secFive .owl-carousel
{
    display: none;
}/* secFive *//* secSix */
.secSixDiv
{
    position: relative;
    background-color: #fff;
    text-align: center;
    padding: 70px 20px 10px 20px;
    margin: 20px 0 40px;
}
.secSixDiv p
{
    font-size: 20px;
    font-weight: 600;
}
.sec6Icon
{
    position: absolute;
    top: -30%;
    left: 50%;
    transform: translateX(-50%);
}
.sec6Icon1
{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #ffffff78;
    padding: 10px;
    transition: .5s all ease-in-out;
}
.sec6Icon1 img
{
    padding: 12px;
    width: 100%;
}
.sec6Icon2
{
    width: 80px;
    height: 80px;
    padding: 5px;
    border-radius: 50%;
    background-color: #4cbcda;
    transition: .5s all ease-in-out;
}
.secSixDiv:hover .sec6Icon1
{
    background-color: #3d5f8f4f;
}
.secSixDiv:hover .sec6Icon2
{
    background-color: #071f41;
}
.secSixDiv:hover p
{
    color: #f58220;
}/* secSix *//* secSeven */
.secSeven .inner_content_div .line_img1
{
    width: 100%;
}
.desktop_view
{
    display: block;
}
.mobile_view
{
    display: none;
}
.inner_content_div
{
    padding: 100px 0;
}
.number_one
{
    width: 20%;
    position: absolute;
    top: 42%;
    left: 12%;
    text-align: center;
}
.number_two
{
    width: 20%;
    position: absolute;
    top: 37%;
    left: 27%;
    text-align: center;
}
.number_three
{
    width: 20%;
    position: absolute;
    top: 47%;
    left: 44%;
    text-align: center;
}
.number_four
{
    width: 20%;
    position: absolute;
    top: 37%;
    left: 57%;
    text-align: center;
}
.number_five
{
    width: 20%;
    position: absolute;
    top: 14%;
    left: 73%;
    text-align: center;
}
.round_btn
{
    box-shadow: 0 0 6px 0 #0007;
    border-radius: 50%;
}
.dpk_icon11
{
    margin-top: 20px;
}
.inner_content_div p
{
    padding: 10px 0;
    font-weight: bold;
}
.inner_content_div h2
{
    font-size: 100px;
    color: #eee;
    font-family: mySecondFontBold;
    margin: 0;
}
.count_no
{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 10px;
}
.count_no1
{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
.count_no2
{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: -20px;
}
.inner_content_div .number_one:hover h2
{
    color: #223d6457;
}
.inner_content_div .number_one:hover p
{
    color: #f58220;
}
.inner_content_div .number_two:hover h2
{
    color: #223d6457;
}
.inner_content_div .number_two:hover p
{
    color: #f58220;
}
.inner_content_div .number_three:hover h2
{
    color: #223d6457;
}
.inner_content_div .number_three:hover p
{
    color: #f58220;
}
.inner_content_div .number_four:hover h2
{
    color: #223d6457;
}
.inner_content_div .number_four:hover p
{
    color: #f58220;
}
.inner_content_div .number_five:hover h2
{
    color: #223d6457;
}
.inner_content_div .number_five:hover p
{
    color: #f58220;
}/* secSeven *//* secEight */
.secEight
{
    color: #fff!important;
}
.sec_eight_box hr
{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    background: transparent;
    border-top: 1px solid rgba(0,0,0,.1)!important;
}
.sec_eight_box
{
    background-color: #fff;
    border-radius: 10px;
}
.sec_eight_box .image_div
{/*   padding: 10px; */
    padding: 35px 10px 10px;
}
.sec_eight_box .content_div
{
    padding: 10px;
}
.sec_eight_box .content_div
{
    color: #000;
    text-align: center;
}
.sec_eight_box .content_div h3
{
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 20px;
}
.sec_eight_box .content_div h4
{
    font-size: 20px;
    font-weight: bold;
    color: #f58220;
    margin: 0;
    padding-bottom: 10px;
}
.sec_eight_box .content_div p
{
    font-family: mySecondFont!important;
    margin: 0;
    padding: 10px 0;
    font-size: 14px;/*   min-height: 100px; */
    min-height: 70px;
    line-height: 18px;
}
.sec_eight_box .image_div img
{
    width: auto;
    margin: 0 auto;
}
.secEight .slick-dots
{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.secEight .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 10px;
    height: 3px;
    margin: 0 10px!important;
    padding: 0;
    cursor: pointer;
}
.secEight .slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
    margin: 0 10px;
}
.secEight .slick-dots li button:before
{
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    content: '';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
}
.secEight .slick-dots li.slick-active button:before
{
    opacity: 1;
    background: var(--main-clr-drk);
}
.secEight .mid_div
{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}/* secEight *//* secNine */
.tools_box
{
    width: 20%;
}
.tools_div .tools_div_one
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.tools_box
{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 120px;
    margin: 0 auto;
    border-left: 1px solid #ccc;
}
.b_none
{
    border: none;
}
.tools_box:hover
{
    box-shadow: 0 0 5px 0 #04318f2e,0 0 5px 0 #04318f2e;
}
.secNine .owl-carousel
{
    display: none;
}/* secNine *//* secTen */
.secTen
{
    color: #fff;
}/* secTen *//* secEleven */
.secEleven_img
{
    width: 100%;
    height: auto;
    object-fit: cover;
}/* .secEleven{
  background-color: rgb(117 129 141);
} *//* .secEleven .heading2 h2{
  color: #fff;
} *//* secEleven *//* secTwelve */
.secTwelve .secTwelveBox
{
    position: relative;
}
.secTwelve .secTwelveBox .content
{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    background-color: #071f41d7;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    font-size: 20px;
}
.secTwelve .owl-nav .owl-prev
{
    width: 30px!important;
    height: 30px!important;
    border-radius: 50%!important;
    background-color: #e5e5e5!important;
    position: absolute;
    left: 2%;
    top: 50%;
    transform: translateY(-50%);
}
.secTwelve .owl-nav .owl-next
{
    width: 30px!important;
    height: 30px!important;
    border-radius: 50%!important;
    background-color: #e5e5e5!important;
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
}
.secTwelve .owl-nav .owl-prev:hover, .secTwelve .owl-nav .owl-next:hover
{
    background-color: #dfd6cf!important;
}
.secTwelve .secTwelveBox:hover .content
{
    background-color: #f58320e1;
}
.secTwelve .secTwelveBox
{
    transition: 1s all ease-in-out;
}
.secTwelve .secTwelveBox:hover
{
    transform: scale(.95);
}/* secTwelve *//* secThirteen */
.secThirteen .owl-nav .owl-prev
{
    width: 30px!important;
    height: 30px!important;
    border-radius: 50%!important;
    background-color: #e5e5e5!important;
    position: absolute;
    left: -2%;
    top: 50%;
    transform: translateY(-50%);
}
.secThirteen .owl-nav .owl-next
{
    width: 30px!important;
    height: 30px!important;
    border-radius: 50%!important;
    background-color: #e5e5e5!important;
    position: absolute;
    right: -2%;
    top: 50%;
    transform: translateY(-50%);
}
.secThirteen .owl-nav .owl-prev:hover, .secThirteen .owl-nav .owl-next:hover
{
    background-color: #dfd6cf!important;
}
.title_area
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sec_Thirteen_box
{
    padding: 35px 20px 15px;
    border: 1px solid #c7c7c7;
}
.title_area h3
{
    font-size: 24px;
    font-weight: bold;
}
.secThirteen .title_area p
{
    font-size: 16px;
    font-family: mySecondFont!important;
}
.secThirteen p
{
    font-family: myFirstFont!important;
    font-size: 18px;
}
.title_area img
{
    width: auto!important;
}
.secThirteen .custom-btn
{
    margin: 0 auto;
    text-align: center;
}
.secThirteen .owl-theme .owl-dots .owl-dot span
{
    width: 40px;
    height: 3px;
    margin: 5px 7px;
    background: #071f41;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
}
.secThirteen .owl-theme .owl-dots .owl-dot.active span, .secThirteen .owl-theme .owl-dots .owl-dot:hover span
{
    background: #f58220;
}
.secThirteen .quote_txt
{
    min-height: 200px;
}
.secThirteen .slick-dots
{
    position: absolute;
    bottom: -15px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.secThirteen .slick-dots li button:before
{
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: #092966;
    content: '';
    text-align: center;
    opacity: 1;
    color: #000;
    -webkit-font-smoothing: antialiased;
}
.secThirteen .slick-dots li.slick-active button:before
{
    opacity: 1;
    background: var(--main-clr-drk);
}/* secThirteen *//* secFourteen */
.secFourteen
{
    color: #fff;
}
.secFourteen .faq-item
{
    width: 100%;
    transition: .3s;
}
.secFourteen .faq-item details
{
    border-bottom: 1px solid #000;
}
.secFourteen .faq-item h3
{
    font-size: 100%;
    margin-bottom: 0;
    font-weight: 600;
    font-size: var(--body-font);
}
.secFourteen .faq-item summary
{
    list-style: none;
    padding: 15px 38px 15px 10px;
    position: relative;
    cursor: pointer;
    transition: .3s;
    background-color: #fff;
    color: #000;
    margin: 2px 0;
}
.secFourteen .faq-item summary:before
{
    position: absolute;
    width: 10px;
    height: 10px;
    border-color: #000;
    border-style: solid;
    border-width: 2px 2px 0 0;
    top: 17px;
    right: 16px;
    content: '';
    transition: .3s;
    transform: rotate(135deg);
}
.secFourteen .faq-item [open] summary:before
{
    transform: rotate(-45deg);
}
.secFourteen .faq-item [open]
{
    background: #fff;
    color: #000;
}
.secFourteen .faq-item details[open]
{
    border-bottom: 0;
    margin-top: -1px;
}
.secFourteen .faq-ans
{
    padding: 0 42px 15px 15px;
    position: relative;
    animation: sweep .5s ease-in-out;
}
.secFourteen [open] summary~.faq-ans
{
    animation: sweep .5s ease-in-out;
}
@keyframes sweep
{
    0%
    {
        opacity: 0;
        transform: translateX(-10px);
    }
    100%
    {
        opacity: 1;
        transform: translateX(0);
    }
}
.secFourteen .faq-item:hover summary
{
    background-color: #fff8f1;
    color: #f58220;
}
.secFourteen .faq-item:hover details
{
    background-color: #fff8f1;
}/* secFourteen *//* secFifteen */
.secFifteen .sec_video_box
{
    position: relative;
}
.secFifteen .sec_video_box .video_img
{
    border-radius: 10px;
}
.secFifteen .sec_video_box .content
{
    position: absolute;
    bottom: 35%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.secFifteen .owl-theme .owl-dots .owl-dot span
{
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #071f41;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 20px;
}
.secFifteen .owl-theme .owl-dots .owl-dot.active span, .secFifteen .owl-theme .owl-dots .owl-dot:hover span
{
    border: 1px solid #f58220;
    background-color: transparent;
}
.secFifteen .slick-dots
{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.secFifteen .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 10px;
    height: 3px;
    margin: 0 10px!important;
    padding: 0;
    cursor: pointer;
}
.secFifteen .slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
    margin: 0 10px;
}
.secFifteen .slick-dots li button:before
{
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--main-clr);
    content: '';
    text-align: center;
    opacity: 1;
    color: #000;
    -webkit-font-smoothing: antialiased;
}
.secFifteen .slick-dots li.slick-active button:before
{
    opacity: 1;
    background-color: var(--main-clr-drk);
}/* secFifteen *//* shapes */
.shape1
{
    position: absolute;
    right: 0;
    bottom: 20%;
    z-index: -1;
}
.shape2
{
    position: absolute;
    right: 0;
    bottom: 1%;
    z-index: -1;
}
.shape3
{
    position: absolute;
    left: 0;
    bottom: 40%;
    z-index: -1;
}
.shape4
{
    position: absolute;
    left: 0;
    bottom: 5%;
    z-index: -1;
}
.shape5
{
    position: absolute;
    left: 0;
    bottom: 0%;
    transform: translateY(-50%);
    z-index: 1;
}
.shape6
{
    position: absolute;
    right: 0;
    bottom: 5%;
    z-index: -1;
}
.shape7
{
    position: absolute;
    right: 0;
    bottom: 0%;
    transform: translateY(-50%);
    z-index: -1;
}
.shape8
{
    position: absolute;
    left: 0;
    bottom: 5%;
    z-index: -1;
}
.shape9
{
    position: absolute;
    left: 0;
    bottom: 0%;
    transform: translateY(-50%);
    z-index: -1;
}
.shape10
{
    position: absolute;
    right: 0;
    bottom: 0%;
    transform: translateY(-50%);
    z-index: -1;
}/* shapes *//* secSixteen */
.secSixteen
{
    background: #0f3557!important;
    color: #fff;
    position: relative;
}
.secSixteen .secSixteenDiv
{
    display: grid;
    grid-template-columns: 45% 10% 45%;
    align-items: flex-start;
    justify-content: center;
    background: #0f3557!important;
    padding: 60px 80px;
}
.secSixteen .secSixteenDiv h2
{
    font-size: 30px;
}
.secSixteen .line1
{
    width: 1px;
    height: 150px;
    background: #fff;
    margin: 0 auto;
    text-align: center;
}
.secSixteen .btn-arrow span
{
    font-size: 20px;
    color: #fff;
    font-family: mySecondFont;
}
.secSixteen .btn-arrow:hover span
{
    color: var(--main-clr-drk);
    text-decoration: underline;
}/* secSeventeen */
.secSeventeen
{
    color: #fff;
    position: relative;
}
.secSeventeenBox
{
    background-color: #0f3557;
    padding: 50px;
    border-radius: 10px;
    text-align: center;
}
.secSeventeenBox p
{
    font-size: 24px;
    line-height: 34px;
}
.secSeventeen .btn-help
{
    padding: 15px 50px;
    background: #fcb959;
    margin-top: 20px;
    border-radius: 8px;
    display: inline-block;
}
.secSeventeen .btn-help h6
{
    margin: 0;
    font-size: 24px;
    color: #000;
    font-weight: 500;
    transition: .2s;
}
.secSeventeen .btn-help:hover h6
{
    letter-spacing: 1.5px;
}/*footer*/
.site-footer
{
    color: #000;
    font-size: var(--fs-16px);
}
.ftr_left h3
{
    margin: 0;
    padding-top: 20px;
    font-weight: 500;
}
.ftr_left p
{
    margin: 0;
    padding-top: 10px;
    font-size: 20px;
}
.ftr_left .ftr_form
{
    margin-bottom: 30px;
}
.ftr_left .ftr_form input
{
    padding: 15px 15px 15px 20px;
    color: #000;
    border: 1px solid #000;
}
.sub_btn
{
    text-align: center;
    padding: 15px 30px!important;
    background-color: #0f3557;
    color: #fff!important;
    border: 1px solid #0f3557!important;
    margin: 0 10px;
}
.sub_btn:hover
{
    background-color: #fcb959;
    border: 1px solid #fcb959;
    color: #000!important;
}
.site-footer a:hover
{
    color: var(--main-clr);
}
.site-footer-top
{
    padding: 50px 0 0;
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.ftr_right ul
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.ftr_right ul li
{
    list-style: none;
    padding: 10px 20px;
    font-size: 18px;
}
.ftr_right ul li a
{
    color: #000;
}
.ftr_right ul .icon
{
    padding: 0 10px;
    margin-top: 40px;
}/* .ftr_right ul .icon img{
  filter: brightness(0) invert(0);
} */
.ftr_right ul .icon:hover img
{
    filter: none;
    cursor: pointer;
}
.site-footer-btm
{
    padding: 30px 0 30px;
}
.site-footer-btm .text_center
{
    font-size: 20px;
    line-height: 30px;
}/* fixed mobile Footer */
.mobile_footer
{
    background-color: #0f3557;
    color: #fff;
    border-radius: 30px 30px 0 0;
    padding: 20px;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    box-shadow: -1px -3px 7px 0 #00000070;
    z-index: 1000000;
}
.mobile_footer .mobile_footer_div
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile_footer .mobile_footer_div .menu_div
{
    text-align: center;
}
.mobile_footer .mobile_footer_div .menu_div p
{
    margin: 0;
    padding: 0;
    color: #ffc107;
    font-size: 15px;
    padding-top: 3px;
}
.mobile_footer
{
    display: none;
}/* Popup Design start*/
#enquire_btn
{
    background-color: #1087d9;
    border: 1px solid #fff;
    position: fixed;
    top: 50%;
    right: -60px;
    padding: 5px 20px;
    z-index: 1000;
    rotate: -90deg;
    transition: all ease-in-out .5s;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#enquire_btn img
{
    margin-right: 8px;
    rotate: 90deg;
}
#enquire_btn p
{
    margin: 0;
    color: #fff;
    font-size: 15px;
    padding: 0;
    font-family: myFirstFontMedium;
}
#enquire_btn:hover
{
    cursor: pointer;
    background-color: #f58220;
}
.sidepopup
{
    height: auto;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 20%;
    right: 5%;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s;
    border-radius: 20px;
    box-shadow: 0 3px 11px -7px #000;
    font-family: myFirstFont;
}
.sidepopup .btn-main:hover
{
    box-shadow: inset 0 0 0 50px var(--main-clr);
    color: #fff;
}
.sidepopup form
{
    width: 320px!important;
    padding: 20px;
}
.sidepopup .from_content
{
    padding: 0 20px;
}
.sidepopup .from_content .btn-custom
{
    margin: 0;
    width: 100%;
}
.sidepopup .form_heading
{
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    padding-bottom: 10px;
}
.sidepopup p
{
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding-bottom: 6px;
}
.sidepopup a
{
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: .3s;
}
.sidepopup a:hover
{
    color: #000;
}
.sidepopup .closebtn
{
    position: absolute;
    top: -5px;
    right: 5px;
    font-size: 36px;
    margin-left: 50px;
    z-index: 100;
}
.sidepopup .form_design textarea
{
    height: 50px;
}
.sidepopup .form_design :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]),select,textarea)
{
    border: solid 1px #cfcfcf;
    border-radius: 4px;
    background-color: #fff;
    padding: 8px 12px;
    color: #000;
    width: 100%;
    font-size: 13px;
    margin: 7px 0;
    font-family: myFirstFont;
}
.form-control, .form-select
{
    border: 1px solid #092966;
}
.sidepopup label
{
    font-size: 14px;
    font-family: mySecondFont!important;
}
::placeholder
{
    color: #000;
    font-family: mySecondFont!important;
}
.sidepopup .form_design input[type=submit]
{
    background: #f58220;
    border: 0;
    padding: 14px 7px;
    color: #fff;
    width: 100%;
    cursor: pointer;
    border-radius: 4px;
}
.sidepopup .form_design input[type=submit]:hover
{
    background: #092966;
    color: #f58220;
}/* Popup Design end*/
.floating_app_call
{
    position: fixed;
    bottom: 50px;
    left: 20px;
    z-index: 9999;
}
.wp_btn
{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 12px 20px 0;
    background-color: #3ec44b;
    color: #fff;
    border-radius: 50px;
}
.wp_txt p
{
    margin-left: 10px;
    font-size: 20px;
    margin-top: 4px;
}/*media queries*//* desktop_view */
@media screen and (max-width: 1920px)
{
    .navbar-area-inr
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 240px;
    }
    .pck_btn
    {
        background-color: var(--main-clr-drk);
        font-weight: 500;
        border-radius: 5px;
        padding: 10px 25px;
        width: 200px;
        margin-left: 10px;
    }
    .dpk_nav_btn_mobile_view
    {
        display: none;
    }/* .secFour ul {
        position: absolute;
        right: -6%;
        bottom: -5%;
        text-align: right;
    } */
    .secFour ul .li_box1
    {
        position: absolute;
        right: -3%;
        top: 42%;
        text-align: right;
    }
    .secFour ul .li_box2
    {
        position: absolute;
        right: -8%;
        top: 60%;
        text-align: right;
    }
    .secFour ul .li_box3
    {
        position: absolute;
        right: -3%;
        top: 78%;
        text-align: right;
    }
    .secFourteen .faq-item h3
    {
        font-size: 20px;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 25%;
        left: 73%;
        text-align: center;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 36%;
        left: 57%;
        text-align: center;
    }
    .slick-slide img
    {
        display: block;
        width: 100%;
    }
    .number_one
    {
        width: 20%;
        position: absolute;
        top: 36%;
        left: 12%;
        text-align: center;
    }
    .number_two
    {
        width: 20%;
        position: absolute;
        top: 34%;
        left: 27%;
        text-align: center;
    }
    .number_three
    {
        width: 20%;
        position: absolute;
        top: 44%;
        left: 43%;
        text-align: center;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 30%;
        left: 57%;
        text-align: center;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 22%;
        left: 71%;
        text-align: center;
    }
    .secFive .secSliderWrap
    {
        display: none;
    }
    .secNine .secSliderWrap
    {
        display: none;
    }
}
@media(max-width: 1800px)
{
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 38%;
        left: 57%;
        text-align: center;
    }
    .number_one
    {
        width: 20%;
        position: absolute;
        top: 37%;
        left: 12%;
        text-align: center;
    }
    .number_two
    {
        width: 20%;
        position: absolute;
        top: 33%;
        left: 27%;
        text-align: center;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 31%;
        left: 57%;
        text-align: center;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 18%;
        left: 71%;
        text-align: center;
    }
}
@media(max-width: 1700px)
{
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 40%;
        left: 57%;
        text-align: center;
    }
    .number_one
    {
        width: 20%;
        position: absolute;
        top: 38%;
        left: 12%;
        text-align: center;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 34%;
        left: 57%;
        text-align: center;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 16%;
        left: 71%;
        text-align: center;
    }
}
@media screen and (max-width: 1600px)
{
    .navbar-area-inr
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 150px;
    }
    .pck_btn
    {
        background-color: var(--main-clr-drk);
        font-weight: 500;
        border-radius: 5px;
        padding: 10px 25px;
        width: 155px;
        margin-left: 10px;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 43%;
        left: 57%;
        text-align: center;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 36%;
        left: 57%;
        text-align: center;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 14%;
        left: 71%;
        text-align: center;
    }
}
@media(max-width: 1500px)
{
    .secThree .p_One
    {
        width: 70%;
        text-align: center;
        margin: 0 auto;
        font-size: 18px;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 37%;
        left: 57%;
        text-align: center;
    }
}
@media screen and (max-width: 1400px)
{
    .navbar-area-inr
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 50px;
    }
    .sidepopup
    {
        height: auto;
        width: 0;
        position: fixed;
        z-index: 1000;
        top: 15%;
        right: 5%;
        background-color: #fff;
        overflow-x: hidden;
        transition: .5s;
        border-radius: 20px;
        box-shadow: 0 3px 11px -7px #000;
        font-family: myFirstFont;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 40%;
        left: 57%;
        text-align: center;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 23%;
        left: 73%;
        text-align: center;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 13%;
        left: 73%;
        text-align: center;
    }
}
@media screen and (max-width: 1366px)
{
    #cssmenu>ul>li>a
    {
        padding: 15px;
        font-size: 14px;
        letter-spacing: 1px;
        text-decoration: none;
        color: #fff;
        font-weight: 700;
    }
    .heading2 h2
    {
        margin: 0;
        padding-bottom: 10px;
        line-height: 35px;
        font-size: 30px;
        font-family: mySecondFont!important;
    }
    .secFourteen .faq-item h3, .title_area h3
    {
        font-size: 18px;
    }
    p
    {
        font-family: mySecondFont!important;
        margin: 0;
        padding: 0 0 20px;
        font-size: 16px;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 15%;
        left: 73%;
        text-align: center;
    }
    .number_one
    {
        width: 20%;
        position: absolute;
        top: 35%;
        left: 12%;
        text-align: center;
    }
    .number_two
    {
        width: 20%;
        position: absolute;
        top: 31%;
        left: 27%;
        text-align: center;
    }
    .number_three
    {
        width: 20%;
        position: absolute;
        top: 40%;
        left: 43%;
        text-align: center;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 35%;
        left: 57%;
        text-align: center;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 14%;
        left: 73%;
        text-align: center;
    }
}
@media(max-width: 1280px)
{
    .div_11
    {
        padding-left: 6rem;
    }
    .sidepopup
    {
        height: auto;
        width: 0;
        position: fixed;
        z-index: 1000;
        top: 13%;
        right: 5%;
        background-color: #fff;
        overflow-x: hidden;
        transition: .5s;
        border-radius: 20px;
        box-shadow: 0 3px 11px -7px #000;
        font-family: myFirstFont;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 20%;
        left: 73%;
        text-align: center;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 40%;
        left: 58%;
        text-align: center;
    }/* .secFour ul {
      position: absolute;
      right: -9%;
      bottom: -5%;
      text-align: right;
  } */
    .secFour ul .li_box1
    {
        position: absolute;
        right: -10%;
        top: 42%;
        text-align: right;
    }
    .secFour ul .li_box1
    {
        position: absolute;
        right: -3%;
        top: 39%;
        text-align: right;
    }
    .secFour ul .li_box3
    {
        position: absolute;
        right: -3%;
        top: 81%;
        text-align: right;
    }
    .number_one
    {
        width: 20%;
        position: absolute;
        top: 36%;
        left: 8%;
        text-align: center;
    }
    .number_two
    {
        width: 20%;
        position: absolute;
        top: 31%;
        left: 27%;
        text-align: center;
    }
    .number_three
    {
        width: 20%;
        position: absolute;
        top: 40%;
        left: 43%;
        text-align: center;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 35%;
        left: 58%;
        text-align: center;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 13%;
        left: 73%;
        text-align: center;
    }
}
@media screen and (max-width: 1199px)
{
    #cssmenu>ul>li.has-sub>a
    {
        padding-right: 26px;
    }
    .secSixDiv p
    {
        font-size: 16px;
        font-weight: 600;
    }
    .secFourteen .faq-item h3, .title_area h3
    {
        font-size: 17px;
    }
    .number_one
    {
        width: 20%;
        position: absolute;
        top: 32%;
        left: 8%;
        text-align: center;
    }
    .number_three
    {
        width: 20%;
        position: absolute;
        top: 37%;
        left: 43%;
        text-align: center;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 32%;
        left: 58%;
        text-align: center;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 16%;
        left: 73%;
        text-align: center;
    }
}
@media screen and (max-width: 1024px)
{
    .call_btn
    {
        background-color: var(--main-clr-drk);
        border-radius: 5px;
        padding: 10px;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #cssmenu>ul>li>a
    {
        padding: 14px;
        font-size: 10px;
        letter-spacing: 1px;
        text-decoration: none;
        color: #fff;
        font-weight: 700;
    }
    .call_btn
    {
        background-color: var(--main-clr-drk);
        border-radius: 5px;
        padding: 10px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .pck_btn
    {
        background-color: var(--main-clr-drk);
        font-weight: 500;
        border-radius: 5px;
        padding: 10px 25px;
        width: 170px;
        margin-left: 10px;
    }
    .pck_btn a
    {
        color: #fff!important;
        font-size: 14px;
    }
    .div_11
    {
        padding-left: 3rem;
    }
    .secSixDiv p
    {
        font-size: 16px;
        font-weight: 600;
    }
    .inner_content_div p
    {
        padding: 10px 0;
        font-weight: bold;
        font-size: 14px;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 38%;
        left: 60%;
        text-align: center;
    }/* .secFour ul {
  position: absolute;
  right: -18%;
  bottom: -9%;
  text-align: right;
} */
    .secFour ul .li_box1
    {
        position: absolute;
        right: -10%;
        top: 30%;
        text-align: right;
    }
    .secFour ul .li_box2
    {
        position: absolute;
        right: -20%;
        top: 55%;
        text-align: right;
    }
    .secFour ul .li_box3
    {
        position: absolute;
        right: -10%;
        top: 80%;
        text-align: right;
    }
    .secThree .p_One
    {
        width: 80%;
        text-align: center;
        margin: 0 auto;
        font-size: 18px;
    }
    .secFour ul li p
    {
        padding: 0;
        font-size: 20px;
        margin-left: 30px;
        font-weight: 500;
        text-align: left!important;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 17%;
        left: 73%;
        text-align: center;
    }
    p, .secFourteen .faq-item h3
    {
        font-size: 16px;
    }
    .inner_content_div h2
    {
        font-size: 80px;
        color: #eee;
        font-family: mySecondFontBold;
        margin: 0;
    }
    .heading2 h2
    {
        margin: 0;
        padding-bottom: 10px;
        line-height: 25px;
        font-size: 25px;
        font-family: mySecondFont!important;
    }
    .title_area h3
    {
        font-size: 16px;
        font-weight: bold;
    }
    .shape
    {
        width: 2%;
        height: auto;
    }
    .shape_s
    {
        width: 10%;
        height: auto;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 43%;
        left: 59%;
        text-align: center;
    }
    .secThreeBox
    {
        position: relative;
        margin: 4px;
        text-align: center;
    }
    .secThreeBox .overlay_para
    {
        margin-bottom: 10px;
        font-size: 13px;
        margin-top: -18px;
    }
    .text .txt_icon
    {
        margin-bottom: 12px;
    }
    .text .quote_btn
    {
        border: 1px solid #fff;
        padding: 3px 10px;
        font-size: 14px;
        width: fit-content;
        margin: 0 auto;
    }
    .number_two
    {
        width: 20%;
        position: absolute;
        top: 34%;
        left: 25%;
        text-align: center;
    }
    .number_three
    {
        width: 20%;
        position: absolute;
        top: 35%;
        left: 43%;
        text-align: center;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 38%;
        left: 59%;
        text-align: center;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 11%;
        left: 73%;
        text-align: center;
    }
}
@media screen and (max-width: 992px)
{
    .pck_btn
    {
        background-color: var(--main-clr-drk);
        font-weight: 500;
        border-radius: 5px;
        padding: 10px 25px;
        width: 160px;
        margin-left: 10px;
    }
    .pck_btn
    {
        background-color: var(--main-clr-drk);
        font-weight: 500;
        border-radius: 5px;
        padding: 10px 25px;
        width: 160px;
        margin-left: 5px;
    }
    .navbar-area-inr
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 40px;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 44%;
        left: 59%;
        text-align: center;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 38%;
        left: 59%;
        text-align: center;
    }
}/*media queries*/
@media(max-width: 991px)
{
    .header-nav
    {
        padding: 15px 0;
        transition: .4s;
    }
    .header-area.sticky .header-nav
    {
        background: #fff;
        padding: 10px 0;
    }
    nav
    {
        width: 100%;
    }
    #cssmenu
    {
        width: 100%;
    }
    #cssmenu ul
    {
        width: 100%;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        background: #000;
        padding-top: 100px;
        overflow-y: scroll;
    }/* #cssmenu ul:hover .button{
  display: block !important;
} */
    #cssmenu ul li
    {
        width: 100%;
        border-top: 1px solid #444;
    }
    #cssmenu ul li:hover
    {
        background: #363636;
    }
    #cssmenu ul ul, #cssmenu ul ul ul
    {
        position: absolute;
        left: -9999px;
        background: #fff;
        border-radius: 0;
        box-shadow: none;
        padding-top: 0;
    }
    #cssmenu ul ul li, #cssmenu li:hover>ul>li
    {
        height: auto;
    }
    #cssmenu ul li a, #cssmenu ul ul li a
    {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu>ul>li
    {
        float: none;
    }
    #cssmenu ul ul li a
    {
        padding-left: 25px;
    }
    #cssmenu ul ul li
    {
        background: #333!important;
    }
    #cssmenu ul ul li:hover
    {
        background: #363636!important;
    }
    #cssmenu ul ul ul li a
    {
        padding-left: 35px;
    }
    #cssmenu ul ul li a
    {
        color: #ddd;
        background: none;
    }
    #cssmenu ul ul li:hover>a, #cssmenu ul ul li.active>a
    {
        color: #fff;
        box-shadow: none;
    }
    #cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover
    {
        background: #fff;
        box-shadow: none;
    }
    #cssmenu ul ul, #cssmenu ul ul ul
    {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu>ul>li.has-sub>a:after, #cssmenu>ul>li.has-sub>a:before, #cssmenu ul ul>li.has-sub>a:after, #cssmenu ul ul>li.has-sub>a:before
    {
        display: none;
    }
    #cssmenu #head-mobile
    {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700;
    }
    .button
    {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }
    .button:after
    {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid var(--main-clr-drk);
        border-bottom: 2px solid var(--main-clr-drk);
        content: '';
    }
    .button:before
    {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: var(--main-clr-drk);
        content: '';
    }
    .button.menu-opened:after
    {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .button.menu-opened:before
    {
        top: 23px;
        background: #fff;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button
    {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;/* border-left:1px solid #444; */
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened
    {
        background: transparent;
    }
    #cssmenu ul ul .submenu-button
    {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after
    {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: '';
    }
    #cssmenu ul ul .submenu-button:after
    {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after
    {
        background: #fff;
    }
    #cssmenu .submenu-button:before
    {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: '';
    }
    #cssmenu ul ul .submenu-button:before
    {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before
    {
        display: none;
    }
    #cssmenu ul ul ul li.active a
    {
        border-left: none;
    }
    #cssmenu>ul>li.has-sub>ul>li.active>a, #cssmenu>ul ul>li.has-sub>ul>li.active>a
    {
        border-top: none;
    }
    .dpk_nav_btn_desktop_view
    {
        display: none;
    }
    .dpk_nav_btn_mobile_view
    {
        display: flex;
    }
    .header-area.sticky #cssmenu>ul>li>a
    {
        color: #fff;
    }
    .div_11
    {
        padding-left: 0;
    }/* .secFour ul {
  position: absolute;
  right: 11%;
  bottom: -9%;
  text-align: right;
} */
    .secFour ul .li_box1
    {
        position: absolute;
        right: 15%;
        top: 41%;
        text-align: right;
    }
    .secFour ul .li_box2
    {
        position: absolute;
        right: 10%;
        top: 60%;
        text-align: right;
    }
    .secFour ul .li_box3
    {
        position: absolute;
        right: 15%;
        top: 79%;
        text-align: right;
    }/* .d-flex-box1{
  display: block;
}

.d-flex-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
} 

.secFive .div_one {
  width: 100%;
} */
    .secFive .heading2
    {
        padding-top: 20px;
    }
    .secFour .image_div
    {
        margin-bottom: 40px;
    }
    .number_two
    {
        width: 20%;
        position: absolute;
        top: 40%;
        left: 28%;
        text-align: center;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 35%;
        left: 58%;
        text-align: center;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 27%;
        left: 73%;
        text-align: center;
    }
    .tools_box img
    {
        width: 60%;
        height: auto;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 33%;
        left: 60%;
        text-align: center;
    }
    .tab button
    {
        background-color: inherit;/* float: left; */
        border: none;
        outline: none;
        cursor: pointer;
        padding: 0 0;
        transition: .3s;
        margin: 2%;
        width: 45%;
    }
    .d-flex-box
    {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    .secThreeBox
    {
        position: relative;
        margin: 10px;
        text-align: center;
    }
    .text .txt_icon
    {
        margin-bottom: 20px;
    }
    .secThreeBox .overlay_para
    {
        margin-bottom: 10px;
        font-size: 14px;
        margin-top: 0;
    }
    .text .quote_btn
    {
        border: 1px solid #fff;
        padding: 5px 10px;
        font-size: 16px;
        width: fit-content;
        margin: 0 auto;
    }
    .number_one
    {
        width: 20%;
        position: absolute;
        top: 26%;
        left: 10%;
        text-align: center;
    }
    .number_two
    {
        width: 20%;
        position: absolute;
        top: 32%;
        left: 28%;
        text-align: center;
    }
    .number_three
    {
        width: 20%;
        position: absolute;
        top: 31%;
        left: 43%;
        text-align: center;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 33%;
        left: 58%;
        text-align: center;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 15%;
        left: 71%;
        text-align: center;
    }
    .secFive .slick-slide img
    {
        display: block;
        width: auto;
    }
    .secThirteen .quote_txt
    {
        min-height: 310px;
    }
    .secThirteen .title_area p
    {
        font-size: 16px;
        font-family: mySecondFont!important;
        min-height: 70px;
    }
    .secFifteen .sec_video_box .content
    {
        position: absolute;
        bottom: 26%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .ftr_left, .ftr_right
    {
        text-align: center;
    }
    .ftr_right ul
    {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ftr_right ul .icon
    {
        padding: 0 10px;
        margin: 20px 0;
    }
    .secTwo .item
    {
        background-color: #f1f1f1;
        padding: 10px 30px;
        border: 1px solid #c7c7c7;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100px;
        margin: 0 10px;
    }
    .secFive .d-flex-box1
    {
        display: none;
    }
    .secFive_btn
    {
        display: flex!important;
    }
    .secFive .secSliderWrap
    {
        display: block;
    }
    .tab_content_inner
    {
        color: #fff;
        position: absolute;
        bottom: 0%;
        left: 50%;
        transform: translate(-50%);
        width: 100%;
        padding: 10px;
        background-color: #071f41c5;
        clip-path: polygon(0% 0%,100% 0,100% 100%,0% 100%);
    }
    .secFive_content
    {
        position: relative;
    }
    .secSixteen .line1
    {
        width: 1px;
        height: 220px;
        background: #fff;
        margin: 0 auto;
        text-align: center;
    }
    .site-footer-btm
    {
        padding: 30px 0 130px;
    }
    .mobile_footer
    {
        display: block;
    }
    .floating_app_call
    {
        position: fixed;
        bottom: 100px;
        left: 20px;
        z-index: 9999;
    }
}
@media(max-width: 820px)
{
    .number_one
    {
        width: 20%;
        position: absolute;
        top: 27%;
        left: 5%;
        text-align: center;
    }
    .number_two
    {
        width: 20%;
        position: absolute;
        top: 33%;
        left: 26%;
        text-align: center;
    }
    .number_three
    {
        width: 20%;
        position: absolute;
        top: 31%;
        left: 43%;
        text-align: center;
    }
    .number_four
    {
        width: 20%;
        position: absolute;
        top: 36%;
        left: 59%;
        text-align: center;
    }
    .number_five
    {
        width: 20%;
        position: absolute;
        top: 12%;
        left: 73%;
        text-align: center;
    }
    .secFour ul .li_box1
    {
        position: absolute;
        right: 12%;
        top: 42%;
        text-align: right;
    }
    .secFour ul .li_box2
    {
        position: absolute;
        right: 5%;
        top: 60%;
        text-align: right;
    }
    .secFour ul .li_box3
    {
        position: absolute;
        right: 12%;
        top: 78%;
        text-align: right;
    }
}
@media(max-width: 768px)
{
    .secTwelve .heading2
    {
        padding: 0 15px;
    }
    .desktop_view
    {
        display: none;
    }
    .mobile_view
    {
        display: block;
    }
    .number_11
    {
        display: grid;
        grid-template-columns: 10% 20% 60%;
        align-items: center;
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        margin: 4px 0;
        padding: 10px 0;
    }
    .count_content
    {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-left: 20px;
    }
    .count_content p
    {
        margin-left: 20px;
    }
    .inner_content_div
    {
        padding: 0;
    }
    .secFour .left_div
    {
        padding: 0 15px;
    }
    .secTwelve .secTwelveBox .content
    {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        background-color: #071f41d7;
        padding: 10px 0;
        color: #fff;
        text-align: center;
        font-size: 16px;
    }
    .secTwo .item
    {
        background-color: #f1f1f1;
        padding: 10px 30px;
        border: 1px solid #c7c7c7;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 150px;
        margin: 0 10px;
    }
    .secThirteen .quote_txt
    {
        min-height: auto;
    }
    .secThirteen .title_area p
    {
        font-size: 16px;
        font-family: mySecondFont!important;
        min-height: auto;
    }
}
@media(max-width: 767px)
{
    .secEight .mid_div
    {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-left: none;
        border-right: none;
    }
    .tools_box img
    {
        width: 75%;
        height: auto;
    }
    .tools_box
    {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 90px;
        margin: 0 auto;
        border-left: 1px solid #ccc;
    }
    .sec_eight_box .content_div p
    {
        font-family: mySecondFont!important;
        margin: 0;
        padding: 10px 0;
        font-size: 14px;
        min-height: auto;
    }
    .heading2 h2
    {
        margin: 0;
        padding-bottom: 10px;
        line-height: 35px;
        font-size: 25px;
        font-family: mySecondFont!important;
    }
    .secSixteen .secSixteenDiv h2
    {
        font-size: 20px;
    }
    .secSixteen .btn-arrow span
    {
        font-size: 17px;
        color: #fff;
        font-family: mySecondFont;
    }
    .secSeventeenBox p
    {
        font-size: 20px;
        line-height: 30px;
    }
    .sec_eight_box .content_div h4
    {
        font-size: 20px;
        font-weight: bold;
        color: #f58220;
        margin-bottom: 0;
        padding-top: 10px;
    }
    .secSeventeen .btn-help h6
    {
        margin: 0;
        font-size: 18px;
        color: #000;
        font-weight: 500;
        transition: .2s;
    }
}
@media(max-width: 600px)
{/* .secFour ul {
      position: absolute;
      right: 4%;
      bottom: 3%;
      text-align: right;
  } */
    .secFour ul .li_box1
    {
        position: absolute;
        right: 12%;
        top: 42%;
        text-align: right;
    }
    .secFour ul .li_box2
    {
        position: absolute;
        right: 5%;
        top: 60%;
        text-align: right;
    }
    .secFour ul .li_box3
    {
        position: absolute;
        right: 12%;
        top: 78%;
        text-align: right;
    }
    .sec_eight_box .content_div p
    {
        font-family: mySecondFont!important;
        margin: 0;
        padding: 10px 0;
        font-size: 14px;
        min-height: auto;
    }
}
@media(max-width: 576px)
{
    .secSixteen .secSixteenDiv
    {
        display: grid;
        grid-template-columns: 100%;
        align-items: flex-start;
        justify-content: center;
        background: #0f3557!important;
        padding: 60px 40px;
    }
    .secSixteen .line1
    {
        width: 100%;
        height: 2px;
        background: #fff;
        margin: 30px auto;
        text-align: center;
    }
}
@media(max-width: 480px)
{
    .banner h2
    {
        font-size: 30px;
        margin: 0;
        padding-bottom: 10px;
    }
    .pck_btn a
    {
        color: #fff!important;
        font-size: 12px;
    }
    .pck_btn
    {
        background-color: var(--main-clr-drk);
        font-weight: 500;
        border-radius: 5px;
        padding: 6px 13px;
        width: 130px;
        margin-left: 5px;
    }
    .call_btn
    {
        background-color: var(--main-clr-drk);
        border-radius: 5px;
        padding: 6px 10px;
        width: 34px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .site-logo-inr
    {
        width: 90%;
    }
    .navbar-area-inr
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 10px;
    }/* .tools_div .tools_div_one {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .tools_box {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: auto;
        width: 100%;
        border-left: none;
        margin: 20px 0;
    }

    .tools_box img{
        width: 40%;
        margin: 0 auto;
    } */
    .secFour ul li p
    {
        padding: 0;
        font-size: 20px;
        margin-left: 40px;
        font-weight: bold;
        text-align: left!important;
    }
    .number_11
    {
        display: grid;
        grid-template-columns: 10% 30% 60%;
        align-items: center;
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        margin: 4px 0;
        padding: 10px 0;
    }
    .count_content
    {
        display: block;
        align-items: center;
        justify-content: flex-start;
        margin-left: 20px;
    }
    .secTwelve .secTwelveBox .content
    {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        background-color: #071f41d7;
        padding: 10px 0;
        color: #fff;
        text-align: center;
        font-size: 14px;
    }
    .heading2 h2
    {
        margin: 0;
        padding-bottom: 10px;
        line-height: 30px;
        font-size: 20px;
        font-family: mySecondFont!important;
    }
    .secNine .owl-carousel
    {
        display: block;
    }
    .secNine .tools_div
    {
        display: none;
    }
    .secNine .item
    {
        background-color: #fff;
        border: 1px solid #dadada;
        padding: 10px 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 40px;
        height: 100px;
    }
    .secNine .item img
    {
        width: auto!important;
        height: auto!important;
        transition: 1s all ease-in-out;
    }
    .secFour ul li .icon
    {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        border: 1px solid #071f4157;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
        transition: 1s all ease-in-out;
    }
    .secFour ul li
    {
        background-color: #fff;
        border-radius: 35px;
        margin: 10px 0;
        display: grid;
        grid-template-columns: 20% 80%;
        box-shadow: 0 0 6px 0 #00000080;
        padding: 5px;
        transition: 1s all ease-in-out;
    }/* .secFour ul {
      position: absolute;
      left: 0%;
      bottom: 3%;
      text-align: right;
  } */
    .secFour ul .li_box1
    {
        position: absolute;
        left: 5%;
        top: 30%;
        text-align: right;
    }
    .secFour ul .li_box2
    {
        position: absolute;
        left: 5%;
        top: 55%;
        text-align: right;
    }
    .secFour ul .li_box3
    {
        position: absolute;
        left: 5%;
        top: 80%;
        text-align: right;
    }
    .tab_content_inner h3
    {
        font-size: 24px;
        padding-bottom: 10px;
        font-weight: bold;
    }
    .p_One
    {
        font-family: myFirstFont!important;
        font-size: 15px;
    }
    .secNine .secSliderWrap
    {
        display: block;
    }
    .ftr_right ul li
    {
        list-style: none;
        padding: 10px 15px;
        font-size: 16px;
    }
    .secSeventeen .btn-help h6
    {
        margin: 0;
        font-size: 14px;
        color: #000;
        font-weight: 500;
        transition: .2s;
    }
    .secEight .slick-dots li
    {
        position: relative;
        display: inline-block;
        width: 0;
        height: 3px;
        margin: 0 10px!important;
        padding: 0;
        cursor: pointer;
    }
    .secFour ul li p br
    {
        display: none;
    }
    .ftr_left .ftr_form input
    {
        padding: 15px 15px 15px 20px;
        color: #000;
        border: 1px solid #000;
        margin-bottom: 10px;
    }
    .secFour .left_div
    {
        padding: 0 15px;
        margin-top: 40px;
    }
}
@media(max-width: 414px)
{
    .secFour ul .li_box1
    {
        position: absolute;
        left: 5%;
        top: 26%;
        text-align: right;
    }
    .secFour ul .li_box2
    {
        position: absolute;
        left: 5%;
        top: 53%;
        text-align: right;
    }
}
@media(max-width: 393px)
{
    .pck_btn a
    {
        color: #fff!important;
        font-size: 10px;
    }
    .pck_btn
    {
        background-color: var(--main-clr-drk);
        font-weight: 500;
        border-radius: 5px;
        padding: 6px 13px;
        width: 110px;
        margin-left: 5px;
        margin-right: -10px;
    }
    .secFour ul .li_box1
    {
        position: absolute;
        left: 5%;
        top: 17%;
        text-align: right;
    }
    .secFour ul .li_box2
    {
        position: absolute;
        left: 5%;
        top: 48%;
        text-align: right;
    }
    .p_One
    {
        font-family: myFirstFont!important;
        font-size: 14px;
        line-height: 17px;
    }
    .tab_content_inner h3
    {
        font-size: 22px;
        padding-bottom: 0;
        font-weight: bold;
    }
    .secFive .secFive_content .secFive_sub_head
    {
        padding: 6px 10px;
        color: #fff;
        margin-bottom: 20px;
        border-radius: 6px;
        background: #27bcf1;
        box-shadow: 4px 4px 10px #00bcff8c;
        font-size: 20px;
        width: fit-content;
    }
}
@media(max-width: 360px)
{
    .pck_btn
    {
        background-color: var(--main-clr-drk);
        font-weight: 500;
        border-radius: 5px;
        padding: 6px 8px;
        width: 100px;
        margin-left: 5px;
        margin-right: -20px;
    }
    .call_btn
    {
        background-color: var(--main-clr-drk);
        border-radius: 5px;
        padding: 6px 6px;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .tab_content_inner
    {
        color: #fff;
        position: absolute;
        bottom: 0%;
        left: 50%;
        transform: translate(-50%);
        width: 100%;
        padding: 8px;
        background-color: #071f41c5;
        clip-path: polygon(0% 0%,100% 0,100% 100%,0% 100%);
    }
    .secThirteen .title_area p
    {
        font-size: 15px;
        font-family: mySecondFont!important;
    }
    .secFour ul .li_box1
    {
        position: absolute;
        left: 5%;
        top: 15%;
        text-align: right;
    }
    .secFour ul .li_box2
    {
        position: absolute;
        left: 5%;
        top: 47%;
        text-align: right;
    }
    .secFour ul .li_box3
    {
        position: absolute;
        left: 5%;
        top: 79%;
        text-align: right;
    }
    .ftr_right ul li
    {
        list-style: none;
        padding: 10px 5px;
        font-size: 16px;
    }
    .mobile_footer .mobile_footer_div .menu_div p
    {
        margin: 0;
        padding: 0;
        color: #ffc107;
        font-size: 12px;
        padding-top: 3px;
    }
    .secSeventeen .btn-help h6
    {
        margin: 0;
        font-size: 12px;
        color: #000;
        font-weight: 500;
        transition: .2s;
    }
    .p_One
    {
        font-family: myFirstFont!important;
        font-size: 13px;
        line-height: 16px;
    }
    .tab_content_inner h3
    {
        font-size: 20px;
        padding-bottom: 0;
        font-weight: bold;
    }
    .secFive .secFive_content .secFive_sub_head
    {
        padding: 6px 10px;
        color: #fff;
        margin-bottom: 20px;
        border-radius: 6px;
        background: #27bcf1;
        box-shadow: 4px 4px 10px #00bcff8c;
        font-size: 18px;
        width: fit-content;
    }
}
@media(max-width: 768px)
{
    .inner_content_div .count_content p br
    {
        display: none;
    }
}/* Extra CSS */
.tools_box img
{
    width: 90%;
    margin: auto;
}
.tools_div hr
{
    background: none;
    border-top: 1px solid rgba(0,0,0,.1)!important;
}
.secFourteen .heading2 h2
{
    margin-bottom: 50px;
}
.secThree .heading2 h2
{
    padding-bottom: 25px;
}
@media(max-width: 991px)
{
    .tools_box img
    {
        width: 60%;
        height: auto;
    }
}
@media(max-width: 575px)
{
    .tab_content_inner
    {
        position: relative;
    }
    .tab_content_inner h3
    {
        padding-bottom: 1px;
        padding-bottom: 0;
    }
}