::-webkit-scrollbar {width:6px;}
::-webkit-scrollbar-track { background: #fff;}
::-webkit-scrollbar-thumb:hover {background: #cacaca;}
::-webkit-scrollbar-thumb { background:#b5b5b5; border-radius: 100px;}

/*universal css*/
*{ -webkit-font-smoothing: antialiased;
-moz-os-font-smoothing: grayscale;
box-sizing: border-box;
padding: 0;  margin: 0;   outline:none;  vertical-align:baseline;}

body {font-family: 'DM Sans', sans-serif; color: #595D61; font-size: 18px; line-height: 28px; outline:none;	overflow-x: hidden;}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {  display: block; }
h1, h2, h3, h4, h5, h6, p, ul{padding: 0;   margin: 0; color: #07192B;}
h1, h2, h3, h4, h5, h6{margin-bottom: 20px;}

a {color: #07192B; text-decoration: none; background-color: transparent; }
ul{list-style:none;}
a:hover {text-decoration: none;   color: inherit;}
button:focus {outline: none!important}
.animation, .inine-btn:after, .r-g-btn, .link-hover a:after, .counternumber, .sw-hover-1 a, .sw-hover-1 a:hover, .sw-hover-1, .dd-item, .icondrpdn .dd-item  {
-webkit-transition: 1.1s cubic-bezier(.16, .84, .442, .98);
-o-transition: 1.1s cubic-bezier(.16, .84, .442, .98);
transition: 1.1s cubic-bezier(.16, .84, .442, .98);}

h1 {  font-size: 45px;  line-height: 55px; font-weight: 600;}
h2 {  font-size: 35px;  line-height: 45px; font-weight: 600;}
h3 {  font-size: 28px;  line-height: 38px; font-weight: 600;}
h4 {  font-size: 22px;  line-height: 32px; font-weight: 600;}
h5 {  font-size: 20px;  line-height: 30px; font-weight: 500;}
h6 {  font-size: 17px;  line-height: 26px; font-weight: 500;}
p {   font-size: 17px;  line-height: 28px; color: #595D61;}
.ptb130{padding-top: 130px; padding-bottom: 130px;}

img {max-width: 100%; height: auto;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, h1,h2,h3,h4,h5,h6{ color: #07192B;}


/*margin top class*/
.mr5{margin-right: 5px;}
.m0{margin:0 !important;}
html .mt0{margin-top: 0px;}
html .mt5{margin-top: 5px;}
html .mt10{margin-top: 10px;}
html .mt15{margin-top: 15px;}
html .mt20{margin-top: 20px;}
html .mt25{margin-top: 25px;}
html .mt30{margin-top: 30px;}
html .mt35{margin-top: 35px;}
html .mt40{margin-top: 40px;}
html .mt45{margin-top: 45px;}
html .mt50{margin-top: 50px;}
html .mt55{margin-top: 55px;}
html .mt60{margin-top: 60px;}
html .mt65{margin-top: 65px;}
html .mt70{margin-top: 70px;}
html .mt75{margin-top: 75px;}
html .mt80{margin-top: 80px;}
html .mt85{margin-top: 85px;}
html .mt90{margin-top: 90px;}
html .mt95{margin-top: 95px;}
html .mt100{margin-top: 100px;}
html .mt106{margin-top: 105px;}
html .mt110{margin-top: 110px;}
html .mt115{margin-top: 115px;}
html .mt120{margin-top: 120px;}
html .mt125{margin-top: 125px;}
html .mt130{margin-top: 130px;}
html .mt135{margin-top: 135px;}
html .mt140{margin-top: 140px;}
html .mt145{margin-top: 145px;}
html .mt150{margin-top: 150px;}
/*margin bottom class*/
html .mb0{margin-bottom: 0px;}
html .mb5{margin-bottom: 5px;}
html .mb10{margin-bottom: 10px;}
html .mb15{margin-bottom: 15px;}
html .mb20{margin-bottom: 20px;}
html .mb25{margin-bottom: 25px;}
html .mb30{margin-bottom: 30px;}
html .mb35{margin-bottom: 35px;}
html .mb40{margin-bottom: 40px;}
html .mb45{margin-bottom: 45px;}
html .mb50{margin-bottom: 50px;}
html .mb55{margin-bottom: 55px;}
html .mb60{margin-bottom: 60px;}
html .mb65{margin-bottom: 65px;}
html .mb70{margin-bottom: 70px;}
html .mb75{margin-bottom: 75px;}
html .mb80{margin-bottom: 80px;}
html .mb85{margin-bottom: 85px;}
html .mb90{margin-bottom: 90px;}
html .mb95{margin-bottom: 95px;}
html .mb100{margin-bottom: 100px;}
html .mb105{margin-bottom: 105px;}
html .mb110{margin-bottom: 110px;}
html .mb115{margin-bottom: 115px;}
html .mb120{margin-bottom: 120px;}
html .mb125{margin-bottom: 125px;}
html .mb130{margin-bottom: 130px;}
html .mb135{margin-bottom: 135px;}
html .mb140{margin-bottom: 140px;}
html .mb145{margin-bottom: 145px;}
html .mb150{margin-bottom: 150px;}
/*margin left class*/
html .ml5{margin-left: 5px;}
html .ml10{margin-left: 10px;}
html .ml15{margin-left: 15px;}
html .ml20{margin-left: 20px;}
html .ml25{margin-left: 25px;}
html .ml30{margin-left: 30px;}
html .ml35{margin-left: 35px;}
html .ml40{margin-left: 40px;}
html .ml45{margin-left: 45px;}
html .ml50{margin-left: 50px;}
/*margin right class*/
html .mr5{margin-right: 5px;}
html .mr10{margin-right: 10px;}
html .mr15{margin-right: 15px;}
html .mr20{margin-right: 20px;}
html .mr25{margin-right: 25px;}
html .mr30{margin-right: 30px;}
html .mr35{margin-right: 35px;}
html .mr40{margin-right: 40px;}
html .mr45{margin-right: 45px;}
html .mr50{margin-right: 50px;}
/*padding top class*/
html .pt0{padding-top: 0px;}
html .pt5{padding-top: 5px;}
html .pt10{padding-top: 10px;}
html .pt15{padding-top: 15px;}
html .pt20{padding-top: 20px;}
html .pt25{padding-top: 25px;}
html .pt30{padding-top: 30px;}
html .pt35{padding-top: 35px;}
html .pt40{padding-top: 40px;}
html .pt45{padding-top: 45px;}
html .pt50{padding-top: 50px;}
html .pt55{padding-top: 55px;}
html .pt60{padding-top: 60px;}
html .pt65{padding-top: 65px;}
html .pt70{padding-top: 70px;}
html .pt75{padding-top: 75px;}
html .pt80{padding-top: 80px;}
html .pt85{padding-top: 85px;}
html .pt90{padding-top: 90px;}
html .pt95{padding-top: 95px;}
html .pt100{padding-top: 100px;}
html .pt105{padding-top: 105px;}
html .pt110{padding-top: 110px;}
html .pt115{padding-top: 115px;}
html .pt120{padding-top: 120px;}
html .pt125{padding-top: 125px;}
html .pt130{padding-top: 130px;}
html .pt135{padding-top: 135px;}
html .pt140{padding-top: 140px;}
html .pt145{padding-top: 145px;}
html .pt150{padding-top: 150px;}
/*padding bottom class*/
html .pb0{padding-bottom: 0px;}
html .pb5{padding-bottom: 5px;}
html .pb10{padding-bottom: 10px;}
html .pb15{padding-bottom: 15px;}
html .pb20{padding-bottom: 20px;}
html .pb25{padding-bottom: 25px;}
html .pb30{padding-bottom: 30px;}
html .pb35{padding-bottom: 35px;}
html .pb40{padding-bottom: 40px;}
html .pb45{padding-bottom: 45px;}
html .pb50{padding-bottom: 50px;}
html .pb55{padding-bottom: 55px;}
html .pb60{padding-bottom: 60px;}
html .pb65{padding-bottom: 65px;}
html .pb70{padding-bottom: 70px;}
html .pb75{padding-bottom: 75px;}
html .pb80{padding-bottom: 80px;}
html .pb85{padding-bottom: 85px;}
html .pb90{padding-bottom: 90px;}
html .pb95{padding-bottom: 95px;}
html .pb100{padding-bottom: 100px;}
html .pb105{padding-bottom: 105px;}
html .pb110{padding-bottom: 110px;}
html .pb115{padding-bottom: 115px;}
html .pb120{padding-bottom: 120px;}
html .pb125{padding-bottom: 125px;}
html .pb130{padding-bottom: 130px;}
html .pb135{padding-bottom: 135px;}
html .pb140{padding-bottom: 140px;}
html .pb145{padding-bottom: 145px;}
html .pb150{padding-bottom: 150px;}
.space-sw{padding-top: 100px; padding-bottom: 100px;}
.padding-left-80{padding-left: 80px;}
.no-shadow{-webkit-box-shadow: none !important; box-shadow: none !important}
.shadow { -webkit-box-shadow: 0 15px 20px 0 rgb(0 10 70 / 10%) !important;    box-shadow: 0 15px 20px 0 rgb(0 10 70 / 10%) !important;}
/******************/

/*common usable classs*/
.index-up{position: relative;z-index: 10;}
.index-down{position: relative;z-index: 0;}
.text-bold{font-weight:bold}
.text-normal{font-weight:normal}
.text-light{font-weight:lighter}
.vcenter{align-items: center !important; align-self: center !important;}
.vend{align-items: flex-end !important;}
.vbottom{align-items: flex-end;}
.fw6{font-weight: 600;}
.highlight{color: #0c2d51; font-family: 'DM Serif Text', serif; font-weight: 500;}
.mr-auto{margin: 0 auto; justify-content: center;}
.align-center {align-items: center;}

.sw-bg-1{background: #2c8064;}
.sw-bg-2{background: #F9FAFC;}
.sw-bg-3{background: #dfefff;}

/*button css*/
.r-g-btn {
    font-weight: 500;
    font-size: 17px;   
    border-radius: 8px;
    padding: 0 22px;
    display: flex;
    grid-gap: 10px;
    line-height: 60px;
    white-space: nowrap;   
    align-items: center;
    justify-content: center;
    width: max-content;
    border: 0;
}
.r-g-btn-1 {
    background: #2c8064;
    color: #fff;
    border: 1px solid #2c8064;
}
.r-g-btn-1:hover {
    background: #fff;
    border: 1px solid #020036;
    color: #020036;
}
.r-g-btn-2 {
    background: #fff;
    border: 1px solid #2c8064;
    color: #2c8064;
}
.r-g-btn-2:hover {background: #0c2d51; color: #fff;  border: 1px solid #0c2d51;}

.btn-head {
    line-height: 48px!important;
    height: 48px;
}
.inine-btn{
    display: inline-block;     
    position: relative;
    font-size: 18px;
    line-height: 28px;
}
.inine-btn:after{
    content: "";
    position: absolute;
    border-bottom: 1px solid #020036;
    width: 0%;
    bottom: -2px;
    right: 0;
    left: 0;
}
.inine-btn:hover:after{ width: 100%;}

.pair-btn{
    display: flex;
    grid-gap: 15px;
    align-items: center;
}
 
/*button*/

/* header */
.menuright {
    display: none;  
}

/*logo switch*/
.website-logo img{max-height: 50px;}
.brandlogo {
    display: inline-flex;
    align-items: center;
}
.brandlogo img {
    height: 80px;
    width: auto;
    max-height: 88px;
    transition: height 0.25s ease, max-height 0.25s ease;
}
.sw-header.sticky .brandlogo img {
    height: 58px;
    max-height: 58px;
}
.header-dark  .brandlogo .dark {display: none;}
.header-dark  .brandlogo .light {display: block !important;}
.header-dark.sticky  .brandlogo .dark {display: block;}
.header-dark.sticky  .brandlogo .light {display: none !important;}
.header-light  .brandlogo .dark {display: block;}
.header-light  .brandlogo .light {display: none !important;}
.header-light.sticky  .brandlogo .dark {display: block;}
.header-light.sticky  .brandlogo .light {display: none !important;}
.sw-header.header-dark .sw-nav .nav-link { color: #2c8064;}
.sw-header.header-dark:not(.sticky) .sw-nav .nav-link {
    color: #ffffff;
}
.sw-header.header-dark:not(.sticky) .sw-nav .nav-link:hover,
.sw-header.header-dark:not(.sticky) .sw-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.8);
}
.sw-header.header-dark:not(.sticky) .btn-head {
    background: rgba(12, 45, 81, 0.85);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.25);
}
.sw-header.header-dark:not(.sticky) .btn-head:hover {
    background: rgba(44, 128, 100, 0.85);
    border-color: rgba(255, 255, 255, 0.4);
}
.sw-header.header-dark:not(.sticky) .libtn .headmenubtn {
    background: rgba(12, 45, 81, 0.75);
    color: #ffffff;
}
.sw-header.header-dark .sw-nav .nav-link { color: #2c8064;}
.sw-header.header-dark.sticky .sw-nav .nav-link { color: #2c8064;}
/*logo switch*/

.offcanvas-title img{    max-height: 50px;}
.sidebar-offcanvas {z-index: 10459999;}
.linktitle {
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    opacity: .8;
    display: block;
}
.contactnumberdiv a {
    display: table;   
    margin-top: 5px;
}
.contactnumberdiv a:hover, .footer-social-sw a:hover{
    color: #0c2d51;
}
.sticky {
    background: rgba(255, 255, 255, 0.88);
    border-bottom-color: rgba(12, 45, 81, 0.08);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    -webkit-box-shadow: 0 12px 28px rgba(12, 45, 81, 0.12) !important;
    box-shadow: 0 12px 28px rgba(12, 45, 81, 0.12) !important;
}

.sidebarlogooff img {
    max-width: 150px;
    height: auto;
}
.headmenubtn {
    background: #0c2d51;
    border-radius: 0;
    height: 75px;
    width: 75px;
    font-size: 25px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;    
}
.headmenubtn:hover {
    color: #fff;
    background: #2c8064;
}
.libtn{
    margin-right: -32px;
}
.sw-menu-sw-set {
    display: flex;
    grid-gap: 20px;
    justify-content: flex-end;
    align-content: center;
    flex-direction: row;
    align-items: center;
}
.swnavbarrightsection{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 75px;
    z-index: 55;
    position: relative;
    grid-gap: 30px;
}

.sw-header {   
    transition: all 0.5s ease-out;
    right: 0;
    left: 0;
    top: 0;
    padding: 0 20px;
    height: 75px;
    z-index: 9995;
    border-bottom: 1px solid rgba(255,255,255,.1);
    display: block;
    align-content: center;
    align-items: center;
}

.menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 75px;
    z-index: 55;
    position: relative;
}

@media (min-width : 992px) {
.sw-header .offcanvas {
    visibility: visible;
    position: relative;
    background: none;
    border: none;
    justify-content: end;
    }
}  
@media (max-width : 992px) {
.sw-header .offcanvasmenubar {    width: 80%; height: 100vh;}
.sw-header .offcanvas-start-lg {
    top: 0;
    left: 0;
    border-right: 1px solid rgba(0, 0, 0, .2);
    transform: translateX(-100%);
}
}
.sw-megamenu .megamenu{
    width: 100%;
    right: 0;
    left: 0;
  }
.sw-megamenu{position: unset;}
.sw-header .navbar{ position: unset;}
.sw-header .sw-nav .nav-link {
    color: #010101;
    font-size: 18px;
    line-height: 75px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    font-weight: 500;
}
.sidebarheaderr{background: #f5f5f5;}
.sw-header .navbar-nav .dropdown-menu {
    display: block;
    border-radius: 0;
    border: 0;
    margin: 0;
    -webkit-box-shadow: 0 10px 25px -10px rgb(0 0 0 / 14%) !important;
    box-shadow: 0 10px 25px -10px rgb(0 0 0 / 14%) !important;
    padding: 25px 20px;
    border-radius: 0 0 14px 14px;
    border-top: 3px solid #f5f5f5;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 300ms linear, opacity 300ms linear;
    transition: visibility 300ms linear, opacity 300ms linear;
    will-change: opacity;
}
.sw-header .navbar-nav .dropdown-menu.show { 
    display: block;
    opacity: 1;
    visibility: visible;     
}
.dd-item {
    color: #484848;
    font-size: 16px;
    line-height: 1;
}
.dd-item:hover {color: #0c2d51;}
.dd-item i{margin-right: 10px;}
.dd-title {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 20px;
    color: #0c2d51;
    font-weight: 500;
}
.dropdown-menu li + li{margin-top: 10px;}
.bdright {
    border-right: 1px solid #e5e5e5;   
}
.border-in-colmn>*:nth-child(1){padding-left: 15px;}
.border-in-colmn>*{
    padding-right: 15px;
    padding-left: 20px;
}

.signledropdown{
    width: max-content;
    white-space: nowrap;
}
.nav-link.show:before {
    content: "";
    border-bottom: 2px solid #0c2d51;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.dropdown-toggle::after {
    vertical-align: unset;
    border-top: inherit;
    border-right: none;
    border-bottom: none;
    border-left: none;
    content: "";
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    content: "";
    display: inline-block;
    height: 7px;
    width: 7px;
    top: -2px;
    position: relative;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.dropdown-toggle.show::after{
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg); 
}
.desktop-logo .nav-brand img {
    max-height: 46px;
}
/*header css*/

/*menu hover*/
.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}
.dropdown:hover .nav-link:before {
    content: "";
    border-bottom: 2px solid #0c2d51;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.dropdown:hover .dropdown-toggle::after {
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}


/*hero home*/

.sw-hero {
    display: grid;
    align-items: center;
    height: 900px;
    padding-top: 70px;
    padding-bottom: 40px;
    background: #F9FAFC;
}

.headingfont  {
        font-size: 65px;
        line-height: 75px;
        font-weight: 600;
}

.hero-left{
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
}
.hero-right{
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
    align-items: flex-end;
}

.hero-left div:nth-child(1) {
    width: 180px;
    height: 180px;
    overflow: hidden;
    border-radius: 100px 20px 100px 100px;
}
.hero-left div:nth-child(2) {
    width: 280px;
    height: 280px;
    overflow: hidden;
    border-radius: 150px 150px 150px 20px;
    position: relative;
    left: 60px;
}
.hero-left div:nth-child(3){
    width: 180px;
    height: 180px;
    overflow: hidden;
    border-radius:100px 100px 20px 100px;
}

.hero-right div:nth-child(1){
    width: 180px;
    height: 180px;
    overflow: hidden;
    border-radius: 20px 100px 100px 100px;
}
.hero-right div:nth-child(2){
    width: 280px;
    height: 280px;
    overflow: hidden;
    border-radius: 150px 20px 150px 150px;
    position: relative;
    left: -60px;
}
.hero-right div:nth-child(3){
    width: 180px;
    height: 180px;
    overflow: hidden;
    border-radius: 100px 100px 100px 20px;
}

.hero-block-home {
    display: grid;
    grid-template-columns: auto 45% auto;
    grid-gap: 30px;
    width: 100%;
    z-index: 55;
    position: relative;
    align-items: center;
    padding: 0 50px;
}
.hero-content {
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: grid;
    align-items: center;
    align-content: center;
}

/**/
.swcard{
    border: 1px solid #E8E8E8;
    padding: 30px 20px;
    border-radius: 8px;
    background: #fff;
    height: 100%;
}
.cardiconbox {
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin: -70px 0 20px 0;
}
.crd1 { background: #D7FFDD;}
.crd2 { background: #D7F0FF;}
.crd3 { background: #F9FFD7;}
.crd4 { background: #D7DDFF;}
.crd5 { background: #FFE2E2;}
.crd6 { background: #C6F3FF;}

.ctadivx {
    display: grid;
    grid-template-columns: 40% auto;
    grid-gap: 30px;
    align-items: center;
    justify-content: space-around;
}
.ctadivx h3{margin-bottom: 0;}

/**/
.text-white :where(h1,h2,h3,h4,h5,h6,p,a,li){color: #fff;}
.text-white .r-g-btn-2{ color: #2c8064;}

.featurecard {
    background: #fff;
    border: 0;
    text-align: center;
    height: fit-content;
}
.featurecard h4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 0;
}
.featurecard img{width: 55px;margin-bottom: 15px;}
.ffeaturecardrow {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 30px;
    align-items: center;
    justify-content: space-around;
    margin-top: 70px;
}



/*media block*/
.media-v {
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
}
.media {
    display: flex;
}
.media div:first-child {
    flex-shrink: 0;
    margin-right: 20px;
} 
/*media block*/

.w100{border-radius: 100px; height: 100px; width: 100px; overflow: hidden;}
.mediaimg img{
    object-fit: fill;
    height: 100%;
}

.quoteblock{background: #fff;}

.outerblock {  
    margin: 80px 0 -170px 0;
    position: relative;
    z-index: 1;
}
.curvediv{
    position: relative;
}

.curvebottom-1 {
    position: absolute;
    bottom: 86px;
    right: 12%;
    z-index: -0;
}
.curvebottom{
    position: absolute;
    bottom: -28px;
    z-index: 0;
}
.curvetop{
    position: absolute;
    top: -28px;
    z-index: 0;
}
.leftline {
    position: absolute;
    left: -60px;
    top: -70px;
}
.dot-img-bg {
    position: absolute;
    right: 80px;
    top: 50px;
}

/**/
.megatext {
    font-size: 75px;
    line-height: 85px;
    font-weight: 600;
}
.solrightbtn { 
    display: flex;
    justify-content: flex-end;
}

.secondportfolocard {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.portfoliocard{overflow: hidden; border-radius: 0px;}

.portfoliopair{
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 30px;
    margin-top: 70px;
}
.portfoliopair img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.processblocks{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 30px;
}
.countercard {
    padding: 20px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    height: max-content;
}
.countercard  p {
    font-size: 16px;
    line-height: 25px;
    color: #595D61;
}

.countercard h2 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin-top: 20px;
}

.counternumber {
    font-size: 80px;
    position: absolute;
    right: 0;
    top: 20px;
    color: #fff;
    text-shadow: -1px -1px 0 #07192b, 1px -1px 0 #07192b, -1px 1px 0 #07192b, 1px 1px 0 #07192b;
    text-transform: uppercase;
    font-weight: bolder;
    opacity: 0.3;
}

.countercard:hover .counternumber {
    opacity: 1;
    color: #0c2d51;
    text-shadow: -1px -1px 0 #0c2d51, 1px -1px 0 #0c2d51, -1px 1px 0 #0c2d51, 1px 1px 0 #0c2d51;
}
.secondbelow {
    margin-top: 40px;
}

/**/
.curvediv2{
    background: #0c2d51;
    position: relative;
}

.cate-with-img-main {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 30px;
    margin-top: 70px;
}
.cate-with-img {
    display: grid;
    grid-gap: 30px;
}
.roundiconwithdata {
    display: flex;
    border: 1px solid #fff;
    border-radius: 100px;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 20px;
    padding: 6px;
    height: fit-content;
}
.imgimg {
    width: 70px;
    height: 70px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 100px;
    overflow: hidden;
}
.roundiconwithdata p {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}

/**/
.uncardpairs {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 30px;
}
.unicoard {
    display: grid;
    grid-gap: 30px;
}

.unicoard h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 0;
}
.padding-left-50{padding-left: 50px;}

.ourclient{
    padding: 60px 0;
    background: #F9FAFC;
}
.mr10{margin-right: 10px;}
.locationdiv p {
    text-indent: -14px;
    padding: 0 0 0 30px;
    font-weight: 500;
    color: #07192B;
}
.locationdiv p i{font-size: 20px}
.secondiv {
    margin: 50px 0 0 50px;
}
.officebg {
    background-repeat: no-repeat;
    background-position: 50% bottom;
    background-size: 520px;
}
.pair--of-icons{display: flex; grid-gap: 40px;}

/**/
footer {
    padding: 80px 0 0px 0;
    background: #2c8064;
    font-size: 16px;
}
.footerlogo  img{max-height: 50px;}
.footer-social-sw {
    display: flex;
    align-items: center;
    grid-gap: 20px;
}
.footerlinkz ul li a {
    display: block;
    font-size: 16px;
    font-weight: 400;
}
.footerlinkz ul li + li{margin-top: 10px;}
.contactfooterwrap{
    background: #2c8064;
    margin: 40px 0;
    padding: 30px 0;
}
.contactinfos {
    display: flex;
    justify-content: space-between;
    grid-gap: 30px;
}
.contactinfos h4{margin-bottom: 0; font-size: 20px;}
.contactinfos span{font-size: 14px;}

.endfooter {
    display: flex;
    justify-content: space-between;
    grid-gap: 30px;
    align-items: center;
}
.awards{
    display: flex;
    justify-content: space-between;
    grid-gap: 30px;
}
.awards img{width: 100px;}

.list-h-footer {
    display: flex;
    grid-gap: 30px;
    justify-content: flex-end;
}
.list-h-footer li {
    position: relative;
}
.list-h-footer li::after {
    content: "";
    height: 4px;
    width: 4px;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    right: -15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.list-h-footer li:last-child:after{display: none;}

.footer-end-row {
    border: 1px solid #10365b;
    margin-top: 40px;
}

/*hover*/
.sw-hover-1 a {
    display: inline-flex !important;
    padding: 3px 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    -o-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    z-index: 1;
}
.sw-hover-1 a::after {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;   
    left: auto;
    right: 0;
    z-index: -1;
    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    -o-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    background: currentColor;
}
.sw-hover-1 a:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}
.sw-hover-1 a:hover{color:#0c2d51}


/*inner pages*/
.roundimg {
    overflow: hidden;
    border-radius: 14px;
}

.head-section {
    padding: 150px 0 100px 0;
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.innerheadbg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.innerheadbg::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #030821;
    left: 0;
    top: 0;
    opacity: .6;
    z-index: 0;
}


.list-h-styled li {
    position: relative;
    display: inline-flex;
    color: #fff;
    position: relative;
    margin-right: 20px;
}

.innerheadbg .list-h-styled li::after {
    background-color: #0c2d51;
}
.list-h-styled li::after {
    content: "";
    height: 4px;
    width: 4px;
    background-color: #0c2d51;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    right: -15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.list-h-styled li:last-child::after{display:none}

.numbericons {
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    text-shadow: -1px -1px 0 #07192b, 1px -1px 0 #07192b, -1px 1px 0 #07192b, 1px 1px 0 #07192b;
    text-transform: uppercase;
    font-weight: bolder;
}
.r-g-featurelist {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 30px;
}

.teamdata {
    display: flex;
    grid-gap: 15px;
    justify-content: space-between;
    margin-top: 20px;
}
.teamdata h4{margin-bottom: 0px;}
.social-profile a + a {
    margin-left: 10px;
}

.uncardpairs2 .unicoard{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 30px;
}

.uncardpairs-set3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

.cnt-rsec- h3 {
    font-size: 35px;
    line-height: 45px;
    font-family: 'Dosis', sans-serif;
    color: #73b655;
    margin: 0 0 10px 0;
    padding: 0;
}

.cnt-rsec-- p {
    font-size: 16px;
    padding: 30px 40px 30px 0;
    line-height: 24px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #fff;
}

.threenumberpoint{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

.ctadivx-ctasingle {
    display: grid;
    grid-template-columns: 40% auto;
    grid-gap: 30px;
    align-items: center;
    justify-content: space-around;
    background: #0c2d51;
    padding: 60px 0px;
}

.step11 {
    border: aliceblue;
    color: #fff;
    background: #2c8064;
    margin-right: 30px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin: 0 0 20px 0;
    filter: drop-shadow(0px 16px 7px #2c806455);
}
.connect-line{
    width: 80%;
    margin: -100px auto -100px;
    display: flex;
    position: relative;
    z-index: 0;
}

.imgboxpc {
    background: #fff;
    position: relative;
    z-index: 5;
    height: 240px;
}
.imgboxpc img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}


.whitebgbox img {
    width: 38px;
}
.whitebgbox {
    background: #fff;
    border-radius: 8px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f1f1f1;
}
.media-set .media + .media {
    margin-top: 20px;
}

.uncardpairs3 {
    grid-template-columns: repeat(3, 1fr);  
}

.job-detail h4 {
    color: #0c2d51;
}

.career-detail p {
    font-size: 17px;
    list-style: 26px;
}
.career-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.career-detail+.career-detail {
    margin-top: 10px;
}
.job-titl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.job-titl p:first-child {
    font-size: 16px;
}
.contactform {
    padding: 40px;
    margin: -150px 0 0 0;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 8px;
}
.plus-terms {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 30px;
    justify-content: start;
    align-items: center;
}

.mapbg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.hidden {
    display: none;
}
.card-img-round {
    border-radius: 0px;
    overflow: hidden;
}
.work-imags {
    box-shadow: 0px 10px 20px -5px rgb(0 0 0 / 10%);
    overflow: hidden;
    border-radius: 0px;
}
.infoblocis {
    margin-top: 20px;
}
.nameofitem h3 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 10px;
}

.company-statt {
    display: grid;
    grid-template-columns: 40% auto auto;
    grid-gap: 30px;
    margin-top: 180px;
}
.counter-setdiv {
    background: #fff;
    border-radius: 14px;
    padding: 40px 20px;
}
.counter-setdiv p {
    color: #07192B;
    font-size: 50px;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 10px;
}

.othericonset {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 30px;
    max-width: 70%;
}


/**/
 .service-hero-img img {
    position: absolute;
    right: 0;   
    max-width: 100%;
}

.innerpagedzn .roundiconwithdata {
    display: flex;
    border: 1px solid #fff;
    border-radius: 8px;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 10px;
    padding: 20px 10px;
    height: fit-content;
    flex-direction: column;
    background: #fff;
}
.innerpagedzn .imgimg {
    width: auto;
    height: auto;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: unset;
    border-radius: unset;
    overflow: unset;
}
.innerpagedzn .roundiconwithdata p {
    font-size: 16px;
    line-height: 25px;
    color: #07192B;
    text-align: center;
}
.innerpagedzn .cate-with-img-main {  
    margin-top: 0px;
}
.quotetext {
    position: relative;
    font-size: 24px;
    line-height: 38px;
    border-left: 2px solid #fff;
    padding: 0 0 0 20px;
}
.snglcrds img{margin-bottom: 20px;}
.snglcrds h4 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}
.innerctablocksngle {
    background: url(../images/shape/cta-bg.svg), #0c2d51;
    display: grid;
    grid-template-columns: auto 30%;
    grid-gap: 200px;
    align-items: center;
    border-radius: 14px;
    padding: 60px;   
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.awardcard {
    background: url(../images/icons/award-bg.webp), #fff;
    background-position: top right;
    background-repeat: no-repeat;
}
.awardcard img {
    margin: 10px 0 30px 0;
}
.awardcard h4 i {
    margin-right: 10px;
    font-size: 18px;
    color: #ff9800;
}

.icon-with-title {
    text-align: center;
}
.iwt-icon {
    padding: 0px 0 20px 0;
    min-height: 52px;
}
.iwt-icon img {
    width: 52px !important;
    margin: 0 auto;
}
.iwt-content p {
    font-size: 16px;
    line-height: 26px;
}

.r-g-featurelist-2 {  
    grid-template-columns:25% 25% 25% 25%;  
}
.list li{
    position: relative;
    padding: 0 0 0 30px;
}
.list li + li{margin-top: 15px;}
.list li:before {
    content: "\f058";
    font-family: "font awesome 6 free";
    font-weight: 900;
    margin-right: 12px;
    color: #73b655;
    position: absolute;
    left: 0;
}

.cont-bg-img {
    background: url(../images/common/contct-bg-.jpg)no-repeat;
    padding: 15px;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
}
.contact-now- h3 {
    text-align: right;
    color: #73b655;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
}
.contact-now- {
    display: grid;
    grid-template-columns: auto 25%;
    grid-gap: 30px;
    justify-items: center;
    align-items: center;
    justify-content: center;
    align-content: center;
    background: #fff;
    padding: 20px;
}
.text-cta-tt{
    text-align: right;
}

.mediadata h5 {
    font-size: 18px;
    line-height: 28px;
}


/**/

.faqblock .accordion-button:focus {
    box-shadow: none;
}
.faqblock .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    position: absolute;
    right: auto;
    left: 20px;
}
.faqblock .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 20px 20px 60px;
    font-size: 20px;
    line-height: 28px;
    color: #110a32;
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
}
.faqblock .accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
    font-size: 18px;
    line-height: 28px;
    color: #404656;
    padding-top: 0;
}
.faqblock .accordion-item {
    border-radius: 0;
    border-right: 0;
    border-left: 0;
}
.faqblock .accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    border: 0;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 15px 20px 0 rgb(0 10 70 / 10%) !important;
    box-shadow: 0 15px 20px 0 rgb(0 10 70 / 10%) !important;
}

.faqblock .accordion-button:not(.collapsed) {   
    box-shadow: none;
}

.iconbg {
    background: #fff;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 8px;
}
p + p{margin-top: 15px;}

.img-collage-sets {
    position: relative;
}
.col-6-a {
    position: relative;
    right: 0;
    top: 0;
    max-width: 70%;
    z-index: 5;
    margin: 0 0 0 30%;
}
.col-6-b {
    position: relative;
    left: 0;
    bottom: 0;
    max-width: 50%;
    z-index: 10;
    margin: -20% 0% 0%;
}

.shapesw {
    position: absolute;
    z-index: 0;
    width: 250px;
    height: 250px;
    opacity: .7;
}
.swshpee1 {
    background-image: radial-gradient(#73b655 2px,transparent 2px);
    background-size: 16px 16px;
}

.swshpee2 {
    background: repeating-linear-gradient(-55deg,rgba(255,255,255,0) 0.8px,#f1f1f1 1.6px,#0d2f50 3px,rgba(255,255,255,0) 3.8px,rgb(255 0 0/0%) 10px);
    border-radius: 100px;
}
.shapecontrol-4 {
    right: 20%;
    top: 55%;
}
.shapecontrol-3 {
    left: 5%;
    top: 20%;
}

.shapecontrol-5 {
    left: -10%;
    top: 30%;
}
.icondrpdn .dd-item span {  
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
}
.w-d {
    background: #00bcd457;
    color: #00bcd4; 
}
.m-a {
    background: #ff572250;
    color: #ff5722;
}
.e-c {
    background: #8edc3950;
    color: #8edc39;
}
.d-m {
    background: #3f51b550;
    color: #3f51b5;
}
.c-s {
    background: #673ab750;
    color: #673ab7;
}
.u-d {
    background: #e91e6350;
    color: #e91e63;
}
.g-d {
    background: #ff980050;
    color: #ff9800;
}
.icondrpdn .dd-item span i{margin:0;}
.icondrpdn .dd-item { 
    display: inline-flex;
    grid-gap: 15px;
    align-items: center;
}



.owl-carousel.full-button .owl-nav .owl-next {
    color: #000000;
    right: 20px;
}
.owl-carousel.full-button .owl-nav .owl-prev {
    color: #000000;
    left: 20px;
}
.owl-carousel.full-button .owl-nav .owl-prev, .owl-carousel.full-button .owl-nav .owl-next {
    position: absolute;
    top: auto;
    bottom: -18px;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 7px 15px 0 rgb(0 0 0 / 15%);
}

.w70 {
    border-radius: 100px;
    height: 70px;
    width: 70px;
    overflow: hidden;
}

.cardovr .cardiconbox img{width: 45px;}
.cardovr .cardiconbox {
    background: #ffffff;
    filter: drop-shadow(0px 15px 10px #00000015);
}


.innerleft {
    padding: 24px 28px 30px;
}
.innerright,
.innerright::before,
.innerright[data-background] {
    display: none;
}
.innerbody {
    display: block;
}
.leadpopup .modal-body {
    padding: 0;
}
.leadpopup .modal-content {
    border-radius: 14px;
    overflow: hidden;
    border: none;
}
.leadpopup .modal-dialog {
    max-width: 620px;
    margin: 1.4rem auto;
}
.leadbtnclose {
    position: absolute;
    right: 12px;
    top: 12px;
    background: rgba(12, 45, 81, 0.08);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.innerright {
    min-height: 100%;
}
.innerright::before {
    content: "";
    display: block;
    padding-top: 68%;
}
.innerright[data-background] {
    background-position: center;
    background-size: cover;
}

@media (max-width: 991px) {
    .leadpopup .modal-dialog {
        max-width: calc(100% - 24px);
        margin: 1rem auto;
    }
    .innerbody {
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }
    .innerleft {
        padding: 18px 16px 22px;
    }
    .innerright {
        display: none;
    }
}

@media (max-width: 991px) {
    .sw-header {
        background: rgba(255, 255, 255, 0.9);
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        -webkit-box-shadow: 0 10px 20px rgba(12, 45, 81, 0.08);
        box-shadow: 0 10px 20px rgba(12, 45, 81, 0.08);
    }
    .sw-header.header-dark {
        background: rgba(12, 45, 81, 0.82);
        border-bottom-color: transparent;
    }
}
.plus-termss {
    display: flex;
    grid-gap: 16px;
    align-items: center;
    flex-direction: column;
}
.plus-termss p {
    font-size: 14px;
    line-height: 20px;
    color: #595D61;
}


/*backtotop*/
@-webkit-keyframes border-transform{
    0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
	14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
	28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
	42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
	56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
	70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
	84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
}
.progress-wrap {
	position: fixed;
	right: 10px;
    bottom: 110px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	font-family: 'Font Awesome 6 Free';
    font-weight: 900;
	content: "\f106";
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	color: rgba(0, 0, 0, 0.3);
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: 0;
}
.progress-wrap::before {
	position: absolute;
	font-family: 'Font Awesome 6 Free';
    font-weight: 900;
	content: "\f106";
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	opacity: 0;
	background: #5d5c6e; /* --- Pijl hover kleur --- */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: #5d5c6e;
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.form-control:focus{box-shadow: none;}
.star-rate li {
    display: inline-block;
    margin: 0 2px;
}
.star-rate li span.chked {
    color: #ff9900;
}
.hideindesktop{display: none;}

.hideindesktop p {
    font-size: 18px;
    line-height: 24px;
    margin-top: 5px;
}
.sldl a{font-size: 22px;}


/*autofootermenu*/
footer .faqblock .accordion-item{
    background-color: transparent;
    box-shadow: none !important;
}

footer .faqblock .accordion-button {
    padding: 0px 20px 0px 0px;   
    color: #fff;   
    background-color: transparent;   
}

footer .faqblock .accordion-button::after {
    position: absolute;
    right: 0;
    left: auto;
    display: none;
}
footer .faqblock .accordion-body{padding: 0;}

footer .collapse:not(.show) {
    display: block;
}



@media only screen and (max-width: 992px) {
    footer .collapse:not(.show) {
        display: none;
    }
    footer .faqblock .accordion-button::after {       
        display: block;
        background: 0;
        content: "\f107";
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
    }

    .linkzborder .bdrswz {
        border-top: 1px solid #1d4c7a;
        padding: 15px 0;
    }
    .linkzborder .bdrswz:first-child{border: 0;}
    footer .faqblock .accordion-body {
        padding: 0 15px;
    }
    footer .accordion-header {
        margin-bottom: 0;
        padding: 0 15px;
    }
}

/* PRICING PLAN AREA  */

.pricing-area {
    padding: 100px 0 50px;
}

.pricing-title h2 {
    text-transform: uppercase;
    text-align: center;
}

.pricing-content-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 15px 20px 10px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    margin-bottom: 40px;
}

.pricing-content-title {
    background-color: #2c8064;
    padding: 15px 0;
    border-radius: 10px;
}

.pricing-content-title h2 {
    margin: 0;
    color: #fff;
}

.pricing-content-title p {
    color: #fff;
}

.package-pricing {
    padding: 10px 0;
    border-radius: 10px 10px 0 0;
}

.package-pricing h3 {
    margin: 0;
}

.package-pricing p {
    text-transform: uppercase;
    font-weight: 700;
}

.package-details  {
    padding: 0 0 0 20px;
}

.package-details ul li {
    padding: 0 0 8px 0;
}

.package-details ul li i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #0c2d51;
    color:  #ffffff;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    margin-right: 7px;
}

.get-started-btn {
    padding: 20px 0 0;
}

.get-started-btn a {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    background: #2c8064;
    border: 1px solid #020036;
    display: inline-block;
    padding: 13px 30px;
    border-radius: 8px;
    transition: 0.3s;
}

.get-started-btn a:hover {
    background: #fff;
    color: #020036;
}

.get-started-btn p {
    text-transform: uppercase;
    padding: 8px 0 25px;
}

.viwe-btn p {
    font-weight: 900;
}
.viwe-btn-less p {
    font-weight: 900;
}

.card-body {
    padding: 0;
    color: var(--bs-card-color);
}

.card {
    border: none;
}


.hosting-content-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 15px 20px 10px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
}

.hosting-title h2 {
    background-color: rgb(44, 128, 100);
    padding: 15px 0;
    color: #fff;
    margin: 0;
    border-radius: 10px 10px 0 0;
}

.hosting-content-left {
    margin: 30px 0;
    padding: 0 30px;
    border-right: 1px solid rgba(13, 47, 80,0.6);
}

.hosting-content-left ul li i {
    color:#0c2d51;
}

.hosting-pricing {
    margin: 30px 0;
    padding: 0 30px;
    border-right: 1px solid rgba(13, 47, 80,0.6);
}

.hosting-pricing h2 {
    font-size: 36px;
    font-weight: 900;
    margin: 0;
}

.hosting-pricing p {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    margin: 0;
}

.selet-btn {
    padding-top: 10px;
    text-align: center;
}

.selet-btn a {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background-color: rgb(44, 128, 100);
    padding: 10px 40px;
    margin: 0;
    display: inline-block;
    border-radius: 50px;
    border: 1px solid #020036;
    transition: 0.3s;
}

.selet-btn a:hover {
    color:rgb(44, 128, 100);
    background-color: #fff;
}

.hosting-content-right {
    border: none;
}

.hosting-area {
    padding-bottom: 70px;
}

.sell-all-btn {
    background-color: #fff;
    padding: 12px 0;
    border: 1px solid rgb(232, 232, 234);
}

.sell-all-btn a {
    cursor: pointer;
    color:#00bcd4 !important;
}

.viwe-none{
    display: none;
}



@media only screen and (max-width: 767px) {
    .pricing-area {
        padding: 50px 0;
    }

    .hosting-content-left,
    .hosting-pricing {
      border-right: none;
    }

    .hosting-pricing {
        text-align: center;
    }

    .hosting-content-left ul li {
        font-size: 15px;
    }
    
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    .hosting-pricing {
        text-align: center;
        border: none;
    }
}

.bottom-cta-wrapper {
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 1200;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.bottom-cta-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(135deg, #2c8064, #0c2d51);
    color: #fff;
    font-weight: 600;
    padding: 12px 22px;
    box-shadow: 0 12px 25px rgba(12, 45, 81, 0.35);
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.bottom-cta-toggle i {
    font-size: 1.1rem;
}

.bottom-cta-toggle:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(44, 128, 100, 0.4);
}

.bottom-cta-panel {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 20px 40px rgba(12, 45, 81, 0.12);
    border: 1px solid rgba(44, 128, 100, 0.1);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 230px;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.bottom-cta-panel[hidden] {
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
}

.bottom-cta-wrapper.is-open .bottom-cta-panel {
    opacity: 1;
    transform: translateY(0);
}

.bottom-cta-link {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f1f6f4;
    border-radius: 14px;
    padding: 10px 14px;
    color: #0c2d51;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0 8px 20px rgba(12, 45, 81, 0.08);
    border: 1px solid transparent;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.bottom-cta-link i {
    font-size: 1.1rem;
}

.bottom-cta-link span {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.bottom-cta-link span strong {
    font-weight: 700;
}

.bottom-cta-link span small {
    font-size: 0.75rem;
    color: rgba(12, 45, 81, 0.75);
}

.bottom-cta-link.call {
    background: #e5f2ec;
    border-color: rgba(44, 128, 100, 0.25);
}

.bottom-cta-link.whatsapp {
    background: #e3f6ef;
    color: #2c8064;
    border-color: rgba(44, 128, 100, 0.35);
}

.bottom-cta-link.skype {
    background: #e6eef6;
    color: #0c2d51;
    border-color: rgba(12, 45, 81, 0.2);
}

.bottom-cta-link:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(44, 128, 100, 0.22);
    border-color: rgba(44, 128, 100, 0.45);
}

@media (max-width: 767px) {
    .bottom-cta-wrapper {
        bottom: 20px;
        left: 20px;
    }

    .bottom-cta-toggle {
        padding: 11px 18px;
    }

    .bottom-cta-panel {
        min-width: 210px;
        padding: 14px;
    }
}

.leadpopup textarea.form-control {
    min-height: 120px;
    max-height: 160px;
}
.lead-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.lead-grid .lead-col-half {
    flex: 1 1 calc(50% - 14px);
    min-width: 240px;
}
.lead-grid .lead-col-full {
    flex: 1 1 100%;
}

@media (max-width: 767px) {
    .leadpopup .modal-dialog {
        max-width: calc(100% - 24px);
        margin: 1rem auto;
    }
    .innerleft {
        padding: 18px 16px 22px;
    }
    .lead-grid {
        display: block;
    }
    .lead-grid .lead-col-half,
    .lead-grid .lead-col-full {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
}

.leadpopup .form-floating>.form-control,
.leadpopup .form-floating>.form-select {
    height: calc(2.6rem + 2px);
    padding: 0.65rem 0.75rem;
    width: 100%;
}