/*         Theme Common
===================================*/
:root {
    --bs-gray-primary: #E3E3E3;
    --bs-gray-secondary: #F9F7F7;
    --bs-gray-dark-bg: #f0f0f0;
    --bs-black-gray: #131313;
    --bs-service-gray: #949494;
    --bg-gray: #f5f6fa;
    --bd-gray-border: #C8C8C8;
    --bg-light-orange: #FFF2E8;
    --bs-shadow: #15151545;
    --bs-primary-blue: #0d68fd;
    --bs-primary-darkblue: #1f2f98;
    --bs-theme-blue: #0048c3;
    --bs-theme-blue1: #0051dc;
    --bs-theme-blue2: #005af6;
    --bs-theme-blue1: #0160fe;
    --bs-theme-blue3: #1068ff;
    --bs-theme-blue4: #2a78ff;
    --bs-theme-blue5: #4388ff;
    --bs-theme-blue6: #5d98ff;
    --bs-theme-blue7: #b7d1ff;
    --bs-theme-blue7: #cfe0ff;
    --bs-theme-blue8: #e7efff;
    --bs-theme-orange: #fd5602;
    --bs-theme-orange1: #fe6e00;
    --bs-theme-orange2: #fd6d03;
    --bs-theme-orange1: #fd780d;
    --bs-theme-orange3: #fd8419;
    --bs-theme-orange4: #ff9124;
    --bs-theme-orange5: #fe9c2d;
    --bs-theme-orange6: #fda93b;
    --bs-theme-orange7: #ffb246;
    --bs-theme-orange7: #ffecd8;
    --bs-theme-orange8: #fff5eb;
    --bs-redorange: #ff4c15;
    /* --bs-font: 'Resolve Sans'; */
    --bs-font-open: 'Open Sans', sans-serif;
    --color-gray1: #cacaca;
    --color-gray2: #b5b5b5;
    --color-gray3: #1e1e1e;
    --bs-white: #fff;
    --bs-black: #000;
    --bs-red: #fe0303;
}
/*  */

*,h1,h2,h3,h4,h5,h6,p,ul{padding:0;margin:0}
a,a:hover{text-decoration:none}*,body,button:focus{outline:0}
body,p{font-size:17px;line-height:28px;color:#373737}
a,body,p{color:#373737}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bs-white)}
::-webkit-scrollbar-thumb:hover{background:var(--color-gray1)}
::-webkit-scrollbar-thumb{background:var(--color-gray2);border-radius:0}*{-webkit-font-smoothing:antialiased;-moz-os-font-smoothing:grayscale;box-sizing:border-box;vertical-align:baseline}body{font-family:var(--bs-font-open);overflow-x:hidden}
.heading-family,h1,h2,h3,h4,h5,h6{font-family:var(--bs-font)}
article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block}
h1,h2,h3,h4,h5,h6{margin-bottom:20px;color:#373737}a{background-color:transparent;transition:.5s ease-in-out}
ul{list-style:none}
a:hover{color:inherit}
.animation,.inine-btn:after,.menu-header,.r-g-btn,.sticky,.texts{-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)}
p{font-family:var(--bs-font-open);font-weight:400}img{max-width:100%;height:auto}
.text-white{color:var(--bs-white)}
.text-black{color:var(--bs-black)}
.border_50{border-radius:50%}.text-justify{text-align:justify}
.section-padding{padding:70px 0}
.box-shadow{box-shadow:0 15px 30px rgba(66,66,66,.04)}
.gradient-title{color:var(--bs-primary-blue)}
.gray_bg{background:var(--bg-gray)}
.white_bg{background:var(--bs-white)}
.orange_bg{background:var(--bg-light-orange)}
.rg-bg-1{background:#f4fbfb;background:linear-gradient(135deg,#f4fbfb,#fff9f2)}

/* Shadow
============================*/
.no-shadow{box-shadow:none}
.shadow{box-shadow:0 15px 20px 0 rgb(0 10 70/10%)}
/* font weight
============================*/
.fw-light{font-weight:300}
.fw-semilight{font-weight:350}
.fw-regular{font-weight:400}
.fw-medium{font-weight:500}
.fw-semibold{font-weight:600}
.fw-bold{font-weight:700}
.fw-extrabold{font-weight:800}
.fw-black{font-weight:900}

/* Typography
============================*/
.fs-48{font-size:calc(34px + (48 - 34) * ((100vw - 300px) / (1920 - 300)))}
.fs-45{font-size:calc(32px + (45 - 32) * ((100vw - 300px) / (1920 - 300)))}
.fs-42{font-size:calc(30px + (42 - 30) * ((100vw - 300px) / (1920 - 300)))}
.fs-40{font-size:calc(28px + (40 - 28) * ((100vw - 300px) / (1920 - 300)))}
.fs-38{font-size:calc(28px + (38 - 28) * ((100vw - 300px) / (1920 - 300)))}
.fs-35{font-size:calc(26px + (35 - 26) * ((100vw - 300px) / (1920 - 300)))}
.fs-32{font-size:calc(24px + (32 - 24) * ((100vw - 300px) / (1920 - 300)))}
.fs-30{font-size:calc(22px + (30 - 22) * ((100vw - 300px) / (1920 - 300)))}
.fs-28{font-size:calc(22px + (28 - 22) * ((100vw - 300px) / (1920 - 300)))}
.fs-26{font-size:calc(22px + (26 - 22) * ((100vw - 300px) / (1920 - 300)))}
.fs-24{font-size:calc(20px + (24 - 20) * ((100vw - 300px) / (1920 - 300)))}
.fs-23{font-size:calc(18px + (23 - 18) * ((100vw - 300px) / (1920 - 300)))}
.fs-22{font-size:calc(18px + (22 - 18) * ((100vw - 300px) / (1920 - 300)))}
.fs-21{font-size:calc(18px + (21 - 18) * ((100vw - 300px) / (1920 - 300)))}
.fs-20{font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1920 - 300)))}
.fs-18{font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)))}
.fs-16{font-size:calc(16px + (16 - 16) * ((100vw - 300px) / (1920 - 300)))}

