/*
    Font Use
    font-family: 'Inter', sans-serif;
    font-weight style
    Thin: 100
    Extra Thin : 200
    Light: 300
    Regular : 400
    Medium : 500
    Semibolc : 600
    Bold : 700
    Extra Bold : 800
*/

/* @media (prefers-reduced-motion: no-preference){
:root {scroll-behavior: auto;}
} */
*:focus { outline: none; }
body { margin: 0px; padding: 0px; font-family: 'Inter', sans-serif; font-weight: 400; font-size: 18px; color: #333333; line-height: 26px; background-color: #fff; text-rendering: optimizeLegibility; overflow-x: hidden; font-display: swap; }
p { margin-bottom: 15px; }
b, strong { font-weight: 700; }
small { font-size: 14px; color: #999; }
a { color: #006FCF; text-decoration: none; outline: none; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }
a:hover { text-decoration: none; color: #555555; }
img { max-width: 100%; height: auto;}
.img_size{max-width: 60%; padding-top: 25px;}
ul, li, ol { list-style: none; padding: 0px; margin: 0px; }
h1, h2, h3, h4, h5, h6 { font-family: 'Inter', sans-serif; font-weight: 700; margin: 0px; padding: 0px; line-height: 1.1; margin-bottom: 20px; color: #006FCF; }
h1, h2 { font-size: 60px; }
h3 { font-size: 30px; }
h4 { font-size: 24px;}
h5 { font-size: 18px; }
h1 span, h2 span, h4 span, h3 span, h1 strong, h2 strong, h4 strong, h3 strong { color: #001E5B; }
input[type="submit"], input[type="button"], button[type="submit"], button[type="button"] { outline: none; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea, input[type="tel"], input[type="date"], select { box-shadow: 0px !important; -webkit-box-shadow: 0px !important; -ms-box-shadow: 0px !important; -moz-box-shadow: 0px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0px; }
input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); opacity: 1; background-image: none; background: transparent; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; appearance: none; }
input[type=number]::-moz-outer-spin-button, input[type=number]::-moz-inner-spin-button { -webkit-appearance: none; margin: 0; appearance: none; }
.form-control { display: block; width: 100%; height: auto; padding: 0px 0px 12px; color: #000 !important; background-color: #fff; background-image: none; border: none; border-bottom: 1px solid #ddd; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; box-shadow: none; font-size: 16px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; text-overflow: ellipsis; }
select.form-control, select { background-image: url(../images/chevron-down-black.svg); background-repeat: no-repeat; background-position: 100% 50%; background-size: 12px; }
.form-control:focus { background-color: #fff; border-color: #006FCF; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }
.form-control::-webkit-input-placeholder { color: #999; }
.form-control::-moz-placeholder { color: #999; }
.form-control:-ms-input-placeholder { color: #999; }
.form-control::-ms-input-placeholder { color: #999; }
.form-control::placeholder { color: #999; }
.form-control:focus::-webkit-input-placeholder { color: #333333; }
.form-control:focus::-moz-placeholder { color: #333333; }
.form-control:focus:-ms-input-placeholder { color: #333333; }
.form-control:focus::-ms-input-placeholder { color: #333333; }
.form-control:focus::placeholder { color: #333333; }
label { display: inline-block; max-width: 100%; margin-bottom: 0px; font-weight: 400; font-size: 16px; color: #555555; }
sup { font-size: 14px; color: #000; top: -1px; left: 1px; }
textarea.form-control { resize: none; height: 60px; }
button:focus { outline: none; }
.btn-theme { padding: 17px 30px; text-align: center; display: inline-block; color: #fff; border-radius: 100px; background-color: #006FCF;   letter-spacing: 1px; line-height: 1; vertical-align: top; font-size: 15px; font-weight: 600; cursor: pointer; text-transform: uppercase; transition: all 0.3s ease-in-out; position: relative; border: 1px solid #006FCF; }
/* .btn-theme:hover { background-color: #001E5B; color: #fff; } */
.btn-theme:hover { background-color: #fff; border: 1px solid #006FCF; color: #006FCF; }
.btn-theme-white { padding: 17px 30px; text-align: center; display: inline-block; color: #fff; border-radius: 100px; background-color: #006FCF; letter-spacing: 1px; line-height: 1; vertical-align: top; font-size: 15px; font-weight: 600; cursor: pointer; text-transform: uppercase; transition: all 0.3s ease-in-out; position: relative; }
.btn-theme-white:hover { background-color: #fff; color: #006FCF; }
input[type="radio"], input[type="checkbox"] { cursor: pointer; }
.hover-zoom { overflow: hidden; }
.hover-zoom img { transform: scale(1); transition: all 0.3s ease; }
.hover-zoom:hover img { transform: scale(1.1); transition: all 0.3s ease; }
.mr-10 { margin-right: 10px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-60 { margin-bottom: 60px; }
.mb-50 { margin-bottom: 50px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-120 { margin-bottom: 120px; }
.mb-150 { margin-bottom: 150px; }
.mb-200 { margin-bottom: 200px; }
.mb-250 { margin-bottom: 250px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }
.pb-120 { padding-bottom: 120px; }
.pb-150 { padding-bottom: 150px; }
.pb-200 { padding-bottom: 200px; }
.pt-100 { padding-top: 100px; }
.pt-120 { padding-top: 120px; }
.pt-150 { padding-top: 150px; }
.pt-200 { padding-top: 200px; }
.pt-230 { padding-top: 230px; }
.list-items ul { display: inline-block; width: 100%; margin-bottom: 10px; }
.list-items ul li { display: inline-block; width: 100%; position: relative; padding-left: 30px; margin-bottom: 5px;color: #000; }
.list-items ul li::before { content: ''; background: url(../images/check-circle.svg); position: absolute; left: 0px; width: 16px; height: 16px; top: 5px; border-radius: 100%; }
.list-items ul li ul li::before { content: ''; background: url(../images/bullet.svg); position: absolute; left: 0px; width: 16px; height: 16px; top: 5px; border-radius: 100%; background-repeat: no-repeat; background-position: center;}
.list-items ul li ul li {padding-left: 20px}
.help-block-error { color: red; font-size: 14px; }
.headblack { color: #000; }
.d-inline-block { vertical-align: top; }
.form-group { margin-bottom: 20px; }
.border-radius5 { border-radius: 5px; }
.border-radius10 { border-radius: 10px; }
.border-radius15 { border-radius: 15px; }
.border-radius30 { border-radius: 30px; }
.bordergrey { border: 1px solid #DDE3EE }
/* change for align for homepage  16/05/2023  removing align-item*/
.bordergreyRight { border-right: 1px solid #DDE3EE; display: grid;  }  
.titlefontlg { font-size: 150px; font-weight: 100; margin: 0px; padding: 0px; line-height: 1.1; text-transform: uppercase; }
.titlefontlg span { color: #006FCF; }
.font-24 { font-size: 24px; line-height: 30px; }
.titlefont-40 { font-size: 40px; line-height: 1; font-weight: 700; }

.prime-color { color: #006FCF; }
.themegradiantbg { background: rgb(39, 3, 110); background: linear-gradient(90deg, #27036E 10%, #0F47AB 70%, #006FCF 100%); }
.themegradiantbg h2, .themegradiantbg h1, .themegradiantbg h3, .themegradiantbg p, .themegradiantbg .titlefont-40 { color: #fff; }
.whitebox { background-color: #fff; padding: 30px; }
.pb-0 p:last-child { margin-bottom: 0px; }
.title60 .titlehead, .title60 h1, .title60 h2{font-size: 60px;}
.title40 .titlehead, .title40 h1, .title40 h2{font-size: 40px;}
.title60 .titlehead, .title40 .titlehead{font-family: 'Inter', sans-serif;font-weight: 700;margin: 0px;padding: 0px;line-height: 1.1;margin-bottom: 20px;color: #006FCF;}
.title60 .titlehead span, .title40 .titlehead span{ color: #001E5B; }
.outline-link-btn{padding-bottom: 5px;border-bottom: 1px solid #006FCF;color: #006FCF;text-transform: uppercase;font-size: 15px;font-weight: 600;letter-spacing: 1px;transition: all 0.3s ease-in-out;display: inline-block;}
.outline-link-btn:hover{border-color: #001E5B;color: #001E5B;}
/*common css end*/
.mainwrapper { overflow: hidden; }
.form_data{
    position: relative;
}
/*Header*/
.navmenu > ul li a { text-transform: none !important; }
.mainheader { width: 100%; position: fixed; top: 0px; transition: all 0.3s ease; top: 0px; z-index: 20; background-color: #fff; }
.logo { transition: all 0.3s ease; padding: 20px 0px; }
.logo a { position: relative; display: block; }
.logo img { transition: all 0.3s ease; padding-bottom: 8px; }
.logounsticky { opacity: 0; }
.logosticky { position: absolute; top: 0px; left: 0px; opacity: 1; }
.sticky .logounsticky { opacity: 0; }
.sticky .logosticky { opacity: 1; }
.mainheader.sticky { background-color: #fff; }
.mainheader.sticky .logo { padding: 10px 0px; }
.hmproduct-box-title p {font-size: 17px;}
.mainheader nav { display: flex; flex-wrap: wrap; align-items: center; }
.navmenu>ul { margin: 0px; padding: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.navmenu>ul>li { position: relative; list-style: none; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; padding: 27px 25px; }
.navmenu > ul li a { display: block; font-size: 15px; letter-spacing: 1px; /*text-transform: uppercase;*/ }
.navmenu > ul > li > a { color: #333333; position: relative; }
.navmenu > ul > li.menu-item-has-children > a::before, .navmenu > ul > li.menu-item-has-children > a::after { content: ''; width: 7px; height: 2px; background-color: #333; position: absolute; top: 12px; }
.navmenu > ul > li.menu-item-has-children > a::before { transform: rotate(45deg); right: -12px; }
.navmenu > ul > li.menu-item-has-children > a::after { transform: rotate(-45deg); right: -16px; }
.mainheader.sticky .navmenu > ul > li > a { color: #333; }
.navmenu > ul > li a i { margin-left: 5px; margin-top: -1px; display: inline-block; vertical-align: middle; font-size: 12px; }
.navmenu > ul > li > a:hover, .navmenu > ul > li.current-menu-item > a, 
.mainheader.sticky .navmenu > ul > li a:hover,
.mainheader.sticky .navmenu > ul > li.current-menu-item > a { color: #006FCF; }
.navmenu > ul > li:hover > a { color: #006FCF; }
.mainheader.sticky .navmenu > ul > li:hover > a { color: #006FCF; }
.mainheader.sticky .navmenu > ul > li.menu-item-has-children > a::before, 
.mainheader.sticky .navmenu > ul > li.menu-item-has-children > a::after { background-color: #555; }
.navmenu > ul > li.menu-item-has-children > a:hover::before,
.navmenu > ul > li.menu-item-has-children > a:hover::after,
.mainheader.sticky .navmenu > ul > li.menu-item-has-children > a:hover::before, 
.mainheader.sticky .navmenu > ul > li.menu-item-has-children > a:hover::after,
.navmenu > ul > li.menu-item-has-children:hover > a::before, 
.navmenu > ul > li.menu-item-has-children:hover > a::after, 
.mainheader.sticky .navmenu > ul > li.menu-item-has-children:hover > a::before, 
.mainheader.sticky .navmenu > ul > li.menu-item-has-children:hover > a::after,
.navmenu > ul > li.current-menu-item > a::before, 
.navmenu > ul > li.current-menu-item > a::after,
.mainheader.sticky .navmenu > ul > li.current-menu-item > a::before, 
.mainheader.sticky .navmenu > ul > li.current-menu-item > a::after{ background-color: #006FCF; }
.navmenu > ul > li ul { left: 0%; display: none; position: absolute; top: 100%; width: 305px; margin: 0px; background: #fff; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.05); }
.navmenu > ul > li ul li ul { top: 0px; left: 100%; }
.navmenu > ul > li > ul li { padding: 0px 25px; margin-bottom: 0px; position: relative; }
.navmenu > ul > li > ul li:last-child a { border: none; }
.navmenu > ul > li > ul li a { display: block; color: #333; position: relative; padding: 10px 0px; border-bottom: 1px solid #ddd; position: relative; }
.navmenu > ul > li > ul li a i { position: absolute; right: 20px; top: 14px; }
.navmenu > ul > li > ul li a:hover { color: #006FCF; }
.navmenu > ul > li:hover > ul, .navmenu > ul > li ul li:hover > ul { display: block; }
.headerclose, .navbartoggle, .sub-menu-arrow { display: none; }
#navbar_main{transition: top 0.3s;}
.mainheader .btn-theme { margin-left: 25px; padding: 15px 30px; }
.mainheader .btn-theme:hover { background-color: #fff; color: #006FCF; }
.mainheader.sticky .btn-theme:hover { background-color: #001E5B; color: #fff; }
.fullscreenbanner { width: 100%; position: relative; color: #fff; overflow: hidden; height: 100vh; }
.fillsliderthumb { height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-image: url(../images/homepage-top-banner.jpg) }
.topbannercaption { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; left: 0px; width: 100%; z-index: 1;}
.topBanneradditional{position: absolute;top: 50%;transform: translateY(-50%);color: #fff;left: 0px;width: 100%;padding-top: 80px;
}
.iframe_main_div{ position: relative; padding-bottom: 16.25%; width: 60%; margin: auto;  aspect-ratio: 17/9; }
.captiontitle { font-size: 35px; font-weight: 700; color: #fff; line-height: 1.1; margin-bottom: 30px; text-align: center;
    margin-top: 20px; } 
.bannerobject { position: absolute; left: -65px; bottom: -65px; }
.appcountercol { padding:0px 20px; text-align: center; }
.videocolumnrow { padding: 0px 0px 70px; margin-top: 150px; }
.videoautocol { border-radius: 30px; overflow: hidden; margin-top: -150px; }
.videoautocol a{position: relative;display: block;}
.playicon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.leftobjectbottom { bottom: 0px; left: -80px; position: absolute; }
.ourservicesrow .whitebox { box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05); }
.ourservicesrow .whitebox img { margin-bottom: 30px; }
.ourservicesrow  h2{margin-bottom: 50px;}
.ourservicesrow .leftobjectbottom { bottom: -150px; }

.circle-obj-parent .container{
    position: relative;
    z-index: 2;
}

.circle-obj-blu{
    z-index: 1;    
}

.certilogorow [class*="col-"] { margin-bottom: 20px; }
.certilogorow [class*="col-"]:last-child { border: none; }
.clientrowsect h2 { margin-bottom: 50px; }
.testimonslider { margin: 0px -12px; }
.shadow { box-shadow: 5px 5px 20px rgb(0 0 0 / 0.05); }
.testimonslider .whitebox { box-shadow: 5px 5px 20px rgb(0 0 0 / 0.05); position: relative; }
/* .testimonslider .whitebox::before { content: ''; background: url(../images/quote-icon.svg) no-repeat; width: 55px; height: 40px; position: absolute; top: -20px; left: 50px; } */
.testimonslider .slick-slide { padding: 20px 12px; font-size: 24px; line-height: 30px; }
.testimonslider h4 { margin-bottom: 0px;color:#001E5B; }
.designation { border-top: 1px solid #ddd; padding-top: 20px; margin-top: 10px; display: inline-block; width: 100%; }
.designation span{ font-size: 18px;line-height: 1;}
.rightobjectbottom { position: absolute; right: -60px; bottom: -30px; }
.footermain {
    padding: 40px 0px;
    color: #fff;
    padding-bottom: 12px;
}
.footermain h2 { font-size: 40px; }
.footermain p, .footermain a{font-weight: 300;color: #000000;}
.footermain .form-control { background-color: transparent; border: none; border-bottom: 1px solid #afafaf; border-radius: 0px; color: #000!important; }
.footermain .form-group { margin-bottom: 30px; }
.footermain .form-control:focus { border-color: #133a9f; }
.footermain .form-control::-webkit-input-placeholder { color: #afafaf; }
.footermain .form-control::-moz-placeholder { color: #afafaf; }
.footermain .form-control:-ms-input-placeholder { color: #afafaf; }
.footermain .form-control::-ms-input-placeholder { color: #afafaf; }
.footermain .form-control:focus::placeholder { color: #000; }
.footermain .form-control:focus::-webkit-input-placeholder { color: #000; }
.footermain .form-control:focus::-moz-placeholder { color: #000; }
.footermain .form-control:focus:-ms-input-placeholder { color: #000; }
.footermain .form-control:focus::-ms-input-placeholder { color: #000; }
.footermain .form-control:focus::placeholder { color: #000; }
.footermain .btn-theme:hover { background-color: #fff; color: #006FCF; }
.footermain p {
    color: #000000 !important;
    padding-left: 1px;
    
}
.contactfooter h3, .contactfooter h4 {color: #000; font-size: 30px;}
.footermain a:hover { color: #006FCF; }
.contactfooter { font-weight: 300; font-size: 20px;    padding-left: 140px;}
.submitload { margin-left: 10px; margin-top: 10px; }
.thankyoupagerow { height: 100vh; }
.socialmenu ul, .footermenu ul { display: flex; flex-wrap: wrap; width: 100%; }
.socialmenu ul li, .footermenu ul li { margin-right: 30px;padding-left: 2px; }
.socialmenu ul li svg { fill: #000; width: 17px; }
.socialmenu ul li a:hover svg { fill: #006FCF; }
.footerobject { right: -80px; bottom: -80px;width: 200px; }
.mb-50 {
    margin-bottom: 50px;
}
/* .footertopcall { padding-bottom: 100px; border-bottom: 1px solid #718EC9; margin-bottom: 100px; } */
.icontextcol img { margin-right: 20px !important; height: 65px; }
.icontextcol { width: 100%; }
.arrowright { width: 100px; height: 100px; line-height: 100px; background-color: #1A7CD2; text-align: center; border-radius: 100%; }
.arrowright svg { fill: #fff; }
.arrowright:hover { background-color: #fff; }
.arrowright:hover svg { fill: #718EC9; }
.sectionpagetop { padding: 250px 0px 200px; }
.pagenotfound img { margin-bottom: 50px; }
.thankyoucol img { margin-bottom: 20px; }

/* Inner page header css */
.innerheader .navmenu > ul > li > a { color: #333333; }
.innerheader .navmenu > ul > li > a:hover, 
.innerheader .navmenu > ul > li:hover > a,
.innerheader .navmenu > ul > li.current-menu-item > a { color: #006FCF; }
.innerheader .navmenu > ul > li.menu-item-has-children > a::before, 
.innerheader .navmenu > ul > li.menu-item-has-children > a::after { background-color: #555555; }
.innerheader .navmenu > ul > li.menu-item-has-children:hover > a::before, 
.innerheader .navmenu > ul > li.menu-item-has-children:hover > a::after,
.innerheader .navmenu > ul > li.current-menu-item > a:after,
.innerheader .navmenu > ul > li.current-menu-item > a:before { background-color: #006FCF; }
.innerheader .logosticky { opacity: 1; }
.innerheader .logounsticky { opacity: 0; }
/* .innerheader .btn-theme:hover { background-color: #001E5B; color: #fff; } */
.innerheader .btn-theme:hover {background-color: #fff; border: 1px solid #006FCF; color: #006FCF; }


/* contact page css */
.letgetcol{font-size: 24px;}
.inner-header-breadcrumb-main ul {margin-bottom: 0;padding: 0;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;background-color: transparent;}
.inner-header-breadcrumb-main ul li {font-size: 14px;padding-right: 5px;text-transform: capitalize;color: #006FCF; padding-left: 0; margin-bottom: 0;}
.inner-header-breadcrumb-main ul li a {color: #333333;}
.inner-header-breadcrumb-main ul li a:hover{color: #006FCF;}
.inner-header-breadcrumb-main {padding: 130px 0 50px;position: relative;}
.inner-header-breadcrumb-main ul li:before {content: '/';top: 0;padding-right: 5px;color: #000;position: relative;background-color: transparent;}
.inner-header-breadcrumb-main ul li:first-child::before{display: none;}
.inner-header-breadcrumb-main ul li:last-child {padding-right: 0px;}
.sevicesrowsect{padding: 150px 0px;background-image: url(../images/brand-big-shape.png);background-repeat: no-repeat;background-position: left bottom 330px;}
.servicenav{border: 1px solid #006FCF;padding: 10px;border-radius: 100px;display: inline-flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.nav-pills li{margin-right: 10px;}
.nav-pills li:last-child{margin-right: 0px;}
.nav-pills .nav-link{display: flex;align-items: center;color: #333333;padding: 14px 30px;font-size: 24px;border-radius: 30px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link:hover{background-color: #006FCF;color: #fff;}
.nav-pills .nav-link span{margin-right: 15px;}
.nav-pills .nav-link svg{fill: #006FCF;transition: all 0.3s ease-in;}
.nav-pills .nav-link.active svg,  .nav-pills .nav-link:hover svg{fill: #fff;}
.tab-content{padding-top: 50px;}
.addresscol{padding: 30px 0px;}
.addresscol p{margin-bottom:0px;}
.addresscol i{min-width: 20px;margin-right: 10px;}
.addresscol a{color: #000000;}
.tab-pane .row [class*="col-"]:last-child{margin-left: 30px;}
.tab-pane .row [class*="col-"] .addresscol:first-child{padding-top: 0px;}
.contactinfo{width: 50%;}
.border-bottom-col{border-bottom: 1px solid #dde3ee;}
.keycapablitisrow .leftobjectbottom{top: -100px;bottom:auto;}
.servicestoprow .leftobjectbottom{bottom: -150px;}
.servicestoprow .row [class*="col-"] .contentservice{margin-bottom: 25px;}
.servicestoprow .row [class*="col-"] .contentservice:last-child,
.servicestoprow .row [class*="col-"] .contentservice ul:last-child,
.servicestoprow .row [class*="col-"] .contentservice p:last-child{margin-bottom: 0px;}
.contentservice  h2{font-size: 40px;}
.servicestoprow h1 sup, .servicestoprow h2 sup{vertical-align: top;top: 20px;left: 0px;font-weight: 700;color: #006FCF;font-size: 18px;}
.servicestoprow .list-items ul li{margin-bottom: 10px;}
.keycapcol{padding-bottom: 25px;margin-bottom: 25px;}
.keycapablitirow .keycapcol:first-child{padding-top: 25px;}
.keycapablitirow .keycapcol:last-child{margin-bottom: 0px;}
.keycapcol i{min-width: 80px;margin-right: 20px;}
.keycapcol p{margin-bottom: 0px;}
.keycapcol h3{margin-bottom: 15px;}
.accordion-button:focus, .accordion-button:focus{box-shadow: none;}
.accordion-button{font-size: 24px;color: #001E5B;font-weight: 700;padding: 0px; cursor: pointer; margin-bottom: 0px;}
.accordion-button:not(.collapsed){background-color: #fff;box-shadow: none;color: #001E5B;}
.operation-ransformation-sec .accordion-item, 
.risk-management-sec .accordion-item {
    border: 1px solid #DDE3EE !important;
}
.accordion-item{border: 1px solid #DDE3EE;margin-bottom: 30px;overflow: hidden;padding:30px;}
.accordion-item:first-of-type .accordion-button{border-radius: 0px;}
.accordion-item:first-of-type, .accordion-item, .accordion-item:last-of-type{border-radius: 15px;}
.accordion-button:not(.collapsed)::after, .accordion-button::after{display: none;}
.accordion-button::before {flex-shrink: 0;width: 35px; height: 35px; content: ""; margin-right: 20px; background-image: url(../images/plus-icon.svg); background-repeat: no-repeat; transition: transform .2s ease-in-out; }
.accordion-button:not(.collapsed)::before {background-image: url(../images/minus-icon.svg); transform:none; }
.accordion-body{padding: 20px 30px 0px 55px;}
.accordion-body :last-child{margin-bottom: 0px;}
.fraudindirow .keycapcol{min-height: 100%;margin-bottom: 0px;}
.fraudindirow ul{margin-bottom: 0px;}
.fraudindirow ul li:last-child{margin-bottom: 0px;}
.otherprodslider {margin: 0px -12px;}
.otherprodslider .slick-slide{padding: 0px 12px;}
.titlecapt .btn-theme:hover{background-color: #fff;color: #006FCF;}
.otherprodslider .titlecapt h3{margin-bottom: 25px;}
.contentother p{font-size: 18px;line-height: 26px;}
.keyvariable .whitebox{min-height: 100%;}
.managementaboutrow .row [class*="col-"]{margin-bottom: 50px;}
.managementaboutrow.mb-70{margin-bottom: 20px;}
.managementaboutrow a img{margin-bottom: 30px;}
.managementaboutrow h4, .managementaboutrow h3 {margin-bottom: 10px;transition: all 0.3s ease-in-out;color: #001E5B;}
.managementaboutrow a:hover h4{color: #006FCF;}
.teamdata h4, .teamdata h3{font-size: 22px;margin-bottom: 13px;}
.aboutdesig{color: #333;}
.teamdetailinfo{align-items: center;margin-bottom: 50px;}
.teamimg{margin-right: 50px; }
.ourservices-box ul{margin-bottom: 20px;font-size: 17px;}
.hmproduct-box-title {margin-bottom: 10px;display: inline-block;vertical-align: top;width: 100%; color: #000;}
.hmproduct-box-inner{padding-bottom:0px;}
.hmproduct-box-btn{position: absolute;bottom: 0px;padding: 0px 30px 30px;left: 0px;right: 0px;}
.blogthumblist{margin-bottom: 30px;}
.logo_div .col{
    flex: 0 0 14%;
}
.blogthumblist a{display: block;}
.blogcontentlist{display: flex;width: 100%;}
.titleblog h1, .titleblog h2{font-size: 24px;margin-bottom: 10px;color: #001E5B;transition: all 0.3s ease-in-out;}
.dataspan{font-size: 16px;font-weight: 700;margin-right: 30px;min-width: 70px;max-width: 70px;color: #333;}
.cataglistrow{text-align: center;}
.mainblogrow .leftobjectbottom, .blogsinglerow .leftobjectbottom{bottom: 180px;}
.cataglistrow .btn-theme{background-color: transparent;border:2px solid #006FCF;margin: 0px 5px;color: #006FCF;}
.cataglistrow .btn-theme:hover, .cataglistrow .btn-theme.active{background-color: #006FCF;color: #fff;}
.bloglisting{margin-bottom: 20px;}
.bloglisting .row >  [class*="col-"]{margin-left: 8.33333333%;margin-bottom: 50px;}
.bloglisting .row >  [class*="col-"]:nth-child(4n + 1){margin-left: 0px;}
.bloglistcol a:hover h2, .mainblogrow a:hover h1{color: #006FCF;}

.paginav {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px;}
.paginav a, .paginav span {text-decoration: none; margin: 0px; margin-right: 10px; text-align: center; font-size: 18px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; }
.paginav span.arrow-previous, .paginav span.arrow-next {position: relative; display: inline-block; margin-right: 0px; text-align: center; line-height: 43px;}
.arrow-previous::before, .arrow-next::before {display: inline-block; height: 16px; width: 20px;content: '';transition: all 0.3s ease; background-image: url(../images/arrow-page-right.svg);background-repeat: no-repeat;background-position: center;position: relative;} 
.arrow-previous::before {left: 0px;transform: rotate(-180deg);}
.arrow-next::before {left: 0px;}
.paginav span.current {border-color: #006FCF;background-color: #006FCF; color: #fff;}
.paginav a{border:1px solid transparent}
.paginav a:hover {border-color: #001E5B;}
.blogsinglerow .blogcontentlist span{min-width: inherit;max-width: inherit;margin-bottom: 5px;margin-right: 0px;}
.blogsinglerow .blogcontentlist span a{color: #333;text-transform: uppercase;}
.blogsinglerow .blogcontentlist span a:hover{color:#006FCF;}
.blogsinglerow .blogcontentlist{flex-wrap: wrap;margin-bottom: 20px;}
.blogsinglerow h1{font-size: 40px;}
.blogsinglerow h2{font-size: 30px;}
.blogsinglerow h3, .otherblogrow  h3{font-size: 24px;color: #001E5B;transition: all 0.3s ease-in-out;}
.otherblogrow .row >  [class*="col-"] a:hover h3{color: #006FCF;}
.blogsinglerow ul{margin-bottom: 15px;}
.blognavdetail {display: flex;justify-content: space-between;margin-top: 30px;}
.f_title_color{
    color: #006fcf !important;
}

.themefooter{
    background-color: #EDEDED;
}

/* Inner page header css end */
.modal-body { padding: 30px; }
.Modalfrm h2{font-size: 30px;}
.btn-close:focus{box-shadow: none;}
.btn-close{position: absolute;background-image: none; right: 20px;top: 20px;padding: 0px;opacity: 1; background-image: none;width: 18px;height: 18px;transform: rotate(45deg);display: inline-flex;justify-content: center;align-items: center;}
#deleteButton.btn-close{filter: invert(1); padding: 0 !important;}
.btn-close:hover{opacity: 1;}
.btn-close::after{background-color: #006FCF;width: 100%;height: 2px;content: '';}
.btn-close::before{background-color: #006FCF;height:100%;width: 2px;position: absolute;top: 0px;content: '';}
.btn-close:hover::after,
.btn-close:hover::before{background-color: #333;}
.modal-body{padding: 30px;}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
.aboutpop .modal-dialog{margin: 0px;width: 100%;max-width: 100%;justify-content: flex-end;display: flex;min-height: 100%;} 
.aboutpop .modal-dialog .modal-content{width: 50%;border-radius: 0px;border: none;padding: 50px;}
.aboutpop .btn-close{top: 50px;right: 50px;}
.aboutpop.modal.fade .modal-dialog{transform:translate(100%, 0px);}
.aboutpop.modal.show .modal-dialog{transform: none;}
.modal-backdrop{background-color: #001E5B;}


/* Delete this css */
/* .aboutpop.modal{display: flex !important;justify-content: flex-end;background-color: rgba(0,0,0,0.5);}
.modal-backdrop.show{opacity: 0.50;}
.modal.fade .modal-dialog,
.modal.show .modal-dialog{transform:none ;}
.fade:not(.show){opacity: 1;} */


@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes slideInLeft {
    from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes slideInLeft {
    from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
    from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes slideInRight {
    from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; visibility: visible; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
@-webkit-keyframes zoomOut {
    from { opacity: 1; }
    50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
    to { opacity: 0; }
}
@keyframes zoomOut {
    from { opacity: 1; }
    50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
    to { opacity: 0; }
}
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }
@-webkit-keyframes zoomIn {
    from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
    50% { opacity: 1; }
}
@keyframes zoomIn {
    from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
    50% { opacity: 1; }
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
@-webkit-keyframes spinner {
    from { transform: rotate(0deg); opacity: 1; }
    to { transform: rotate(360deg); }
}
@keyframes spinner {
    from { transform: rotate(0deg); opacity: 1; }
    to { transform: rotate(360deg); }
}
.spinner { -webkit-animation-name: spinner; animation-name: spinner; }
@-webkit-keyframes pulse {
    0% {-webkit-transform: scale(1); transform: scale(1); }  
    50% {-webkit-transform: scale(1.1); transform: scale(1.1); }  
    100% {-webkit-transform: scale(1); transform: scale(1); }
  }  
  @keyframes pulse {
    0% {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }  
    50% {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }  
    100% {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  }
  @keyframes pulsehover {
    0% {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }  
    50% {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }  
    100% {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  }
  @-webkit-keyframes pulsehover {
    0% {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }  
    50% {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }  
    100% {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  }
.pulse {-webkit-animation-name: pulse; animation-name: pulse; animation-iteration-count: infinite; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both ;}  


.loader-wrap{
    position: absolute;
    bottom: 0;
}
.grecaptcha-badge { display: none !important; }
.wpcf7-spinner { position: relative; top: 5px }
.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output { background: #d1e7dd !important; border: 1px solid #badbcc !important; margin: 30px 0 0; padding: 7px 15px; color: #0f5132; position: relative; z-index: 1; border-radius: 5px; font-size: 16px; text-align: left }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { background: #f8d7da !important; border: 1px solid #f5c2c7 !important; text-align: left; margin: 30px 0 0; padding: 7px 15px; color: #842029; position: relative; z-index: 1; border-radius: 5px; font-size: 16px ;    position: absolute;
    bottom: -50px;}

/*newhomepage*/
.videoCol.fullscreenbanner-video { width: 457px; }
.fullscreenbanner-video-box { margin: 60px 0px; }
.ourservices-box { overflow: hidden; }
.appconfi-box { width: 20%; }
.appconfirow { padding: 50px 0px; padding-bottom: 40px; }
.appconfirow .row .bordergreyRight:last-child{border: none;}
.hmproduct-box { min-height: 100%; overflow: hidden;padding-bottom:80px; }
.hmproductrow .row [class*='col-'] { margin-bottom: 30px; }
.footermenu a, .copyrightcol { font-size: 16px; display: grid;justify-content: center;}
/* .hmproduct-box-btn { position: absolute; bottom: 50px; } */
/* .whitebox.hmproduct-box-inner { padding: 50px 50px 120px 50px; } */
/* .titlecapt{padding:20px 30px 30px;background-color: #162A83;} */
.titlecapt{padding:20px 20px;background-color: #162A83;}
.titlecapt h3 span, .titlecapt h2 span{color: #fff;}
.titlecapt h3, .titlecapt h2{margin-bottom: 0px; font-size: 22px;}
.footertopcall {margin-bottom: 55px;}
.fancybox-slide{padding: 100px;}
.box_img_size{text-align: center; background-color: #162a81;}
.box_img_BKcolor{background-color: #F3F7FF;}
.current-menu-ancestor.current-menu-parent > a ,.current-menu-ancestor.current-menu-parent > a,
.current-menu-ancestor.current-menu-parent > a:after, .navmenu>ul li.current_page_item > a,
 .mainheader.sticky .navmenu > ul > li.current-menu-parent,.mainheader.sticky .navmenu > ul > li.current-menu-parent > a,.navmenu >ul > li.current-menu-parent > a { color: #006FCF !important; }
.navmenu>ul>li:hover>a, .navmenu>ul>li a.active, .navmenu>ul>li.active a { color: #006FCF; }
.innerheader .navmenu > ul > li.current-menu-parent > a::before, .innerheader .navmenu > ul > li.current-menu-parent > a::after,.mainheader.sticky .navmenu > ul > li.current-menu-parent a:after,.mainheader.sticky .navmenu > ul > li.current-menu-parent a:before { background-color: #006FCF !important; }
.rg-18{
    row-gap: 18px;
}

@media only screen and (max-width: 1366px){
.hmproduct-box.product-card-box {padding-bottom: 55px;}
}
@media only screen and (max-width: 1199px){
    .hmproduct-box-btn.product-card-btn {
        bottom: 25px;
        padding-bottom: 10px;
    }
    .home-products .col-lg-4{
        min-width: 48%;
    }
}
@media only screen and (max-width: 767px)
{.whitebox {
    padding: 25px;
    margin:12px;
}
}
@media (max-width: 767px)
{
    .col-md-6 {  
        margin:12px;
    }
    .accordion-card-list{
        margin: 0 !important;
    }
    
}
@media (min-width: 768px)
{.col-4-mid {
    width: 33.33333333%;
    display: flex;
}
}
.slick-initialized .slick-slide {
    display: flex;
    justify-content: center;

}
.key-capab-row{width:150% !important}
h2.header-size {font-size: 40px;}
.img-resize{max-width: 90%;}
.india-contact-size{align-items: center; }

@media only screen and (max-width: 992px){
.key-capab-row p {
    flex:0 0 auto;
    width: 61%;
}
}
@media only screen and (max-width: 992px){
    .key-capab-row h3 {
        flex:0 0 auto;
        width: 61%;
    }
    }
.circle-img{
    position:relative;
    z-index:-1;   
}
@media only screen and (max-width: 767px){
    .contactfooter{
margin-top: 40px !important;
padding-left: 21px;
    }
    }
@media only screen and (max-width: 994px){
        .contactfooter{
    padding-left: 21px;
}
        }
@media only screen and (max-width: 767px){
        .loader-wrap{
            position: relative;
            left:11px
}
}
    @media only screen and (max-width: 767px){
        .footermain textarea {
            position: relative;
            left: 11px;
        }
    }

    @media only screen and (max-width: 575px){
        .footermain textarea {
            position: relative;
            left: 0px;
        }
    }

@media only screen and (max-width: 400px){
    .nav-pills .nav-link{
        padding: 9px 16px;
        font-size: 22px;
    }
    .nav-pills .nav-link svg {
        max-width: 28px;
    }
    .nav-pills .nav-link span {
        margin-right: 11px;
    }
    .servicenav{
        padding: 8px;
    }
}

.hero-btn-home{
    margin-top: 1rem;
}

.clientrowsect  .container .row .col{
    align-items: center;
    display: flex;
    justify-content: center;
}

#exampleModalToggle .img-with-video {
    background-image: url('../../blucognition/images/upload/background_img-video.png');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 438px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#exampleModalToggle .video-upper-content {
    color: white;
    text-wrap: balance;
    margin-bottom: 25px;
    text-align: left;
    font-size: 26px;
    line-height: 33px;
}
#exampleModalToggle.modal{
    overflow: inherit;
}
#exampleModalToggle .modal-resposive-width {
    min-width: 100% !important;
    margin-top: 109px;
}
#exampleModalToggle .modal-body{
   max-height: calc(100% - 110px);
} 

#exampleModalToggle .video-body-with-content {
    padding-top: 0px;
    overflow: auto;
}

#exampleModalToggle .from-top-padding {
    padding-top: 1rem;
}
#exampleModalToggle .mdl-scroling-responsive{
    position: absolute; bottom: 0; top: 0;
}
#exampleModalToggle .fadeInLeft-sprate {
    visibility: visible;
    animation-name: fadeInLeft;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#exampleModalToggle .reach-more-content {
    font-size: 30px;
    color: #006fcf !important;
    font-weight: 700;
}

#exampleModalToggle .wpcf7-form-control-wrap {
    position: relative;
}

#exampleModalToggle .footermain .form-control {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #afafaf;
    border-radius: 0px;
    color: #000 !important;
}

#exampleModalToggle .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 0px 0px 5px;
    color: #000 !important;
    background-color: #fff;
    background-image: none;
    border: none;
    border-bottom: 2px solid #006FCF;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    box-shadow: none;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    text-overflow: ellipsis;
}

#exampleModalToggle .form-control:focus {
    box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0);
    border-bottom: 2px solid #006FCF;
}

#exampleModalToggle .submit-btn-theme-cong {
    padding: 12px 30px;
    text-align: center;
    display: inline-block;
    color: #fff;
    width: 400px;
    border-radius: 100px;
    background-color: #006FCF;
    letter-spacing: 1px;
    line-height: 1;
    vertical-align: top;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    position: relative;
    border: none;
}

#exampleModalToggle  .modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
#exampleModalToggle  .btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e);
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: var(--bs-btn-close-opacity);
}
#exampleModalToggle .btn-close::before{
    background-color: rgb(90, 89, 89);
}
#exampleModalToggle .btn-close::after{
    background-color: rgb(90, 89, 89);
}
#exampleModalToggle .modal-header{
    padding: 1.5rem 1rem;
}

#exampleModalToggle .thank-you-main-div{
    height: 100%;
}

#exampleModalToggle .tik-img-thankwrite{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#exampleModalToggle .img-thank-content{
    margin-bottom: 10%;
}
#exampleModalToggle .thnk-y-h1{
    color:black;
    font-size: 24px; 
    text-align: center;
    line-height: 1.4;
}

#exampleModalToggle .mdl-body-inner-div{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
/* background popUp dorpDown color */
 .modal-backdrop{
    background-color: transparent;
}
/* Captcha div */
#exampleModalToggle .captcha-form-div{
    width: 304px; height: 78px; margin-top: 7px;
}
#exampleModalToggle .submit-form-pop-div{
    margin-top: 10px; 
    position: relative;    
    text-align: center;
}

#exampleModalToggle .delete-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border: 1px solid #ccc;
    z-index: 9999;
    position: absolute;
    width: 430px; 
    padding: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    border-radius: 8px;
    overflow: hidden;
}

#exampleModalToggle .extra-div-top{
    height: 35px; 
    background-color: #006FCF;
}
#exampleModalToggle .dlt-main-div{
    padding: 28px 40px;
}
#exampleModalToggle .sure-wnt-font{
    margin-bottom: 17px; font-size: 20px;
}
#exampleModalToggle .dlt-pop-btn-div{
    display: flex; flex-direction: column; gap: 20px;
}
#exampleModalToggle .cancel-btn-pop{
    background-color: #006FCF; color: white
}
#exampleModalToggle .cancel-btn-pop:hover{
    color: white;
}
#exampleModalToggle .exit-pop-btn{
    border: 2px solid #006FCF; color: #006FCF;font-weight: 600;
}
#exampleModalToggle .exit-pop-btn:hover{
    color: #006FCF;
}
#exampleModalToggle .submitted-yed-ptag{
    font-size: 15px
}


#popUpFormDiv .wpcf7-not-valid-tip{
    font-size: 12px;
}

#popUpFormDiv br{
    display: none;
}

/* #popUpFormDiv form .row p {
    display: none;
} */

#popUpFormDiv form.wpcf7-form .row>p{
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.num-symbol-sup{
    top: -8px;
    /* font-weight: 500; */
}


.heading-with-key{
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
}

.heading-with-key span{
    font-size: 30px;
}
.heading-with-key-sub-head{
    font-size: 30px !important;
    color: #001E5B;
}

/* .heading-with-key.mb_statement_text{margin-bottom: 20px;} */
.bullet-list-icon ul li::before { background: url(../images/bullet.svg); width: 8px; height: 8px; left: 8px; top: 8px; background-repeat: no-repeat; background-size: cover;  }

.operations-expand-body{
    padding: 20px 30px 0px 25px;
}

.managed-services-features{
    display: flex; flex-direction: column; margin-top: 28px; row-gap: 32px;
}

.managed-services-features-child{
    display: flex; gap: 32px; column-gap: 32px; row-gap: 32px;
}

.infograpic-vector-img-div{
    display: grid;
    place-items: center;
}

/* .outher-title-name{
    font-size: 30px;
} */





#popUpFormDiv form .wpcf7-response-output {
    width: 100%!important;
    position: relative;
    margin-top: -42px;
    margin-bottom: 82px;
}



/* ********************* Product Offerings css Start (kishan)****************************** */

.product_offerings{
    display: flex; align-items: center;
}
.pad_right_82{
    padding-right: 82px
}

.product_offerings_heading_text{
    color: #006FCF; font-size: 45px
}

.product_offerings_content{
    color: #000000
}
.product_offerings_anchor_tag{
    background: #006FCF; color: #fff; font-size: 16px; display: flex; width: fit-content; border-radius: 40px;
    border: 1px solid #006FCF;
}

.product_offerings_anchor_tag span{
    width: 172px; height: 42px; display: flex; align-items: center; justify-content: center;font-weight: 600;
}

.product_offerings_anchor_tag:hover {
    border: 1px solid #006FCF;
    color: #006FCF;
    background: #fff;
}

.video_text_col_class{
    display: flex; flex-direction: column; gap: 74px;
}

.uper_video_text_div{
    display: flex; align-items: center;
}

.uper_iframe_wrapper_div{
    box-shadow: 0px 0px 10.9px 0px #00000040; padding: 2px; display: flex; justify-content: center; align-items: center; width: 50%;  max-width: 442px; margin-left: auto; margin-right: 0;
}

.uper_blusense_video_text_div{
    width: 50%; padding-left: 52px
}

.uper_blusense_video_text_div h2{
    font-size: 30px;
    margin-bottom: 8px;
}

.uper_blusense_video_text_div p{
    color: #000; font-size: 16px; 
}

.down_video_text_div{
    display: flex; align-items: center;
}

.down_fraudlens_video_text_div{
    width: 50%; padding-right: 52px;
}

.down_fraudlens_video_text_div h2{
    font-size: 30px;
    margin-bottom: 8px;
}

.down_fraudlens_video_text_div p{
    color: #000; font-size: 16px;
}

.down_iframe_wrapper_div{
    box-shadow: 0px 0px 10.9px 0px #00000040; padding: 2px; display: flex; justify-content: center; align-items: center; width: 50%; max-width: 442px; margin-right: auto; margin-left: 0;
}

.BKcolor_new{
    background-color: #F3F7FF;
}

.BKcolor_new h3 span{
    color: #333333;
}

.top_108_padding{
    padding-top: 108px;
}

.video_iframe_section{
    position: absolute; width: 98% !important; height: 96% !important;
}

.bg_color_insideA_Section{
    background-color: #F3F7FF
}

.max_100_size{
    max-width: 100%;
}

.mb-35{
    margin-bottom: 35px;
}
/* ********************* Product Offerings css end ****************************** */

@media screen and (max-width: 1706.67px) {
    .cookies-reponsive{
        height: inherit;
        margin-top: 60px;
    }
}
@media screen and (max-width: 1600px) {
    .cookies-reponsive{
        margin-top: 20px;
    }
}
@media screen and (max-width: 1422.22px) {
    #exampleModalToggle .modal-resposive-width {
        height: 100%;
        margin-top: 0px;
    }
    .cookies-reponsive {
        margin-top: 48px;
    }
    #exampleModalToggle .modal-body{
        max-height: calc(100%);
    }
}

@media screen and (max-width: 1400px) {
    /* .infograpic-vector-img-div{
        width: 100% !important;
    }
    .key-capablities-column{
        width: 100% !important;
    }
    .direction-column-md{
        row-gap: 52px;
    } */

    .product_offerings_heading_text{
        font-size: 38px;
        
    }

    .product_offerings_content{
        font-size: 16px;
    }

    .list-md-center-align{
        width: 100% !important;
    }

    /* .real-time-teampering-content{
        font-size: 28px;
    } */
}
@media screen and (min-width: 1400px) {
   
    .list-md-center-align{
        margin-left: 200px;
        width: 100%;
    }
}


@media screen and (max-width: 1280px) {
    #exampleModalToggle .mdl-body-inner-div{
        margin-top: 20px;
        margin-bottom: 34px;
    }
    
    .cookies-reponsive{
        margin-top: 0px;
    }
    #exampleModalToggle .mdl-scroling-responsive{
        bottom: 52px !important;
        height: 100%;
    }
    #exampleModalToggle .delete-popup{
        width: 343px;
    }
    #exampleModalToggle .dlt-main-div{
        padding: 28px 28px;
    }
    #exampleModalToggle .sure-wnt-font {
        margin-bottom: 7px;
        font-size: 17px;
    }
    #exampleModalToggle .submitted-yed-ptag{
        font-size: 14px;
    }
    #exampleModalToggle .cancel-btn-pop{
        font-size: 13px;
    }
    #exampleModalToggle .exit-pop-btn{
        font-size: 13px;
    }
}

@media screen and (max-width: 1254px) {
    #exampleModalToggle .mdl-body-inner-div{
     height: max-content;
    }
 }

 @media screen and (max-width: 1200px) {
    .direction-column-md{
        row-gap: 4px;
        flex-direction: column;
    }
    .infograpic-vector-img-div{
        width: 45.3333% !important;
    }
    .key-capablities-column{
        width: 54.6667% !important;
    }

    .managed-services-features-child{
        /* display: block !important; */
        flex-direction: column;

    }
    
    .infograpic-vector-img-div{
        display: flex;
        justify-content: end;
        align-items: start;
    }

    .managed-services-features{
        margin-top: 20px;
    }

    .pad_right_82{
        padding-right: 30px;
    }
    .product_offerings_heading_text{
        font-size: 34px;
    }

    .uper_blusense_video_text_div{
        padding-left: 28px;
    }

    .uper_blusense_video_text_div h2{
        font-size: 28px;
    }

    .down_fraudlens_video_text_div{
        padding-right: 32px;
    }

    .down_fraudlens_video_text_div h2{
        font-size: 28px;
    }
    
  

    /* .real-time-teampering-content{
        font-size: 22px;
    } */

 }


 
@media screen and (max-width: 1163.64px) {
    #exampleModalToggle .modal-resposive-width{
        margin-top: 0px;
    }
    #exampleModalToggle .modal-body{
        max-height: calc(100%);
    }
    #exampleModalToggle .mdl-body-inner-div{
        margin-top: 20px;
        margin-bottom: 90px;
        height: max-content;
   }
   #exampleModalToggle .mdl-scroling-responsive {
    bottom: 33px !important;
    }
    #exampleModalToggle .delete-popup {
        width: 300px;
    }
    #exampleModalToggle .dlt-main-div {
        padding: 22px 22px;
    }
    #exampleModalToggle .submitted-yed-ptag {
        font-size: 12px;
    }
    #exampleModalToggle .sure-wnt-font {
        margin-bottom: 5px;
        font-size: 15px;
    }
    #exampleModalToggle .cancel-btn-pop {
        font-size: 12px;
    }
    #exampleModalToggle .exit-pop-btn{
        font-size: 12px;
    }
}

@media screen and (max-width: 992px) {
    #exampleModalToggle .submit-btn-theme-cong {
        width: 310px;
    }

    .product_offerings{
        order: 2;
    }
    .video_text_col_class{
        order: 1;
    }

    .fullscreenbanner{
        height: auto !important;
    }

    /* .fullscreenbanner{
        height: auto !important;
    } */

    .topBanneradditional{
        padding-top: 108px !important;
        position: static !important;
        transform: none !important;
    }

    .video_text_col_class{
        gap: 42px;
    }

    .product_video_content_row{
        gap: 32px;
    }
    
    .pad_right_82{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .product_offerings{
        padding: 29px 0px;
    }

    .product_offerings_content{
        width: 80%;
    }

    .fillsliderthumb{
        padding-bottom: 67px;
    }
}

@media screen and (max-width: 949px) {
  #exampleModalToggle .submit-btn-theme-cong {
        width: 300px;
    }
}
@media screen and (max-width: 853.33px) {
    #exampleModalToggle .mdl-body-inner-div{
        margin-bottom: 112px;
    }
    #exampleModalToggle .delete-popup {
        width: 260px;
    }
    #exampleModalToggle .dlt-main-div {
        padding: 10px 15px;
        padding-bottom: 20px;
    }
    #exampleModalToggle .sure-wnt-font {
        font-size: 13px;
    }
    #exampleModalToggle .submitted-yed-ptag {
        font-size: 10px;
    }
    #exampleModalToggle .dlt-pop-btn-div{
        gap: 15px;
    }
    #exampleModalToggle .cancel-btn-pop {
        font-size: 10px;
    }
    #exampleModalToggle .exit-pop-btn {
        font-size: 10px;
    }

}
@media screen and (max-width: 847px) {
    #exampleModalToggle .submit-btn-theme-cong {
        width: 330px;
    }
}

@media screen and (max-width: 768px) {
    #exampleModalToggle .mdl-body-inner-div{
        margin-bottom: 214px;
    }
   #exampleModalToggle .submit-btn-theme-cong {
        width: 300px;
    }
    #exampleModalToggle .mbl-oder {
        order: 2;
        padding-top: 2.5rem;
    }
    #exampleModalToggle .from-top-padding {
        padding-top: 0rem;
    }
    #exampleModalToggle .img-thank-content{
        margin-bottom: 0px;
    }
    #exampleModalToggle .thank-you-main-div{
        height: 438px !important;
    }
    #exampleModalToggle .col-md-6{
        margin: 0;
    }


    /* .w-md-100{
        width: 100% !important;
    } */
    /* .w-md-100 p{
        text-align: justify;
    } */

    .infograpic-vector-img-div{
        width: 100% !important;
    }

    .key-capablities-column{
        width: 100% !important;
    }

    .infograpic-vector-img-div{
        justify-content: start;
    }
    
    .uper_video_text_div{
        flex-direction: column;
        gap: 24px;
    }

    .topBanneradditional{
        position: static !important;
        transform: none !important;
        padding-top: 32px !important;
    }

    .uper_iframe_wrapper_div{
        padding-bottom: 0px !important;
        margin: auto;
        width: 100%;
        max-width: none;
    }

    .uper_blusense_video_text_div{
        width: 100%;
        padding: 0;
    }

    .down_video_text_div{
        flex-direction: column;
        gap: 24px;
    }

    .down_fraudlens_video_text_div{
        order: 2;
        width: 100%;
        padding: 0;
    }

    .down_iframe_wrapper_div{
        order: 1;
        padding-bottom: 0px !important;                                                                      
        width: 100%;
        max-width: none;
    }

    .video_text_col_class{
        gap: 24px;     
    }

    .fillsliderthumb{
        padding-top: 75px;
       
    }
    .pad_right_82{
        display: inline-block;
        text-align: left;
        padding-right: 0px;
    }

    .product_offerings{
        padding: 29px 12px;
    }

    .product_offerings_content{
        width: 100%;
    }
    
    .down_fraudlens_video_text_div h2, .uper_blusense_video_text_div h2{
        margin-bottom: 4px;
    }

    .mbl-spaceing-video-row{
        gap: 12px !important;
    }

}

@media screen and (max-width: 670px) {
    #exampleModalToggle .submit-btn-theme-cong {
        width: 300px;
    }
}

@media screen and (max-width: 614px) {
    #exampleModalToggle .submit-btn-theme-cong {
        width: 300px;
    }
}

@media screen and (max-width: 592px) {
    #exampleModalToggle .mdl-body-inner-div{
        margin-bottom: 250px;
    }
} 

@media screen and (max-width: 576px) {
  
    #exampleModalToggle .submit-btn-theme-cong {
        width: 200px;
    }

    .fillsliderthumb{
        padding-bottom: 32px;
    }

    .product_offerings_heading_text{
        font-size: 28px;
    }

    .down_fraudlens_video_text_div h2, .uper_blusense_video_text_div h2{
        font-size: 24px;
    }

    /* .video_text_col_class{
        gap: 45px;
    } */

    
    .bg_color_insideA_Section{
        /* margin-bottom: 0 !important; */
        /* padding-bottom: 0px !important; */
    }

    
    /* .infograpic-vector-img-div{
        place-items: flex-start !important;
    } */
}




/* header tag manage */
.footer-h3{
    margin-top: 8px;
}


/* .real-time-teampering-content{
    width: 86%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
} */
/* 
.titel-height{
    height: 115px;
    display: flex;
    align-items: center;
} */

.stretch-div{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.stretch-div .stretch_flex{
    flex: 1;
    display: flex;
    flex-direction: column;
}

.stretch-div .stretch_flex ul{
    flex: 1;
}

.stretch-div .stretch_flex .bottom_side_btn{
    width: max-content;
}

.testmonals-section{
    background: #F3F7FF; 
    padding: 90px 0px;
    /* padding-bottom: 140px; */
}

.testimonial-linear-div{
    background: linear-gradient(90deg, #27036E 10%, #0F47AB 70%, #006FCF 100%);
    display: flex;
    border-radius: 17px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    padding-top: 12px;
    height: 100%;
}

.testimonial-div-content{
    border-radius: 12px 12px 0px 0px; 
    background-color: #fff; 
    padding: 32px 20px 20px 20px;
    border-radius: 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.testimonial-content{
    color: #000;
    font-size: 16px;
    flex: 1;
}

.personName-architect-div p{
    margin: 0;
}

.personName-architect-div .name-of-person{
    color: #000; 
    font-size: 16px; 
    font-weight: bold;
    margin: 0;
}
.personName-architect-div .senior-architect{
    margin: 0;
    font-size: 12px; 
    margin-top: -8px; 
    color: #505050;
}

.notificaion_popUp_section{
   min-height: 78px;   margin-top: 106px; display: none;
}
.notificaton_Container_body .zero_padding_for_notification{
    padding-top: 0px !important
}
.notificaton_Container_body .fix_padding_for_notification{
    padding-top: 0px !important;
}

.notificaton_Container_body .notificaion_popUp_section{
    display: flex;
    align-items: center;
    /* padding: 0px 32px; */
}

.notificaiton_popup_content_wrapper{
    flex: 1;  display: flex;
    background: #fff  ;
    border-top: 2px solid #006FCF;
    border-bottom: 2px solid #006FCF;
    /* background: green; */
    position: fixed;
    z-index: 19;
    width: 100%;
    transition: background 0.5s ease-in-out; 
    /* transition: all 3s; */
    min-height: 78px;
}

.notificaiton_popup_content_flex{
    display: flex ;
    justify-content: center; align-items: center;
    width: 100%;
    height: auto;
    transition: background .3s;
    background: transparent;
    padding: 0px 22px;
}

.notification_logos_container{
    margin-right: 12px
}

.notification_logos_container a:first-child{
    display: flex;
   
}

/* .notification_logos_container a:last-child{
    display: none;
   
} */

.notificaiton_popup_content_wrapper .notificaiton_popup_content_flex a.notificaion_text{
    color: #006FCF;
    font-size: 26px;
    text-decoration: underline;
    line-height: 26px;
    font-weight: 600;
    transition: none !important;
    line-height: 1.4;
}

/* .notification_close_span_tag{
    display: flex;
    cursor: pointer;
} */

/* .notificaion_popUp_section:hover .notification_logos_container a:first-child{
    display: none;
    transition: none !important;


}

.notificaion_popUp_section:hover .notification_logos_container a:last-child{
    display: block;
    transition: none !important;

} */

.notificaiton_popup_content_flex:hover {
    /* background: #fff */
}

.notificaion_popUp_section:hover .notificaiton_popup_content_wrapper .notificaiton_popup_content_flex a.notificaion_text{
   
}


.linear_gradient_color_f_title{
    background: linear-gradient(91.22deg, #250974 -9.28%, #006FCF 85.58%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* .notificaion_popUp_section:hover span.notification_close_span_tag svg path{
    stroke: #767676;
} */
/* .center-of-testimonial{
    height: calc(100% + 50px);
} */

@media screen and (max-width: 1410px) {
    .notificaiton_popup_content_flex{
        flex-direction: column;
        gap: 8px;
    }
    .notificaion_popUp_section{
        margin-top: 133px;
    }

    .notificaiton_popup_content_wrapper{
        min-height: 132px;
    }
    .notificaiton_popup_content_wrapper .notificaiton_popup_content_flex a.notificaion_text{
        text-align: center;
    }
}
@media screen and (max-width: 1252px) {
    .notificaiton_popup_content_wrapper .notificaiton_popup_content_flex a.notificaion_text{
        text-align: center;
    }
}
@media screen and (max-width: 1200px) {
    .notificaton_Container_body .notificaion_popUp_section{
        /* padding: 32px 32px; */
        min-height: 124px;
        margin-top: 110px;
    }
    .notificaiton_popup_content_flex{
       
        min-height: 124px;
        /* padding: 0px 32px */
    }

   
}


@media screen and (max-width: 1198px) {
    .notificaton_Container_body .notificaion_popUp_section{      
        margin-top: 85px;
    }
}

@media screen and (max-width: 1180px) {
    .notificaion_popUp_section{
        margin-top: 69px;
    } 
    
    .notificaton_Container_body .notificaion_popUp_section{
        height: 124px;
    }
    .notificaiton_popup_content_flex{
        
        /* padding: 22px 32px */
    }
}
@media screen and (max-width: 1198px) {
    .notificaion_popUp_section{
        margin-top: 92px;
    }
}


@media screen and (max-width: 1137px) {
    .notificaion_popUp_section {
        margin-top: 92px;
    }
}

@media screen and (max-width: 1020px) {
    .notificaton_Container_body .notificaion_popUp_section{
        position: relative;
    }
    .notificaion_popUp_section {
        margin-top: 92px;
    }
    /* .notification_close_span_tag{
        position: absolute;
        top: 16px;
        right: 32px;
    } */
    .notificaiton_popup_content_wrapper .notificaiton_popup_content_flex a.notificaion_text{
        font-size: 18px;
       
    }
}


@media screen and (max-width: 1024px) {
    .notificaton_Container_body .notificaion_popUp_section {
        margin-top: 84.5px;
    }
}
@media screen and (max-width: 942px) {
    .notificaion_popUp_section {
        margin-top: 92px;
    }
}

@media screen and (max-width: 992px) {
    .notificaton_Container_body .fix_padding_for_notification{
        padding-top: 73px !important;
    }
}

@media screen and (max-width: 800px) {
    .notificaiton_popup_content_wrapper{
        position: unset;
        z-index: 19;
    }
}
@media screen and (max-width: 768px) {
    .notificaion_popUp_section{
        margin-top: 84px;
    }
    .notificaiton_popup_content_flex{
        gap: 12px;
    }

    .notificaton_Container_body .notificaion_popUp_section{
        /* padding: 42px 32px; */
        height: 140px;
    }

    .notificaiton_popup_content_flex{
        
        /* padding: 22px */
    }
    
}

@media screen and (max-width: 544px) {
    .notificaton_Container_body .notificaion_popUp_section{
        height: 160px;
    }

    .notificaiton_popup_content_wrapper{
        min-height: 154px;
    }
    .notificaion_popUp_section{
        margin-top: 86px;
    }
}

@media screen and (max-width: 420px) {
    .notificaion_popUp_section{
        margin-top: 70px;
    }
    
   
}

@media screen and (max-width: 359px) {
    .notificaion_popUp_section{
        margin-top: 74px;
    }
    
   .notificaiton_popup_content_wrapper {
        min-height: 168px;
    }

}