/* btn
============================*/
.custom-btn,.theme-btn,.theme-btn span{transition:.5s ease-in-out}
.custom-btn{padding:11px 40px 12px 15px;border-radius:5px}
.blue-gradient{background:linear-gradient(90deg,var(--bs-theme-blue4) 0,var(--bs-theme-blue) 30%,var(--bs-blue) 100%);background-size:200% auto;color:var(--bs-white);border:1px solid var(--bs-theme-blue1)}
.blue-bg,.blue-bg:hover{border:1px solid var(--bs-theme-blue2)}
.blue-gradient:hover,.orange-radient:hover{background-position:right center;color:var(--bs-white)}.blue-bg{background:var(--bs-theme-blue2);color:var(--bs-white)}
.orange-bg,.orange-radient{border:1px solid var(--bs-theme-orange2);color:var(--bs-white)}
.blue-bg:hover{background:var(--bs-white);color:var(--bs-theme-blue2)}
.orange-radient{background:linear-gradient(90deg,var(--bs-theme-orange4) 0,var(--bs-redorange) 30%),var(--bs-theme-orange4) 100%;background-size:200% auto}
.orange-bg{background:var(--bs-theme-orange2)}
.orange-bg:hover{background:var(--bs-white);color:var(--bs-theme-orange2)}
.btn-black,.btn-white{font-weight:600;font-size:17px;border-radius:8px;padding:0 25px;display:flex;line-height:60px;white-space:nowrap;text-transform:capitalize;align-items:center;justify-content:center;width:max-content;border:0;grid-gap:15px}
.btn-black,.btn-black:hover{border:1px solid var(--bs-black)}
.btn-black{background:var(--bs-black);color:var(--bs-white)}
.btn-black:hover{background:var(--bs-white);color:var(--bs-black)}
.btn-white,.btn-white:hover{border:1px solid var(--bs-white)}
.btn-white{background:var(--bs-white);color:var(--bs-theme-blue2)}
.btn-white:hover{background:0 0;color:var(--bs-white)}
.arrowRight,.arrowRight::before{width:7px;height:7px;border-left:none;border-top:none;border-right:2px var(--bs-white) solid;border-bottom:2px var(--bs-white) solid}
.theme-btn{padding:13px 20px;border-radius:5px}
.theme-btn span{padding-left:5px;right:0}
.theme-btn:hover span.fa-arrow-trend-up {
    transform: rotate(47deg);
    right: -9px;
}
.arrowRight{margin:-20px 0 0 -20px;transform:rotate(-45deg);top:-2px;right:-21px}
.arrowRight,.arrowRight::before{position:absolute}
.arrowRight::before{content:"";top:0;margin:1px;animation-duration:2s;animation-iteration-count:infinite;animation-name:arrow}

/* Black text link ke liye add code (hover_black)*/
.animeted-arrow,.animeted-arrow::before{width:7px;height:7px;border-left:none;border-top:none;border-right:2px solid var(--bs-black-gray);border-bottom:2px solid var(--bs-black-gray)}.animeted-arrow{transform:rotate(-47deg);top:-2px;left:0}
.animeted-arrow::before{content:"";top:0;margin:1px;animation-duration:2s;animation-iteration-count:infinite;animation-name:arrow;display:none}
.handover_blue:hover .animeted-links,.title-blue{color:var(--bs-primary-blue)}.blue-animeted-arrow::before,.handover_blue:hover .animeted-arrow{border-right:2px solid var(--bs-primary-blue);border-bottom:2px solid var(--bs-primary-blue)}
.handover_black:hover .animeted-arrow::before,.handover_blue:hover .animeted-arrow::before{animation-duration:2s;animation-iteration-count:infinite;display:block}@keyframes arrow{0%{opacity:1}100%{opacity:0;transform:translate(15px,15px)}}
.title-orange{color:var(--bs-theme-orange)}


/* TAb Panel 
================================ */
.banner-subheading{display:block;position:relative;margin-bottom:15px;padding-left:25px;color:var(--bs-theme-orange);width:fit-content}
.banner-subheading::after,.banner-subheading::before{content:"";position:absolute;top:10px;width:10px;height:10px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(45deg,var(--bs-redorange) 17%,var(--bs-orange) 100%)}
.banner-subheading::before{left:0}
.banner-subheading::after{right:-20px}

/* title border
====================================== */
.border-title,.border-title-full{padding:0 20px 13px;margin:0 auto}
.border-title{width:fit-content}.border-title-full{width:100%}
.border-bg-gray{border-bottom:2px solid #cfd7df}
.border-bg-white{border-bottom:2px solid var(--bs-white)}
.industry-subheading{display:block;position:relative;margin-bottom:15px;padding-left:25px;color:var(--bs-theme-orange);width:fit-content}
.industry-subheading::after,.industry-subheading::before{content:"";position:absolute;top:10px;width:10px;height:10px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(45deg,var(--bs-redorange) 17%,var(--bs-orange) 100%)}
.industry-subheading::before{left:0}
.industry-subheading::after{right:-20px}

/* TAb Panel 
================================ */
[data-tab-content1],[data-tab-content]{display:none}

/* Theme Preloader
================================ */
.preloader::after,.preloader::before{content:'';height:80%;z-index:-1;width:100%}
.preloader div{-webkit-transition:.3s cubic-bezier(.86,0,.07,1);-moz-transition:.3s;transition:.3s cubic-bezier(.86,0,.07,1) .1s;transition-duration:.5s;-webkit-transition-duration:.5s}.preloader.page-loaded{visibility:hidden}
.preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}
.preloader::before{position:absolute;left:0;top:0;-webkit-transition:1.1s;transition:1.1s;-webkit-clip-path:ellipse(66% 100% at 50% 0%);clip-path:ellipse(66% 100% at 50% 0%)}
.preloader::after{position:absolute;bottom:0;-webkit-transition:1.1s;transition:1.1s;-webkit-clip-path:ellipse(85% 100% at 50% 100%);clip-path:ellipse(85% 100% at 50% 100%)}
.preloader::after,.preloader::before{background-image:repeating-linear-gradient(90deg,hsla(196,0%,79%,.06) 0,hsla(196,0%,79%,.06) 1px,transparent 1px,transparent 96px),repeating-linear-gradient(0deg,hsla(196,0%,79%,.06) 0,hsla(196,0%,79%,.06) 1px,transparent 1px,transparent 96px),repeating-linear-gradient(0deg,hsla(196,0%,79%,.09) 0,hsla(196,0%,79%,.09) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(90deg,hsla(196,0%,79%,.09) 0,hsla(196,0%,79%,.09) 1px,transparent 1px,transparent 12px),linear-gradient(90deg,var(--bs-white),var(--bs-white))}
.preloader.page-loaded::after,.preloader.page-loaded::before{height:0}
.loaderlogo{display:grid;grid-gap:30px;justify-content:center;align-content:center;width:100%;height:100vh;text-align:center;margin:0 auto}
.loaderlogo img{width:180px;margin:0 auto}
.loaderlogo p{font-size:22px;line-height:32px;font-weight:500}
.page-loaded .loaderlogo{opacity:0}
.dashedborder{width:200%;height:3px;background-image:linear-gradient(to right,#2c4bff,#2c4bff 8px,transparent 8px,transparent 14px);background-size:18px 18px;background-position:top;background-repeat:repeat-x;-webkit-animation:15s linear infinite slideDashLeft;position:absolute;bottom:0}@-webkit-keyframes slideDashLeft{from{-webkit-transform:translateX(-50%)}to{-webkit-transform:translateX(0)}}
.cd-headline span{padding:0}
.cd-headline em,.cd-headline i{font-style:normal}@keyframes spinner{to{transform:rotate(360deg)}}
 
/* Animition Css 
=======================*/
.rotate-me{animation-name:rotateme;animation-duration:24s;animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-name:rotateme;-webkit-animation-duration:24s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:rotateme;-moz-animation-duration:24s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:rotateme;-ms-animation-duration:24s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;-o-animation-name:rotateme;-o-animation-duration:24s;-o-animation-iteration-count:infinite;-o-animation-timing-function:linear}

@keyframes rotateme{from{transform:rotate(0)}to{transform:rotate(360deg)}}

@media only screen and (min-width:768px){.border-title,.border-title-full{padding:0 50px 13px}.border-title-full{width:91%}}




/* Common Conuntry Form Filds 
===================================*/
.country-filds .contery-fleg {
	position: absolute;
	width: 108px;
}

.contery-fleg .form-country-select {
	padding: 8px 2px 10px 15px;
	z-index: 1;
	position: absolute;
}
.country-filds .country-label {
	position: absolute;
	top: 0;
	left: 0;
}
.country-filds .country-input {
	padding-left: 120px;
}
.country-filds input::placeholder {
    font-size: 14px;
    color: #172b43;
    opacity: 1;
    font-weight: 600
  }
select.country,
select.country option {
  font-family: "Twemoji Country Flags", Arial, sans-serif;
}
/* Top Screoll Header Btn 
===================================*/
  .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, .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: rgb(108 108 108/50%);
    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;
    -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
}