@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
/***************************************************************
These styles are subject to the following license agreement(s):
https://store.typenetwork.com/cart/eula/font-bureau
https://store.typenetwork.com/cart/eula/font-bureau
***************************************************************/
.amplitudecondensedregular, .amplitudecondensedbold {
font-family: "amplitude_condensedbook";
font-style: normal;
font-weight: normal;
}
.disabled { opacity: 0.3; pointer-events: none;}
/* .dblchk ~ *{display: none;} */
.amplitudecondensedbold {  font-family: "amplitudecondensedbold";}
.uploadFileView .uploadFileViewIn object{  height: 250px;}
.uploadFileView .multi-uploadFileViewIn object {  height: 260px;  width: 90%;}
*{ padding:0px; margin:0px; list-style-type:none; border:0; outline:none; text-decoration:none; box-sizing:border-box;}
body,.body-wrap{font-family:Poppins,Sans-Serif; font-weight:400; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:transparent; margin:0; padding:0; text-rendering: optimizelegibility;}
.body-hindi{font-family: 'Noto Sans', sans-serif; font-weight:400; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:transparent; margin:0; padding:0; text-rendering: optimizelegibility;}
.body-hindi .category, .body-hindi footer a, .body-hindi input,.body-hindi select, .body-hindi .slk-bxs input,.body-hindi .obt-inpx,.body-hindi .daterangepicker select,.body-hindi .daterangepicker,.body-hindi .daterangepicker th, .body-hindi .daterangepicker td, .body-hindi .daterangepicker .drp-buttons .btn, .body-hindi .daterangepicker .drp-selected, .body-hindi .calendar .calendar-table .table-row .table-col, .body-hindi .textArea, .body-hindi .user-wrap .theme-bg .orderHistory-dtl .inp1, .body-hindi button, .body-hindi .preview.obt-preview .obt-preview-vw, .body-hindi .obt-box, .body-hindi .obt-info, .body-hindi .obt-cnt-dtl, .body-hindi .obt-ttl, .body-hindi .obt-ttl h3{font-family: 'Noto Sans', sans-serif;}
html{-webkit-box-sizing:border-box; box-sizing:border-box;}
*,*:before, *:after{-webkit-box-sizing:inherit;  box-sizing:inherit;}
img{border:0; max-width:100%; height:auto;}
:focus{outline:0;}
::-moz-focus-inner{border:0;}
input[type=number] {  -moz-appearance: textfield;}
a{outline:none; text-decoration:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); transition:all ease 0.4s; color:#000;}
.clearfix:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;}
.clear{ clear:both;}
.container{max-width: 1264px; margin: 0 auto; padding: 0 15px; width: 100%;}
.wrapper{max-width: 1264px; margin: 0 auto; padding: 0 15px;}
.fl{ float:left !important;}
.fr{ float:right !important;}
.txt-ylw{color: #ffb600;}
.txt-wt{color: #fff;}
.mt20{ margin-top:20px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.mt15{ margin-top:15px;}
.mr30{ margin-right:30px;}
.mr5{ margin-right:5px;}
.mr0{margin-right: 0;}
.mb0{margin-bottom: 0;}
.mb5{margin-bottom: 5px;}
.mb-20{margin-bottom: 20px;}
.mZero{ margin:0;}
.pr-8{padding-right: 8%;}
.pd-58{padding: 58px 0;}
.m-auto{margin: auto;}
.p10, .pd10{ padding:10px;}
.p20{ padding:20px;}
.pd5{ padding: 5px;}
.pd25{padding: 25px !important;}
.pb20{padding-bottom: 20px;}
.row{ margin-bottom:20px; font-size:16px;}
.bold{ font-weight:bold;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs20{ font-size:20px;}
.wid75{ width:75%;}
.wd-100{width:100%}
.width66{ width:66%; float:right;}
.width50{ width:50%; float:left; margin-bottom:5px;}
.width75{ width:75%; float:left; margin-bottom:5px;}
.width25{ width:25%; float:left; margin-bottom:5px;}
.width50L{ width:50%;}
.width23L{ width:23%;}
.width25L{ width:25%;}
.width33{ width:32% !important; float:left;}
.width70{width: 70%;}
.width60{width: 60%;}
.width30{width: 30%;}
.width45{width: 45%;}
.width40{width: 40%;}
.width80{width: 80%;}
.alignL,.text-left{ text-align:left;}
.alignR,.text-right{ text-align:right;}
.hide{ display:none;}
.hidden{ display:none !important;}
.alignR{ text-align:right;}
.show,.dBlock{ display:block !important;}
.msg-err{color: #DC2727; text-align:left; font-size:13px; text-transform: none;}
.text-center, .centerText,.alignC{text-align: center !important;}
.theme-bg{background: rgba(1,146,201,0.05);}
.ylw-bg{background-color: #f1ba15;}
sup {display: inline-block; vertical-align: top; margin: -4px 0 0 0;}
.hidden{visibility: hidden;}
.bx-check-lbl,.menu ul li span{position: relative;}
.alert{margin: 10px 0; display: none; position: relative; color: #fff; width: 100%; font-size: 13px; min-height: 50px; padding: 15px; border-radius: 15px; font-weight: 400; text-align: center; box-shadow: 0px 3px 20px #00000040;}
.alert-danger{background-color: #DC2727; display: block;}
.alert-success{ background-color: #4CAF50;display: block;}
.close-msg{position: absolute; right: -5px;  top: -7px; background: #fff;  padding: 0 5px;  width: 25px;  height: 25px; font-size: 16px; line-height: 1.5;  font-family: 'Lato', sans-serif;  border-radius: 50%;  color: #000;  font-weight: 700;}
.form-field{height: 30px; border: 1px solid #DDD; border-radius: 3px; text-align: center; font-size: 15px;}
.bg-0{background-color: #FFF;}
.bg-violet{background-color: #c6b2d7 /*#EE82EE*/;}
.bg-turquiose{background-color: #afdfe1 /*#40E0D0*/;}
.bg-saffron{background-color: #fdd0af /*#FF9933*/;}
.bg-olive-green{background-color: #d5cfa3  /*#556b2f*/;}
.bg-leaf-green{background-color: #d3e8c1 /*#3A5F0B*/;}
.bg-mauve{background-color: #e8bcd8 /*#dcb5ff*/;}
.bg-deep-blue{background-color: #afb4db /*#6666ff*/;}


.bg-yellow{background-color: #ffff00 /*#ffff00*/;}


.sprite{ background-image:url(../sprite.html); background-repeat:no-repeat;}
.menuSec{width:100%; padding:30px 0 10px; position:relative; z-index:99;}
.menu ul{ float:right;}
.menu ul li{ float:left;text-transform:lowercase; position: relative;}
.menu ul li.active span:after{width:100%; height: 4px; background: #0097f0; position: absolute; bottom:-5px; left: 0; content: ""}
.menu ul li a{color:#003549; position: relative; display:block; padding:0 7px 15px; font-size:14px; text-transform:capitalize; font-weight:500;}
.subMenu{position: absolute; top:30px; left:auto; right: 0; width: 200px; background: #1292c7; border-radius: 5px; margin: 0 0 0 -100px; opacity: 0; visibility: hidden; transition: all .3s .1s;}
.subMenu:before{width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom: 10px solid #1292c7; position: absolute; top: -9px; left: 50%; content: ""; margin: 0 0 0 -10px;}
.menu ul li:hover .subMenu{opacity: 1; visibility: visible; top:37px;}
.menu ul .subMenu li{width: 100%; overflow: hidden;}
.menu ul .subMenu li:first-child{border-radius: 5px 5px 0 0;}
.menu ul .subMenu li:last-child{border-radius:0 0 5px 5px;}
.menu ul li .subMenu li a{padding:8px 15px; border-bottom: 1px solid #1ca3db; color: #fff;}
.menu ul li .subMenu li a:hover{background-color: #1ca3db;}
.menu ul li .subMenu li:last-child a{padding:8px 15px; border-bottom: none;}
.menu ul li:last-child a{padding-right:15px;}
.menu ul li:last-child a .caret{margin: 0; top: 8px;}
.menu-open{overflow: hidden;}
.mobmenu{  display:none; float:left;  cursor:pointer; margin: 9px 5px 0 0}
.mobmenu div{width: 25px;    height: 2px;    background-color: #000;    margin: 0 0 6px;    transition: 0.4s;}
.signInsection{margin:0 0 25px 0; float:right; font-size:17px; font-weight:500; color:#003549;}
.userSign{display:inline-block; vertical-align: top; background:url(../png/icon9.png) no-repeat; padding:0 0 0 38px;}
.userSign a{font-weight:500; color:#003549; font-size:14px; display:inline-block; vertical-align: top; line-height: 29px; position: relative;}
.userSign a:first-child{margin-right: 5px;}
.userSign a:first-child:after{content: ""; position: absolute; top:7px; right:-5.5px; width:1px; height: 14px; background:#003549;}
.callbox{font-size: 15px; font-weight: normal; margin-right: 8px; color: #022250; line-height: 1; border-right: 3px solid #e1e1e1;  padding: 7px 10px 6px 0;}
.callbox a{display: flex;  align-items: center; pointer-events: none;}
.callbox img{height: 16px; margin-right: 5px;     filter: invert(53%) sepia(34%) saturate(547%) hue-rotate(111deg) brightness(38%) contrast(101%);}
.callbox a b{ color:#003549; font-weight: 600;}
.cartbox{position: relative; padding: 3px 10px 4px 0;}
.cartbox img{height: 27px;}
.cartbox.cart-fade{opacity: .4; pointer-events: none;}
.cartbox.cart-fade a{pointer-events: none;}
.cartbox.cart-fade strong,.mb-overlay{display: none;}
.cartbox a{pointer-events: auto; cursor: pointer;}
.cartbox strong{ width: 16px; position: absolute;  left: 16px;  bottom: 0;  font-size: 10px;  text-align: center; color: #fff; border-radius: 16px;  padding: 0 2px;  background-color: #0090C4;  line-height: 15px;}
.cartbox img.cart-fill ~ span ~ strong {border: 1.5px solid #000;  background: #fff;  color: #0090C4;  line-height: 13px;}
.langbox{display: flex;  align-items: center; cursor: pointer; background:url(../svg/hi-active.svg) -2px 0 no-repeat;padding-left: 38px;  padding-top: 10px;  padding-bottom: 9px;}
.langbox.active{ background:url(../svg/en-active.svg) -2px 0 no-repeat;}
.langbox-mb,.mb-hdr{display: none; border: none;}
.lng-rdobtn-wrap{display: flex; justify-content: space-evenly;}
.lng-rdobtn-wrap .rdo-lbl {margin-left: 50px;}
.lng-rdobtn-wrap.rdobtn-wrap .rdo-lbl label{font-size: 16px; font-weight: 400; line-height: 1 !important;}
.lng-rdobtn-wrap.rdobtn-wrap .rdo-lbl label b{font-size: 22px;}
.lngmdl .sbmt-query { margin-bottom: -52px;    padding-top: 10px;}
.sbmt-query .btn-blue{background: #4992c9; color: #fff;}
.lngmdl .modal-dialog-centered { width: 575px;}
.lngmdl .modal-content { padding: 25px 30px 30px;}
.dsktp-pointer a{pointer-events: none;}

/* Chat Icon */
    #chat-icon {
      position: fixed;
      bottom: 100px;
      right: 0px;
      width: 83px;
      height: 85px;
      background-color: rgba(2, 34, 80,.95);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: grab;
      user-select: none;
      box-shadow: 0px 3px 40px #7D4C64;
      border-radius: 13px 0px 0px 13px;
      background-image: url(../svg/ct-ico.svg);
      background-repeat: no-repeat;
      background-position: center 15px;
      padding: 65px 8px 0;
      font-size: 10px;
      text-align: center;
      color: #fff;
      transition: background 0.3s;
      z-index: 9;
    }

    #chat-icon:hover {
      background-color: #003549;
    }

    #chat-icon:active {
      cursor: grabbing;
    }

    /* Chat Box */
    #chat-box {
      position: fixed;
      right: 0; /* opens to left of icon */
      width: 409px;
      height: auto;
      background-color: rgba(2, 34, 80,.95);
      display: flex;
      user-select: none;
      box-shadow: 0px 3px 80px #7D4C64;
      border-radius: 13px 0px 0px 13px;
      padding: 12px 10px 15px 25px;
      display: none;
      flex-direction: column;
      overflow: hidden;
      z-index: 99;
    }
#chat-box h4{font-size: 18px; font-weight: 600; color: #fff; text-transform: uppercase; }
#chat-box h4 span{border-bottom: 0.5px solid #fff; padding-bottom: 5px; display: inline-flex;}
#chat-box li{margin-top: 10px; font-size: 12px; color: #fff; font-weight: 300;}
#chat-box li img{width: 20px; margin-right: 10px; vertical-align: middle;}
#chat-box li a{color: #fff; text-decoration: none; font-size: 16px; pointer-events: none;}
.form{ background:url(../formbg.html); width:32%; float:left; display:table; height:400px; color:#fff; font-size:32px; text-align:center;}
.form strong{ display:block; font-size:36px; padding-bottom:20px;}
.form input, .form select{ width:70%; margin:0 15%;}
.slider{ float:right; width:68%;}
select.category{ padding:10px 5px; font-size:13px; color:#0088c1; text-transform:lowercase; -webkit-appearance:none;}
input.category,.btn1,.btn2{font-weight:600;  background:#fbb900; cursor:pointer; width: 200px; min-width: 285px; font-size: 22px; text-align: center; text-transform: capitalize;transition: all ease .3s; padding:11px 30px; color: #000; border-radius: 0px !important; font-family: Poppins,Sans-Serif;}
input.category:hover,input.category:focus,.btn1:hover,.btn1:focus,.btn2:hover,.btn2:focus,.adPayCl input.category:hover,.adPayCl input.category:focus {    color: #fff;    background: #000;}
input.btn{ background:#008ec6; color:#fff;}
.category.btn{width: auto;}
.btn1{font-size: 17px;}
.tag{background:#fff; height:27px; line-height:25px; font-size:16px; font-weight:bold; position:absolute; right:20px; top:20px; text-align:right; padding:0 10px; border-radius:10px;}
.icoLink{ margin:50px auto 30px !important;}
.icoLink a{ display:inline-block; margin-left:13px; font-size:18px; color:#000; padding:15px 10px 15px 60px; border-radius:5px;}
.icoLink a:hover, .icoLink a:focus{ background-color:#fbb900;}
.icoLink a span{ display:block; font-size:14px;}
.icoLink a:first-child{ margin-left:0;}
.icoLink a.ico1{ padding-left:64px; background-position:-44px -28px;}
.icoLink a.ico2{ padding-left:60px; background-position:-46px -91px;}
.icoLink a.ico3{ padding-left:80px; background-position:-27px -166px;}
.icoLink a.ico4{ padding-left:68px; background-position:-37px -243px;}
.footprintSec{ padding:17px 0 10px; background-color:#1194cb;}
.footprint{ width:68%; float:left; background:url(../png/print.png) no-repeat 96px 103px; margin: 16px 0 0 0;}
.footprint h3{font-size: 12px; line-height: 20px; color: #fff; margin: 0; font-weight: 300;}
.oneIndia{ width:30%; float:right;}
.footprintSec h2{ font-size:61px; margin-bottom:10px; color:#f9ba16; line-height: 74px; text-transform: uppercase;}
.footprintSec p{color: #fff; font-size:22px; margin-bottom:60px; line-height: 28px; font-weight: 300; padding: 0 10px 0 0;}
.map{ float:left;}
.states{ float:right;}
.footData{ background:url(../png/block1.png) no-repeat; float:left; display:table; width:226px; height:204px; font-size:14px; color:#fff; text-align:center; margin-left:-15px; line-height:16px; position: relative; z-index: 1}
.footData span{ font-size:58px; color: #f9ba16; font-weight: 700; display: block; line-height: 45px; padding: 0 24px 5px 0px; margin:-15px 0 0 0;}
.footData small{display: block; color: #6d6e71; letter-spacing: -0.35px; font-size: 16px; line-height: 20px; font-weight: 500; padding:0px 60px 0px 41px;}
.fs60{ font-size:60px !important; font-weight:bold;}
.footData1{margin: 0 0 0 0; z-index: 5;}
.footData2,.footData3,.footData4{margin:0 0 0 -73px; z-index: 4;}
.footData3{ z-index: 3;}
.footData4{ z-index: 2;}
.footData5{background:url(../png/block2.png) no-repeat; margin: 0 0 0 -73px; z-index: 1;}
footer{ background:#000; padding:25px 0; color:#fff; font-size:11px;}
footer a{ font-size:12px; margin:0 10px 7px; color:#fff; font-family: 'Lato', sans-serif; display: inline-block; vertical-align: top; text-transform: capitalize;}
footer a:hover,footer a:focus{ text-decoration:underline;}
footer a:first-child{ margin-left:0;}
.chk-box-pd input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.payFinalRow .chk-box-pd label {position: relative;cursor: pointer;color:#003549;font-weight: 600;font-size: 16px;}
.chk-box-pd label:before {
content:'';-webkit-appearance: none;background-color: #dfdfdf;padding: 10px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 5px;}
.chk-box-pd input:checked + label:before {  background-color: #54a603;}
.chk-box-pd input:checked + label:after {content: '';display: block;position: absolute;top: 6px;left: 7px;width: 6px;height: 12px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.tabs-ordr{ display: flex; width: 95%; justify-content: space-between;}
.tabs-ordr li,.pg-links li{line-height: 1;font-size: 16px; border-right: 1px solid #ddd; padding: 10px 0; text-align: center; font-weight: 600;cursor: pointer;width:50%;text-transform: uppercase;color:#eee; background: #BCB9B9 url(../svg/details-ico.svg) calc(50% - 48px) center no-repeat;}
.tabs-ordr li:last-child{ background-image: url(../svg/client-details-ico.svg); background-position: calc(50% - 82px) center;}
.tabs-ordr li:hover, .tabs-ordr li.current,.pg-links li:hover a,.pg-links li a.active{background-color: #004F6E; color: #fff;    }
.tabs-ordr li.disableTab{    pointer-events: none;   -webkit-box-shadow: none;    box-shadow: none;    opacity: .65;    cursor: not-allowed;}
.tab-content{  display: none;}
.tab-content.current{  display: inherit; margin-top: 35px;}
.links{ float:left; margin-bottom:10px;}
.sisterSites{ float:right; text-align:right;}
.fb,.twit{margin:0 0 0 10px;  display:inline-block; }
.twit{margin:0; }
.fb svg{width:8px; height:17px;}
.twit svg{width:16px; height:17px;}
.rightSection{ float:right; margin:2px 0 0 0;}
.quote{ background:url(../quote.html) no-repeat 0 0; padding-left:135px; min-height:120px;}
.innerLeft{ width:300px; float:left;}
.bgfef4d6{background:#fef4d6;}
.icoLink2{ margin:40px 0 0 0; float:right; width:78%;}
.icoLink2 a{display:inline-block; margin-left:13px; font-size:14px; color:#000; padding:0px 10px 15px 60px; border-radius:5px; margin-bottom:15px; border-bottom:1px solid #bebaae; width:94%; box-sizing:border-box; font-weight:bold; height:70px; }
.icoLink2 a span{ display:block; font-size:14px; font-weight:normal;}
.icoLink2 a.ico1{ padding:10px 0 0 60px; background-position:-44px -378px;}
.icoLink2 a.ico2{ padding:10px 0 24px 60px; background-position:-44px -476px;  }
.icoLink2 a.ico3{ padding-left:60px; background-position:-44px -559px}
.icoLink2 a.ico4{ padding-left:60px; background-position:-44px -650px;}
.rightInner{padding:40px 0 0 40px; }
.steps{ width:20%; float:left; color:#000; position:relative; white-space:nowrap;}
.steps.active{ color:#007cb0;}
.number{ background:#b2b2b2; width:46px; height:46px; line-height:46px; text-align:center; font-size:26px; color:#8b8787; position:absolute; border-radius:50px; top:7px; left:5px; font-weight: 700; z-index: 2;}
.steps.past .number{ background:#0192c9; color: #fff;}
.steps.active .number{ background:#fbba00; color: #fff;}
.adArea,.formArea{ width:49%;}
.formArea{float:left;}
.vid{ margin-left:20px; padding-left:15px; border-left:1px solid #000; color:#000; font-size:16px; padding-right:48px; background-position:221px -108px; display:inline-block; height:26px;}
.location{ width:31%; margin-left:3%; font-size:14px; float:left; border:1px solid #d1d1d1; padding:12px; background:#f4f0e5;}
.location input{ margin-right:7px;}
#AdModeError{display: none;}
#AdModeError.has-error{position: relative; display: block;}
#AdModeError .close-msg{display: none; line-height: 1.5;}
#AdModeError.has-error .close-msg,.faq a,.faq.open  .answer,.profilelink a{display: block;}
#AdModeError.has-error span.help-block.form-error{ background-color:#DC2727 !important; color: #fff !important; padding: 15px; border-radius: 15px; box-shadow: 0px 3px 20px #00000040;} 
span.help-block.form-error,.help-block.form-error{display: block;font-size: 12px; color: #DC2727 !important; text-transform: none;}
select ~ span.help-block.form-error{position: absolute; }
.icoDate{ background-position:0 -143px; width:24px; height:24px; margin:0 auto; display:block;}
.preview h3{ font-size:16px; }
.adView{ width:100%; background:#525659; border:1px solid #d1d1d1; min-height:300px; margin:10px 0; padding:20px 10px;}
@-moz-document url-prefix() { 
  .adView{ background:#d4d4d7;  }
  #outerContainer #mainContainer div.toolbar { display: none !important; }
  #outerContainer #mainContainer #viewerContainer { top: 0 !important; }
  #pdfPreview::after,.unf-preview .unfpdfPreview:after,#pdfPreviewHindi:after { background: #d4d4d7; height: 34px; position: absolute; top: 0px; right: 0; width: 100%; content: "";}
}
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
  .adView{ background:#828182;  }  
}
.pdfView #previewAdCont,#previewadcontent #pdfPreview, .unf-preview, .unf-preview #previewAdCont,.pdfView #previewAdContHindi,#previewadcontentHindi #pdfPreviewHindi{ position: relative;}
.pdfView #previewArea,.pdfView #previewAreaHindi { visibility: hidden; height: 0;} 
#pdfPreview,#pdfPreviewHindi{position: absolute; top: 0; width: 100%;}
.grossAmount{ padding:20px;}
.grossAmount h3{ font-size:18px; color:#008ec6; margin-bottom:20px;}
.selectHolder{ float:left; width:32%; margin-top:27px;}
.textArea{ width:100%; height:100px; border:1px solid #dedede;}
.inp1{ width:90%; border:1px solid #c2c2c2; padding:15px 10px; font-size:13px; color:#575757;}
.inp2{ width:95%; border:1px solid #c2c2c2; padding:15px 10px; font-size:14px; color:#575757; height:120px;}
.contactUs{ margin-bottom:-4px;}
.contactUs img{ width:100%;}
.faq{ border-top:1px solid #dedede; padding:15px; font-size:18px;}
.down {    transform: rotate(45deg);    -webkit-transform: rotate(45deg);}
.answer{ font-size:14px; margin-top:20px; display:none;}
.faq.open a, .faq.open a:hover,.faq.open a:focus { color:#ed7612;}
.faq.open i{border: solid #ed7612;border-width: 0 3px 3px 0; transform: rotate(-135deg);    -webkit-transform: rotate(-135deg) }
.content p{ font-size:14px; color:#000; margin-bottom:20px; line-height:20px;}
.content h2{ font-size:18px; color:#000; margin-bottom:20px; line-height:20px; font-weight:normal;}
.tabContent{ border:1px solid #ccc;}
.icoprofile{ background-position:-35px -1032px; font-size: 16px; padding-top: 15px !important; padding-left: 70px !important;}
.icopassword{ background-position:-35px -1115px; font-size: 16px; padding-top: 15px !important; padding-left: 70px !important;}
.icotestimonial{ background-position:-35px -1216px; font-size: 16px; padding-top: 15px !important; padding-left: 70px !important;}
.icoorders{padding-top: 15px !important; padding-left: 70px !important;}
a.orderNumber{background: #2874f0;color: #fff;box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);border: 1px solid #2874f0;padding: 8px 12px;border-radius: 2px;}
.btnLink {font-weight: 400;color:#003549; display: inline-block; vertical-align: top;}
.btnLink i{color:#003549; padding: 0; font-size: 19px; border: none;}
.orderbody a{ color:#0088c1; text-decoration:underline;}
.orderbody a:hover, .orderbody a:focus{ color:#000;}
.orderHistory{width:100% !important}
.orderHistory tr,ul.listData li ul {  padding: 0; margin: 0; }
.orderHistory tr td{  padding:14px 5px; font-size: 12px; text-align: center;  border-bottom: 2px solid #70707050; }
.orderHistory-ad tr th{ font-size: 12px !important;}
#dataTables-example.orderHistory-ad thead .sorting_asc:after, #dataTables-example.orderHistory-ad thead .sorting_desc:after, #dataTables-example.orderHistory-ad thead .sorting:after,#dataTables-example thead .sorting:after{position: relative; right:0; left:7px; font-family: fontawesome;}
.btnLink i.cncl-br{border: 2px solid; padding: 1px 3px; border-radius: 50%; font-size: 12px}
.orderHistory tr.label{background:#0192c9; border:none }
.orderHistory tr.label th{ font-weight:bold; color:#fff; padding:20px 5px; font-size: 12px; text-align: center; }
.orderHistory.orderHistory-dtl tr th {  font-size: 16px;}
.rowEven{background-color: #f9f9f9;border-bottom: 1px solid #e6e6e6;}
.rowOdd{background-color: #fff; border-bottom: 1px solid #e6e6e6;}
.pagination {  overflow: hidden;}
.pagination > li > a, .pagination > li > span {  position: relative;  float: left;  padding: 8px 14px;  color: #000;  text-decoration: none;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #000;    background-color: #ddd;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 2;  color: #fff;  cursor: default;  background-color: #0090C4;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  color: #999;  cursor: not-allowed;  background-color: transparent;
}
.profilelinkHolder{ display:none; position:absolute; right:0; padding-top:10px;}
.profilelink{width:180px; background:#fff; border:1px solid #c2c2c2; box-shadow:0 0 4px #d7d7d7; line-height:30px; border-radius:5px;}
.tox .tox-swatches__picker-btn{display:none !important}
.icouser{width: 29px; height: 29px; background:url(../png/icon9.png) no-repeat!important; display:inline-block; margin:0 0 0 15px;}
ul.listData{ padding:0; margin:-20px 0 20px 0; list-style-type:disc;}
ul.listData li{ padding-left:20px; padding-bottom:5px; font-size:14px;}
.stHeading{ background:#19a1da; padding:10px; font-size:22px; font-weight:normal; color:#fff; text-align:left; width:230px;}
.stlisting{ background:#fff; height:220px; padding:5px; overflow:auto; font-size:13px; color:#000; text-align:left; line-height:26px;}
.stlisting li{ border-bottom:1px solid #cacaca;}
.rdobtn-wrap .rdo-lbl{ color:#003549; margin-right: 15px; font-weight: 600; float: left;}
.rdobtn-wrap .rdo-lbl label{padding: 0px 0 0 27px;  font-size: 12px;font-weight: 700; color:#545454;}
.rdobtn-wrap .rdo-lbl .radio-button__custom-indicator{width: 20px; height: 20px;}
.rdobtn-wrap .rdo-lbl .radio-button__custom-indicator:before,.rdobtn-wrap .adArea .radio-button__custom-indicator::after{margin: -5px 0 0 -5px; width:10px; height: 10px;}
.rdo-lbl [type="radio"]:checked,.rdo-lbl [type="radio"]:not(:checked) {    position: absolute;    left: -9999px;}
.rdo-lbl [type="radio"]:checked + label,.rdo-lbl [type="radio"]:not(:checked) + label
{    position: relative; padding-left: 32px; cursor: pointer; line-height: 2;  display: block;  color: #333;}
.rdo-lbl [type="radio"]:checked + label:before,
.rdo-lbl [type="radio"]:not(:checked) + label:before {    content: '';    position: absolute;    left: 0;    top: 2px;    width: 21px;    height: 21px;    border: 1px solid #707070;    border-radius: 25px;    background: white;}
.rdo-lbl [type="radio"]:checked + label:after,.rdo-lbl [type="radio"]:not(:checked) + label:after {    content: '';    width: 9px;    height: 9px;    background: #44C975;    position: absolute;    top: 8px;    left: 6px;    border-radius: 25px;    -webkit-transition: all 0.2s ease;    transition: all 0.2s ease;}
.rdo-lbl [type="radio"]:not(:checked) + label:after {    opacity: 0;    -webkit-transform: scale(0);    transform: scale(0);}
.rdo-lbl [type="radio"]:checked + label:after {    opacity: 1;    -webkit-transform: scale(1);    transform: scale(1);}
.reg-hdr{display: flex;  width: 100%;  justify-content: space-between;}
.sign-txt{color:#003549; font-size: 12px;}
/* send payment link css */
.options-chk{margin-top:20px; clear:both}
.options-chk .width33{width:33.33%}
.options-link{display: flex; justify-content: space-between; margin-bottom: 40px; }
.options-link .adArea{  width: 25%; max-width: 164px; display: flex; justify-content: center; align-items: center; position: relative;}
.options-link .adArea label{float: none; cursor: pointer; border: 1px solid #B7B7B7; border-radius: 11px; width: 100%;  max-width: 164px;  height: 73px; padding:10px 0 0 !important;  display: flex !important; align-items: center; justify-content: center;}
.options-link .adArea label img{vertical-align: middle; max-height: 50px; margin-right: 10px;}
.options-link .adArea.active label{background-color: #0091C5; border-color:#0091C5; color: #fff}
.options-link .adArea.active label img{ filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);}
.ylw-box{display:inline-block; position:relative; width: 89px;     height: 69px;     font-size: 38px;    color: #fff;    padding: 4px 31px 15px 28px;  background-color: #fbba00;}
#copy-text{background-image:url('../png/copy.png'); background-position:center center; background-repeat: no-repeat;   cursor: pointer;}
.sendlinkbx{text-align:left; width:70%}
.link-bx-cpy{display:flex; justify-content:space-around; align-items:center}
.copied:before {  border: 1px solid #00a651;  padding: 3px 6px;  z-index: 99;  position: absolute;  top: -36px;  left: 0;  content: "Link copied";  background: #eee;  font-size: 12px;  width: 100%;  color: #333;}
.copied:after{ border-right: 6px solid transparent;  position: absolute;  left: 45%;  top: -10px;  content: "";  border-top: 10px solid #00a651;  border-left: 6px solid transparent;}
#payment-form:disabled,#payment-form[disabled]{background-color: #b7b7b7;}
.payFinalRow .ajax-loader{position: fixed; top:0; left:0; width:100%; height: 100%; z-index:1100; background-color: rgba(0,0,0,.6); display: flex;
  flex-direction: row;     align-items: center;    justify-content: center;}
.clndr-bx .calendarinput{background-image: url(../svg/icon6.svg);position: relative;background-repeat: no-repeat;background-position: 95% center;background-size: 28px 28px;background-color: transparent;padding: 15px 42px 15px 10px;}
/* Floating label css */
.form-control-bx {  position: relative;}
.width50.form-control-bx,.width100.form-control-bx { margin-bottom: 15px;}
.form-control-bx label {  position: absolute; z-index: -1;  left: 10px;  top: 0.75rem;  transition: all 0.3s ease;}
.form-control-bx input {  transition: all 0.2s ease-in-out;}
.form-control-bx .select-data .search-data ~ label,.form-control-bx .search-data:focus ~ label{opacity: 0;}
.form-control-bx input.error ~ label,.form-control-bx input:focus ~ label,.form-control-bx input.error:focus ~ label,
.form-control-bx .valid:focus ~ label,.form-control-bx .valid ~ label,.form-control-bx .has-value ~ label, .form-control-bx .select-data label{  top: -1.5rem;  left: 0;  transition: all 0.2s ease-in-out;}
.form-control-bx .select-data .search-data.has-value ~ label,.form-control-bx .search-data.has-value:focus ~ label{opacity: 1;}
.form-control-bx .select-data .search-data{width: 100%;}
.tbl-invoice{margin-left: 20px;}
.tbl-invoice td{padding: 10px 5px;}
.tbl-invoice th:last-child{text-align: right;}
.tbl-invoice th{padding: 0 5px;}
.prforma-mode-dtl{border-top:2px dashed rgb(0,0,0,0.17); padding: 15px 0 0;}
.prforma-mode-dtl li,.prforma-mode-dtl p{margin-bottom: 10px;}
#invcpaymenttransid{word-wrap: break-word;}
.prforma-dtl{max-height: 350px; overflow-y: auto; font-size: 16px; line-height: 1.3;}
#prfrminvcModal .upld-pdf-pnl .ad-header{margin-bottom: 5px;}
.usr-adrs-dtl{margin-bottom: 15px; font-size: 16px;  line-height: 1.2;}
.tbl-invoice td:nth-child(3), .dt-wrap p{max-width: 174px; font-family:Arial, sans-serif;}
.tbl-invoice td:nth-child(3){padding-right: 5%;}
.tbl-invoice td:nth-child(3) span:nth-child(odd) {padding-right: 5px;   float: left; position: relative;}
.tbl-invoice td:nth-child(3) span:nth-child(odd):after{content: ","; position: absolute; right:0; bottom: 0;}
.tbl-invoice td:nth-child(3) span:nth-child(even) {width: 80px;    float: right; text-align: right;}
.tbl-invoice td:nth-child(3) span:last-child:after{content: none}
.dt-wrap p{clear: both; overflow: hidden;}
.bigT{ font-size: 60px; color: #444; margin: 30px;}
.mediumT{ font-size: 30px; color: #666; margin: 20px;}
.verticalCenter{display:table; width:100%; height:100%;}
.verticalInner{display:table-cell; vertical-align:middle;}
.logo{display: inline-block; vertical-align: top; max-width:268px;}
.logo img{display: inline-block; vertical-align: top;}
.headerProfile{display: flex; align-items: center;}
.headerProfile ul{display: inline-block; vertical-align: top;}
.headerProfile ul li{position: relative; line-height: 29px;}
.headerProfile ul li a{font-size: 14px; display: block;}
.headerProfile ul li a.pview{background: url(../png/icon9.png) no-repeat; padding: 0 15px 0 34px; position: relative;}
.caret{position:absolute; top:50%; right:0; width:0; height:0; border-left: 5px solid transparent; border-right:5px solid transparent; border-top:5px solid #000; margin:-2.5px 0 0 0; transition: all ease .3s;}
.caretUp{transform: rotate(180deg);}
.headerProfile ul .childMenu{width:180px; background:#fff; border:1px solid #c2c2c2; box-shadow:0 0 4px #d7d7d7; line-height:30px; border-radius:5px; top: 34px; right:0; position:absolute; display:none; z-index:5;}
.headerProfile ul .childMenu.show{display:block;}
.headerProfile ul .childMenu li{border-bottom: 1px solid #eaeaea;}
.headerProfile ul .childMenu li:last-child{border-bottom: none;}
.headerProfile ul .childMenu li a{display: block; padding:6px 15px;}
.headerProfile ul .childMenu li a:hover, .headerProfile ul .childMenu li a:focus{background: #efefef;}
.profilelink {width:180px; background:#fff; border:1px solid #c2c2c2; box-shadow:0 0 4px #d7d7d7; line-height:30px; border-radius:5px;}
.heroBannerHome{width: 100%; float:left; padding: 0 20px;}
.bannerBlock{width:32.7%; float:left; min-height:201px; position:relative; text-align:center; margin:0 .9% .9% 0;}
.bannerBlock:nth-child(3n+3){margin:0 0 .9% 0;}
.matBanner{background:url(../jpg/banner1.jpg) no-repeat; background-size:cover;}
.empBanner{background:url(../jpg/banner2.jpg) no-repeat; background-size:cover;}
.proBanner{background:url(../jpg/banner3.jpg) no-repeat; background-size:cover;}
.autBanner{background:url(../jpg/banner4.jpg) no-repeat; background-size:cover;}
.eduBanner{background:url(../jpg/banner5.jpg) no-repeat; background-size:cover;}
.busBanner{background:url(../jpg/banner6.jpg) no-repeat; background-size:cover;}
.bannerBlock p {font-size: 19px; font-weight: 700; color: #fff; margin:0; padding: 8px 15px 6px 15px; position: absolute; bottom: 0; left: 0; background: #022250; min-width: 154px;}
.bannerBlock p:after {content: ""; width: 30px; height: 100%; position: absolute; right: -3px; background: #022250; transform: skewX(-30deg); transform-origin: bottom left; bottom: 0; z-index: -1;}
.bannerBlock span {display: inline-block; line-height: 1.6; font-size: 14px; font-weight: 300; color: #002752; margin: 0; position: relative; background: #fff; position: absolute; left: 108px; bottom: 33px; padding: 0 7px;}
.bannerBlock span:before{content: ""; width: 15px; height: 100%; position: absolute; left:-15px; background:#fff; transform: skewX(-30deg);
  transform-origin: bottom left;}
.bannerBlock span:after{content: ""; width: 15px; height: 100%; position: absolute; right:-3px; background:#fff; transform: skewX(-30deg);
  transform-origin: bottom left;}
.bannerBlock a{color:#fff; width:100%; float:left; position:absolute; height:100%; z-index:1; left:0;}
.publishBar{background:#0192c9; width:100%; float: left; padding:22px 0;}
.publistArea{float:right; background:#55b2da; padding:17px;}
.publishBar h2{font-size:24px; color:#fff; font-weight: 400; display: inline-block; vertical-align: top; margin:14px 0 0 0;}
.publishBar strong{font-weight:700; font-size:36px;}
.customselect {width:246px; background:#0192c9; display:inline-block; vertical-align:top; list-style:none; margin:0 6px 0 0; padding:0; position:relative;}
.ie8 .customselect,.ie9 .customselect,.ie10 .customselect{background:#0192c9; }
.customselect:after{content:""; position:absolute; top:50%; margin:-3px 0 0 0; right:10px; width:0; height:0; border-left:6.5px solid transparent; border-right:6.5px solid transparent; border-top:6px solid #fff;}
.customselect select{appearance:none; -webkit-appearance:none; background-color:rgba(0, 0, 0, 0); background-image:none; border:1px solid #fff; padding:0 35px 0 12px; width: 100%; cursor:pointer; height:45px; color:#fff; color:rgba(255, 255, 255, 0); text-shadow:0 0 0 #fff; position: relative; z-index:1; font-size:17px; text-transform: none; border-radius:0; line-height: 1.5;}
.customselect select option{color:#7b8184;}
.intSubmit{background:#fbba00; border:none; width: 157px; height: 45px; line-height: normal; font-size: 17px; color: #fff; text-align: center; cursor: pointer;}
.whyClassified{width:100%; float: left; padding:16px 0 32px 0;}
.whyClassified ul li{width: 25%; float: left; min-height:54px; margin:15px 0 0 0; text-align: center; padding: 0;}
.whyClassified ul li img{display: inline-block; vertical-align: bottom;}
.loginPage{display:flex;}
#sidebar{float:left; background:rgba(8,143,202,0.1); padding:37px 0; width:28%; position:relative;}
#sidebar .whyClassified{padding:0 3px;}
#sidebar .whyClassified ul li{width:100%; border-bottom:1px solid rgba(0,0,0,0.2); padding:12px 15px 12px 32px; margin: 0; text-align: left;}
#sidebar .whyClassified ul li:last-child{width:100%; border-bottom:none;}
.loginArea{width:72%; float:right; background:url(../jpg/loginbg.jpg) no-repeat; background-size:cover; background-position:center center; padding:47px 22px;}
.formBlock{width:430px; background:#fff; padding:25px 24px 45px; float:left;}
.loginPageRegister .loginArea .formBlock{width:100%;}
.loginPageRegister .loginArea .formBlock.verifyotpbx{width: auto;}
.regarea-pnl .formBlock{padding-bottom: 0;}
.loginPageRegister .alert-success{max-width: 430px;}
.formBlock h2{margin:0 0 16px 0; font-size:30px; font-weight:400; text-transform: capitalize;}
.inp1.intField{width: 100%; height: 48px; line-height: normal; padding: 0 15px;}
.loginArea .inp1.intField{cursor: pointer; padding: 0 10px;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}
input[type="number"].inp1.intField{appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield;}
.loginForgot a{font-size: 16px; font-family: 'Lato', sans-serif; display: inline-block; vertical-align: top;}
.loginPageRegister .loginArea .width50{width: 49%;}
.loginPageRegister .loginArea .width50.width50Pull{margin:0 2% 0 0;}
.loginForgot{text-align: center;}
.loginForgot .newReg{text-decoration: underline; color: #0088c1;}
.loginOr{margin:7px 0;}
.popupstep1Close{width: 31px; height: 31px; position: absolute; top:-15px; right: -15px; cursor: pointer;}
.popupstep1Close svg{width: 23px; height: 23px;}
.closeBtn{width: 314px; line-height: normal; cursor: pointer; border:none; color: #003549; font-size: 22px; text-align: center; font-family:'Poppins', sans-serif; font-weight:700; background: #fbba00; display: inline-block; vertical-align: top; padding: 17px 0; position: absolute; bottom:-34px; left: 50%; margin: 0 0 0 -157px;  transition: all ease .3s;}
.upload-ad-wrap {position: relative; width: 100%; color:#000;}
#upload-ad-wrap-pdf.upload-ad-wrap{color: #003549;}
.file-upload-wrapper{border: 1px dashed #003549; border-radius: 10px;height: 130px;vertical-align: middle;font-size: 24px;position: relative; text-align: center;padding: 50px 0;}
#upload-ad-wrap-pdf .file-upload-wrapper {  border-radius: 3px; font-size: 14px;  padding: 32px 0;}
.file-ath i{border: none; font-size: 30px;}
.file-ath .close-file { cursor: pointer; width: 16px; height: 16px; }
.note-txt{text-align: left; line-height: 2; font-size: 15px;}
.file-upload-wrapper input[type="file"]{opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; height: 100%; margin: 0; padding: 0; display: block; cursor: pointer; width: 100%;}
.uploadButtons{width: 100%; float: left;}
.addonOverlay .uploadButtons{bottom:-60px;position:sticky;left:0;background:#fff;padding-top:30px;margin-bottom: -20px;}
.ttl-cost,.d-spc{display: flex; justify-content: space-between; align-items: center;}
.ttl-cost .brdr-dsd{width:60%; border-top:1px dashed; margin-top: 15px;}
.ttl-cost strong{width: auto;}
.closePopup{line-height: normal; cursor: pointer; border:none; color: #003549; font-size: 22px; text-align: center; font-family:'Poppins', sans-serif; font-weight:700; background: #fbba00; display: inline-block; vertical-align: top; padding: 17px 25px; margin: 0 4% 0 0;}
.closeBtn2{padding:17px 40px; margin:0 4% 0 0;}
.closeBtn3{padding:17px 70px; background: #d23d15; color: #fff; margin: 0;}
.upload-file-wrap h4{font-weight: 400; color:#000; font-size: 16px;}
.uploadFileView{float: right;}
.fileInfoTop {padding:5px 0; color:#000; width: 100%; }
.fileInfoTop h3{ display: flex;align-items: center;justify-content: space-between; font-size: 16px;}
.fileInfoTop h3 hr{ border-top: 1px solid rgba(212, 212, 212, 1); width: 82%;}
.upld-dim-edtn{width: 72%; justify-content: space-between; align-items: center;}
.upld-dim-edtn-ml{padding-left: 32px;}
.eng-cntnt-upld .upld-dim-edtn .file-upload-wrapper{width: 100%;}
.fileInfoTop .d-spc{ margin-top: 3px;}
.uploadFileView .text-right h4{text-align: right; font-weight: 700;}
.uploadFileView .uploadFileViewIn #uploadedAdFilePreview{margin:0;}
.uploadFileView .uploadFileViewIn object{display: inline-block; vertical-align: top; margin: 39px 0 0 0;}
.orderHistory tr td span{display: block;}
.uploadFileView h4{font-size: 16px; line-height: 24px; font-weight: 400; color: #003549; text-align: left; margin:-10px 0 6px 0;}
.uploadFileView h4 sup {display: inline-block; vertical-align: top; margin: -4px 0 0 0;}
input.category.ctUP{ margin: 35px 0 0 0;}
.adPayCl{text-align: center; padding:15px 0; clear: both;}
.adPayCl input.category{width: 411px; height: 69px; transition: all ease .3s; text-align: center; font-family:'Poppins', sans-serif; font-weight: 700; font-size: 22px; color: #003549; cursor: pointer; display: inline-block; vertical-align: top;}
.ttl-cost{clear: both; font-size: 16px;}
.d-spc span{color: #000;}
.addonOverlay{width: 100%; position: fixed; top: 0; left: 0; height: 100%; background: rgba(255,255,255,0.73); text-align: center; z-index: 99; overflow-y:auto; display:none; padding:25px 15px 60px;}
.addonOverlayIn{display: inline-block; vertical-align: top; box-shadow:-2.6px 1.5px 46px 0 rgba(0, 0, 0, 0.17); background:#ffffff; max-width:90%; width: 100%; padding:40px 64px 68px; position: relative;}
.addonOverlayIn p{font-size:41px; line-height:48px; font-weight: 700; color: #003549; margin:0; text-align: left;}
.addonOverlayIn .packageCol {width: 100%;}
.addonOverlay .packageCol{text-align: left; margin:20px 0 0 0;}
.addonOverlay .packageCol ul {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: self-start}
.addonOverlay .packageCol ul li{width: 46.5%; display: inline-block; vertical-align: top;}
.addonOverlay .closeBtn2{padding: 17px 105px;}
.addonOverlay .closeBtn3 {padding: 17px 118px;}
.bx-check-lbl label{font-size: 13px;  color: #003549; cursor: pointer; padding: 0 0 0 25px;}
.addonOverlay .packageCol label{padding:11px 20px 11px 54px; cursor: pointer; line-height:28px; display: inline-block; font-size: 17px; color: #003549; width: 100%; font-weight: 500;}
.bx-check-lbl [type=checkbox]:checked,.bx-check-lbl [type=checkbox]:not(:checked),.bx-check-lbl-rdo [type=radio]:checked,.bx-check-lbl-rdo [type=radio]:not(:checked) {position: absolute;left: -9999px}
.bx-check-lbl [type=checkbox]:checked+label,.bx-check-lbl [type=checkbox]:not(:checked)+label {position: relative; }
.bx-check-lbl [type=checkbox]:checked+label:before,
.bx-check-lbl [type=checkbox]:not(:checked)+label:before,.bx-check-lbl-rdo [type=radio]:checked+label:before,
.bx-check-lbl-rdo [type=radio]:not(:checked)+label:before {content: '';position: absolute;left: 0px;  top: 0;  width: 18px;  height: 18px; background: #fff;  border: 2px solid #E5E7E8;}
.bx-check-lbl [type=checkbox]:checked+label:after,
.bx-check-lbl [type=checkbox]:not(:checked)+label:after,.bx-check-lbl-rdo [type=radio]:checked+label:after,
.bx-check-lbl-rdo [type=radio]:not(:checked)+label:after {content: ''; left: 0px;  top: 0;  width: 18px;  height: 18px; background-image: url(../svg/checked.svg); background-color: #fff; background-size: 100% auto; position: absolute; transition: all .2s ease}
.bx-check-lbl [type=checkbox]:not(:checked)+label:after,.bx-check-lbl-rdo [type=radio]:not(:checked)+label:after {opacity: 0; transform: scale(0)}
.bx-check-lbl [type=checkbox]:checked+label:after,.bx-check-lbl-rdo [type=radio]:checked+label:after {opacity: 1; transform: scale(1)}
.bx-check-lbl-rdo{max-width: 250px; margin: auto;}
.bx-check-lbl-rdo label{font-size: 18px; line-height: 1; font-weight: 700;}
.preview .bx-check-lbl [type=checkbox]:checked+label, .preview .bx-check-lbl [type=checkbox]:not(:checked)+label,.bx-check-lbl-pvw [type=checkbox]:checked+label,.bx-check-lbl-pvw [type=checkbox]:not(:checked)+label{   line-height: 1.3;}
.addonOverlay .bx-check-lbl [type=checkbox]:checked+label:before,
.addonOverlay .bx-check-lbl [type=checkbox]:not(:checked)+label:before {left: 20px;top:13px;width: 24px; height: 24px; background: none;  border: 1px solid #dfdfdf;}
.addonOverlay .bx-check-lbl [type=checkbox]:checked+label:after,
.addonOverlay .bx-check-lbl [type=checkbox]:not(:checked)+label:after {width: 24px; height: 24px; background-image: url(../svg/checked.svg); background-color: #fff; background-size: 100% auto; top:13px; left: 20px; transition: all .2s ease}
.pkg-edition-txt{max-width: 750px;}
.pkg-edition-txt p{color: #010101; margin-bottom: 10px; text-align: left;}
.pkg-edition-txt h3{font-size: 20px; line-height: 1.2; margin-top: 40px;}
.pkg-edition-txt-div{margin-bottom: 10px;}
.heroBanner{position: relative;}
.heroBanner img,.heroBanner{width: 100%; float: left;}
.heroBannerCont{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.heroBannerCont .container{height: 100%; position: relative; z-index: 1}
.heroBannerCont h1{margin: 0; color: #fff;  font-size: 45px; font-weight: 700; line-height: 50px;}
.heroBannerCont h2{margin:8px 0 0 0; color: #fff;  font-size:24px; font-weight: 400; line-height: 28px;}
.bookingPage{background: rgba(1,146,201,0.05); position: relative; padding: 20px 0 0 0;}
.bookingPage:before{width: 100%; height: 146px; background: #fff; position: absolute; top: 0; left: 0; content: "";}
.bookingPage .bookingTitle,.bookingTitle{font-size: 41px; color: #000; margin: 0 0 10px 0; text-align: center; font-weight: 700; position: relative; z-index: 1;}
.bookingPage .rightInner{width: 100%; background: none; padding: 0;}
.stepWrap{max-width: 1005px; width: 100%; text-align: center; margin: 0 auto}
.stepsArea{position: relative; display: inline-block; vertical-align: top; background: none; height:50px; width:100%; margin:0 0 55px 0;}
.stepsArea:after{height: 4px; content: ""; position: absolute; top:26px; left:0; border-bottom: 8px dashed #b3b3b3; width: 96%;}
.bookingPage .steps{z-index: 2;cursor: context-menu;}
.bookingPage .steps small{font-size: 17px; font-weight:500; color: #a2a2a2; position: absolute; top: 63px;}
.bookingPage .steps.past small,.bookingPage .steps.active small{color: #043449;}
.bookingPage .steps.past{cursor: pointer;}
.bookingPage .steps.active small{font-size: 22px; font-weight:700;}
.bookingPage #step-bullet-1 small{left:-54px;}
.bookingPage #step-bullet-2 small{left:-37px;}
.bookingPage #step-bullet-3 small{left:-64px;}
.bookingPage #step-bullet-4 small{left: -45px;}
.bookingPage #step-bullet-5 small{left:-10px;}
.bookingPage #step-bullet-1.active small{left:-52px; top: 58px;}
.bookingPage #step-bullet-2.active small{left:-62px; top: 60px;}
.bookingPage #step-bullet-3.active small{left:-100px; top: 60px;}
.bookingPage #step-bullet-4.active small{left:-70px; top: 58px;}
.bookingPage #step-bullet-5.active small{left:-25px; top: 58px;}
.bookingPage #step-bullet-1,.bookingPage #step-bullet-2,.bookingPage #step-bullet-3,.bookingPage #step-bullet-4,.bookingPage #step-bullet-5{position: absolute; left:calc(0% - 20px);}
.bookingPage #step-bullet-2{left:calc(25% - 38px);}
.bookingPage #step-bullet-3{left:calc(50% - 46px);}
.bookingPage #step-bullet-4{left:calc(74% - 46px);}
.bookingPage #step-bullet-5{left:calc(100% - 72px);} 
.stepsArea .past:after,.stepsArea .active:after {border-bottom: 8px solid #0192c9; width: 100%; left: -96%; top: 26px; height: 4px; content: ""; position: absolute;}
.bookingPage #step-bullet-1.past:after,.bookingPage #step-bullet-1.active:after{border: none;}
.stepWrap h4{font-weight: 700; color: #003549; font-size: 24px; margin:16px 0 0 0;}
.chooseAd{max-width: 1008px; margin: 0 auto;}
.chooseAd h4{font-weight: 700; color: #003549; font-size: 24px; margin:16px 0 0 0; text-align: center;}
.ad-type-bxs {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
}
.chooseAd .adArea.active {
  opacity: 1;
  border-color: #0090C4;
  background: #0090C4;
}
.chooseAd .adArea {
  opacity: .7;
  border: 2px solid #E2E7EA;
  text-align: center;
  width: 30%; max-width: 316px; margin: 0 15px 20px; position: relative; background:none;
}
.ad-type-bxs .adArea label h5 {
  padding: 5px 5px 10px;
  text-align: center;
}
.ad-type-bxs .adArea.active label h5 {
  color: #fff;
}

.adArea label {
  position: initial;
  padding: 0;
  display: block;
}
.ad-type-bxs .adArea label {
  margin-bottom: 0;
}
.adArea .radio-button__custom-indicator:before{ background:#fff; content:""; position: absolute; border-radius:50%;}
.adArea .radio-button__custom-indicator {
  left: 45%;  top: -12px;  background: #fff;  width: 30px;  height: 30px;  border: 1px solid #A5A5A5;  border-radius: 30px;  position: absolute;
}
.adArea .radio-button__input:checked ~ .radio-button__custom-indicator, .adArea .radio-button__input:checked ~ .radio-button__custom-indicator::before {
  background: #39b54a;  border: 1px solid transparent;
}
.adArea .radio-button__input:checked ~ .radio-button__custom-indicator::after {
  top: 6px;    left: 10px;    width: 8px;    height: 13px;  border: solid #fff;  border-width: 0 3.5px 3.5px 0;  display: block;  transform: rotate(45deg);  background: #39b54a;  border-radius: 0;
}
.chooseAd .adArea h3{font-size: 17px; font-weight: 700; color: #003549; text-align: center; background: #fff; padding: 15px 0; width: 82%; position: absolute; top: 42%; left: 9%;  line-height: 1;}
.adAreaIn{position: relative;}
.adArea h5{margin: 0; font-size: 14px; line-height:19px; font-weight: 400; color: #003549;}
.disclaimerText{margin: 0 auto 20px; font-size: 14px; line-height: 22px; color:#003549; max-width: calc(100% - 80px);}
.disclaimerText strong{font-weight:600;}
.form-ctg-field{width: 66.6%;}
.bookingPage .formArea{width: 50%; margin-bottom: 10px; text-align: center;}
.bookingPage .formArea.formArea-loc{width:33%;}
.customselect1 {max-width:320px; width: 100%; background:#fff; display:inline-block; vertical-align:top; list-style:none; margin:0 6px 0 0; padding:0; position:relative;}
.ie8 .customselect1,.ie9 .customselect1,.ie10 .customselect1{background:#fff; }
.customselect1:after{content:""; position:absolute; top:50%; margin:-3px 0 0 0; right:10px; width:0; height:0; border-left:6.5px solid transparent; border-right:6.5px solid transparent; border-top:6px solid #000;}
.customselect1 select{appearance:none; -webkit-appearance:none; background-color:rgba(0, 0, 0, 0); background-image:none; width: 100%; cursor:pointer; height:68px; color:rgba(0, 53, 73, .99); text-shadow:0 0 0 #fff; position: relative; padding: 0 35px 0 20px; font-size: 17px; border: 1px solid #b7b7b7; z-index:1; }
.customselect1 select option{color:#7b8184;}
.selectionRow{margin: 0 0 10px 0; position: relative;}
.ajax-loader{    position: fixed;  top: 0; left: 0; width: 100%; z-index: 1100; height: 100%; background-color: rgba(0,0,0,.6); display: inline-flex;  justify-content: center; align-items: center;  }
.ajax-loader img{max-width:96px;}
.submitRow{margin:0 0 25px;}
.bookingPage .whyClassified{background: #fff;}
.radio-button{margin-bottom:1rem;}
.adAreabgnn{background: none; overflow: hidden; width: auto;}
.radio-button__label-wrapper {cursor:pointer;display:block;padding-left:2.5rem;position:relative;top:0.25rem;}
.radio-button__label-subtext {display: block;font-size: 0.85rem;}
.radio-button__custom-indicator::after {content: "";display: none;position: absolute; border-radius: 35px;}
.radio-button__input {opacity: 0;position: absolute;  width: 100%;  height: 100%;  left: 0;  top: 0;  cursor: pointer;}
.radio-button__input:checked ~ .radio-button__custom-indicator::after {display: block;}
.radio-button__input:disabled ~ .radio-button__custom-indicator {opacity: 0.99;pointer-events: none;}
.ms-options-wrap > button:focus,.ms-options-wrap > button {position: relative; width: 100%; text-align: left; cursor:pointer; border:1px solid #bebaae; background-color:#fff; padding:23px 10px; font-size:17px; color:#003549; outline: none; white-space: nowrap;}
.ms-options-wrap > button:after {content: ' '; height: 0; position: absolute; top: 50%; right:10px; width: 0; border: 6px solid rgba(0, 0, 0, 0); border-top-color: #999; margin-top: -3px;}
.ms-options-wrap > .ms-options{position: absolute; left: 0; width: 100%; margin-top: 1px; margin-bottom: 20px; background: white; z-index: 2000; border: 1px solid #aaa; text-align:left;}
.ms-options-wrap > .ms-options > .ms-search input {width: 100%; padding: 4px 5px; border: none; border-bottom: 1px groove; outline: none;}
.ms-options-wrap > .ms-options .ms-selectall {display: inline-block; font-size: .9em; text-transform: lowercase; text-decoration: none;}
.ms-options-wrap > .ms-options .ms-selectall:hover, .ms-options-wrap > .ms-options .ms-selectall:focus {text-decoration: underline;}
.ms-options-wrap > .ms-options > .ms-selectall.global {margin: 4px 5px;}
.ms-options-wrap > .ms-options > ul > li.optgroup {padding: 5px;}
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {border-top: 1px solid #aaa;}
.ms-options-wrap > .ms-options > ul > li.optgroup .label {display: block; padding: 5px 0 0 0; font-weight: bold;}
.ms-options-wrap > .ms-options > ul label {position: relative; display: inline-block; width: 100%; padding:6px 5px; font-size: 17px;}
.ms-options-wrap > .ms-options > ul li.selected label,.ms-options-wrap > .ms-options > ul label:hover,.ms-options-wrap > .ms-options > ul label:focus {background-color: #efefef;}
.ms-options-wrap > .ms-options > ul input[type="checkbox"] {margin-right: 5px; position: absolute; left:7px; top:12px;}
.packageRow{ position: relative; margin:48px 0 0 0;}
.packageCol{float: left; width: 35%;}
.packageCol h4{font-size: 24px; font-weight: 700; color: #003549; margin: 0 0 21px 0;}
.packageColIn{ max-height: 310px; overflow-y: auto; margin-bottom: 20px; padding:0 47px 0 0; position: relative;}
.packageColIn .tooltip{border: 1px solid #c2c2c2;  padding: 3px 6px; z-index: 99; position: absolute;  top: 90%; left: 20px; background: #eee;  font-size: 12px; }
.packageColIn .tooltip:before{border-left: 6px solid transparent; position: absolute; left: 30px; top:-10px; content: "";  border-bottom: 10px solid #c2c2c2;  border-right: 6px solid transparent;}
.packageCol ul{width: 100%; float: left; margin-bottom: 28px;}
.packageCol ul li{border: 1px solid #dfdfdf; margin: 0 0 15px 0; position: relative;}
.packageCol .packageColIn ul li{padding: 10px;}
.pkg-pnls .packageCol .packageColIn ul li.item-star{display: flex; flex-flow: wrap; justify-content: space-between; align-items: baseline;}
.packageCol .packageColIn ul li .star-bx{min-width: 14px; background-color: transparent;}
.tooltip.show{background-color: #003549;  box-shadow: none; border: none;  color: #fff;  min-width: 124px;  border-radius: 7px; padding: 6px 12px; font-size: 12px; margin-bottom: 15px !important; z-index: 99999;}
.tooltip.show::before{border-top: 8px solid #003549;  border-left: 4px solid transparent;  border-right: 4px solid transparent; left: 49%; bottom: -7px; position: absolute; content: "";}
.packageCol .rdo-lbl [type="radio"]:checked + label, .packageCol .rdo-lbl [type="radio"]:not(:checked) + label {line-height: 1.5; padding-bottom: 5px;}
.packageCol .rdo-lbl ul li.item-star [type="radio"]:checked + label, .packageCol .rdo-lbl ul li.item-star [type="radio"]:not(:checked) + label{ width: 95%;}
.packageColInfo{width:59.2%; float: right;}
.packageOffer{background: url(../png/package.png) no-repeat; position: relative; margin-left: -10px; display: flex; align-items: center;}
.packageBanner{width:274px; height: 158px; display: inline-block; vertical-align: top;}
.packageBanner span{font-size: 38px;    font-weight: 400;    color: #ecb72b; text-transform: uppercase;    line-height: 1;    margin: 44px 0 0 26px;  display: inline-block;    vertical-align: top;}
.packageBanner strong{font-size: 36px; display: block;}
.packageBanner span.bst-prc{font-size: 30px; font-weight: 500;line-height: 1.1; margin: 48px 0 0 26px;}
.packageBannerText{ margin:0 0 0 25px;}
.packageOffer p{ font-size: 23px; color: #fff; font-weight: 700; line-height: 1;}
.packageOffer p.obt-ad-ofr{font-size: 19px;  font-weight: 400;}
.packageOffer p ~ p{margin-top: 10px;}
.packageOffer p.pkg-insrts{margin: 0;  line-height: 1.4;}
.insertionRow{padding: 52px 0 0 0;}
.insertionRowLeft{width:49.5%; float: left; border-right: 1px solid #e1e1e1; padding: 0 39px 0 0;}
.insertionRowLeft h5{font-size: 24px; font-weight: 700; color:#003549; margin: 0 0 17px 0;}
.insertionRowRight{width:50%; float: left; padding: 0 0 0 34px;}
.insertionRowRight p{font-size:17px; line-height: 22px; color:#003549; margin:4px 0 17px 0;}
.insertionRowRight h6{font-size: 24px; font-weight: 700; color:#003549; margin: 0;}
.insertionRow .btn2{margin: 45px 0 0 0;}
.publishDateRow.date,.publishDateRow.date ul li:first-child{border:none;}
.publishDateRow.date ul li {  border: 1px solid #dfdfdf;}
.publishDateRow.date ul li:nth-child(even),.publishDateRow.date ul li{background: none; font-size: 17px; line-height: 22px; color: #003549; padding:10px 0; text-align: center; margin:-1px 0 0 0;}
.publishDateRow.date ul li .dates .icoDate{width:35px; height:35px; background: url(../svg/icon6.svg) no-repeat;background-size: 100% auto;}
.publishDateRow.date ul li .newspaper{margin:15px 0 0 0; padding: 0 45px 0 0; width:auto; float:none; display: inline-block; vertical-align: top; min-width: 46%; position: relative; text-align: right; max-width: 284px;}
.publishDateRow.date ul li .displayDate:before{content: ""; width: 3px; height: 100%; background: #e4e4e4; position: absolute; top:0; left: -8px;}
.publishDateRow.date ul li .dates {width: 25.5%; text-align: left; }
.publishDateRow.date ul li .dates strong{display:block; margin: 15px 0 0 0;}
.publishDateRow.date ul li .displayDate{padding: 0 0 0 45px;  position: relative; width:auto; float:none; display: inline-block; vertical-align: top; min-width: 52%; max-width:326px;}
.rePubPage .publishDateRow.date ul li .displayDate{padding: 0 0 15px 45px;}
.publishDateRow.date ul li .displayDate .pbls-date{font-size: 17px; color: #003549; font-family:'Poppins', sans-serif; font-weight: 400; border: none; background: rgba(1,146,201,0.08); line-height: normal; height:61px; width:100%; margin:0; background: url(../svg/icon6.svg) no-repeat 0 center; padding-left:62px; text-align: left; border:none; border-radius: 0; margin: 0 0 1px 0;}
.publishDateRow.date ul li .displayDate .form-field{opacity: 0; position: absolute; width: 44px;    cursor: pointer;    left: 40px;    height: 40px;    top: 10px;}
.publishDateRow.date ul li .displayDate .pbls-date li{width: 147px; border-radius: 5px;  margin-right: 30px;margin-top: 10px; margin-bottom: 10px; float: left; position: relative;    height: 41px; padding: 0; line-height: 17px; background-color: #C8F0FF; font-family:'Poppins', sans-serif; text-align: center; color: #000; font-size: 17px;}
.publishDateRow.date ul li .displayDate .pbls-date li strong{margin: 11px 0 0;}
.publishDateRow.date ul li .displayDate .pbls-date li span{position:absolute; cursor: pointer; font-size: 15px; line-height: 1.2; right: -5px; top: -7px; width: 23px; height: 23px; background-color: #FF5C5C; text-align: center; display: block; color:#fff; font-weight: 700; border-radius:50%; font-family: 'Lato', sans-serif; }
/*Custom css datepicker */
#ui-datepicker-div thead th{color: #0192c9; font-weight: 700; }
.ui-datepicker table{font-size: 15px; border-collapse: collapse;}
#ui-datepicker-div .ui-widget-header{border: none; background: none;}
#ui-datepicker-div.ui-widget.ui-widget-content {    border: none; z-index: 999 !important; border-radius: 0;box-shadow: -18.2px 10.5px 68px 0 rgba(0, 0, 0, 0.17);}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border:none; background: none;}
.ui-datepicker td span, .ui-datepicker td a{text-align: center; font-weight: 700;}
.ui-datepicker-prev span,.ui-datepicker-next span {  background-image: none !important;}
.ui-datepicker-calendar td{border: none !important; padding: 0;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border: none;}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a{background: #fbb900; color: #fff; padding-top: 7px; padding-bottom: 7px; font-weight: 700;}
.ui-datepicker-prev:before, .ui-datepicker-next:before {  font-family: FontAwesome;  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  display: flex;  font-weight: normal;  align-items: center;  justify-content: center;}
.ui-datepicker-prev:before {   content: "\f053";}
.ui-datepicker-next:before {   content: "\f054";}
.ui-state-active, .ui-widget-content .ui-state-active{color: #333;}
.ui-datepicker td span, .ui-datepicker td a{padding:7px 5px}
.ui-datepicker select.ui-datepicker-month{margin-right: 15px;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {  width: 43%;  border: 2px solid #dfdfdf;  padding: 5px;}
.datePubHeading{font-weight: 700; color: #003549; font-size: 24px; margin:20px 0 5px 0; text-align: center;}
.repubHeading{font-weight: 700; color: #003549; font-size: 20px; margin:0 0 5px 0; text-align: center;}
.chooseTempMode, .or-division{margin:12px 0 0 0; font-size: 24px; color: #003549; font-weight: 700; text-align: center;}
.pickTemplate{margin: 0; font-size: 24px; color: #003549; font-weight: 400; text-align: center;}
.templateDisplay{position: relative;}
.templateDisplay .adArea{opacity: 1;}
.templateDisplay .adArea.in-active{opacity: 0.7;}
.premium-bg{width: 242px; margin:auto}
.premium-tag {  background-color: #fbba00;  width: 98px;  position: relative;  height: 32px;  color: #00315b;
font-size: 12px;  font-weight: 700;  background-image: url(../png/prm-star.png);  background-repeat: no-repeat;
background-position: 10px 8px;  background-size: 16px 14px;  padding-left: 25px;  line-height: 32px;}
.premium-tag::before{position: absolute; right: -16px; top: 0; content: ''; border-top: 16px solid #f2f9fc;
border-bottom: 16px solid #f2f9fc;  border-left: 16px solid transparent;  background-color: #fbba00;}
.or-division{margin: -20px 0 20px; clear: both;}
.temp-alignc{text-align: center; width: 100%; font-size: 0;}
.templateDisplay .width33{position: relative; float: none; display: inline-block; vertical-align: top;}
.disclaimer{font-size: 14px; color: #000; font-weight: 400;  text-align: left;}
.templateDisplay .radio-button__label-wrapper {padding-left: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; font-size: 0;}
.sizeOfAd{display: none;}
.reg-rdo-btn .disclaimer,.agncy-code .disclaimer{color:#395d6b; font-weight: 600;font-size: 12px;}
.reg-rdo-btn .disclaimer{ margin-bottom: 10px;}
.templateDisplay .radio-button__custom-indicator{  left: 46%; top: -2px;}
.uploadOwnAd{display: inline-block; vertical-align: top; font-size: 22px; font-weight: 700; color: #003549; border-radius: 0; border:none; text-align: center; cursor: pointer; background: #fbba00; padding: 18px 37px; line-height: normal; height: 69px; margin: 0 10px;}
.bookingPage .alignC{padding-bottom: 25px;}
.mapView{display: flex; position: relative;}
.mapView img{display: inline-block; vertical-align: top;}
.loginPageRegister .loginArea .width50 {position: relative;}
.passwordCheck {width: 205px; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.09); background-color: #ffffff; padding: 5px 12px; position: absolute; color: #ff0000; top: 0; right:-210px;z-index:1; display: none;}
.passwordCheck p {margin: 5px 0; font-size:12px;}
.passwordCheck p.valid {color:#43a047}
.eye{background: url(../svg/eye.svg) no-repeat 0 0; width: 20px; height: 20px; position: absolute; top: 19px; right: 10px; cursor: pointer;}
.eye.eyelock {top: 16px; background-position: 0 -21px;}
.eyeParent{position: relative;}
.row.mt20.clearfix.uploadAdRow {margin: 0 0 20px 0;}
.uploadAdRow .mt20 {margin: 0 0 6px 0; width: 100%;}
.uploadAdRow .radio-button__label-wrapper{padding: 0 0 0 41px; width: auto; display:inline-block; float: none; vertical-align: top; font-size: 22px; color: #003549; font-family:'Poppins', sans-serif; font-weight:700;}
.uploadPageAd{padding: 0;}
.uploadPageAd .mainHead{font-size: 24px; font-weight: 700; color: #000; margin: 0 0 15px 0; text-align: center;}
.loginArea input.category,.chng-pwd input.category { min-width: 162px; width: auto; }
.loginArea input[value='Verify']{margin-left: 10px; width:95%}
.regarea-pnl input.category{ margin-bottom: 0;}
.reg-btn-fix{margin-bottom: -22px;}
.regarea-pnl .formBlock h2{ font-weight: 600; color:#1a1a1a}
.maxOTP{max-width: 430px;}
.maxOTP input.category.p100 { padding: 7px 25px;}
.bodyclose{overflow: hidden; position: fixed; width: 100%; float: left;}
.payFinalRow .width100 .inp1 {width: 95%;}
.payFinalRow .inp1{border: solid 0.5px #b7b7b7;  background-color: transparent; color: #003549;}
.payFinalRow .inp1:-internal-autofill-selected {background-color: transparent;}
.payFinalRow input.category.p100,.final-proceed-btn input.category.p100 { text-transform: none; width: auto;}
.payFinalRow h2 {margin: 15px 0 25px;}
.payFinalRow label{font-size: 13px; color: #003549;}
.payFinalRow label[for='remember'],.payFinalRow label[for='client']{font-weight: 700;}
.order-box .amt-row strong,.order-row i,.order-box .amt-row strong{font-size: 16px;}
.order-box .amt-row.order-row{padding: 6px 10px 8px; border: solid 1px #b7b7b7; background: #fff; margin-bottom: 10px;}
.order-box .amt-row.order-row.is-active{background-color: #4992c9; color: #fff; border-color: #4992c9; }
.order-row.is-active .dd-arrow i:before{content: "\f106";}
.order-row .dd-arrow i{font-size:20px;}
.dd-arrow{margin: 0 10px 0 20px;}
.order-box .amt-row{line-height: 1;}
.order-box .amt-row h3 strong{font-size: 18px;}
.order-box .order-dtl-bx{ transform: scaleY(0);  height: 0; overflow: hidden;  transform-origin: top;  transition: transform 0.26s ease;}
.order-box .order-dtl-bx.is-active{ transform: scaleY(1); height: auto;}
.ttl-ordr-bg{background: #fff; padding: 10px 16px;}
.sbmt-ys-no .closePopup{min-width: 120px;}
.rePubPage .alignC.final-proceed-btn{padding: 0; margin-top: -30px;}
.ttl-gst-box{background: #ededed; padding:14px 16px 0; color: #003549; }
.ttl-gst-box-scroll{overflow-y: auto; max-height: 410px; display: flex;  width: 100%;  flex-direction: column-reverse;}
.ttl-gst-box .order-box{ display: flex; flex-direction: column;}
.ttl-gst-box .order-box > *{order: 1;}
.ttl-gst-box .order-box > .order-is-active{order: 2;}
.amt-row{display: flex; font-size: 14px;  justify-content: space-between; margin-bottom: 20px; align-items: center;}
.amt-row h3{display: flex;  justify-content: space-between; }
#hiddenAddOnEdition{display: none;}
.rePubPage{background: rgba(1,146,201,0.05); position: relative; padding: 27px 0 0 0;}
.rePubPage .datePubHeading{margin-top: 0;}
.rePubPage .alignC {padding:20px 0 25px 0;}
.agncy-code{position: relative;}
.agncy-code .inp1.intField {  width: 95%;}
#agency .agncy-code .inp1.intField,.amt-row h3{  width: 100%;}
.agncy-code i{border: none; color: #515151; cursor: pointer; font-size: 20px;}
.close-pp{cursor:pointer;position: absolute;right: 0;  top: -14px;  width: 25px;  height: 28px;  background-color: #fbba00;  color: #003549;  font-size: 16px;  padding: 2px 0;  text-align: center;  font-weight: 700;  z-index: 9;}
/* The actual popup */
.popuptext {width: 428px;background-color: #fff;color: #fff;display: none;padding: 10px 15px;box-shadow: -2.6px 1.5px 13px 0 rgba(0, 0, 0, 0.2);position: absolute;right: 0;top: -86px;font-size: 11px; font-weight: 300; color: #003549;}
.order-num-inr .popuptext{width: 98%;  top: -54px;  left: 0;}
.popuptext:before{width: 0;position: absolute;right: 8px;  bottom: -10px;  content: "";  height: 0;  border-left: 8px solid transparent;  border-right: 8px solid transparent;  border-top: 12px solid #fff;}
.popuptext a{font-weight: 700;}
.orderHistory tr td{position: relative;}
.popupamnt{width: 310px;font-size: 12px;top: auto;bottom: 100%;right: 40px; z-index: 9}
.popupamnt .amt-row{margin-bottom: 10px; padding-right: 20px;}
.orderHistory tr td .popupamnt span{display: inline-block;}
/* Modal css here */
.modal-content button:hover,.modal-content button:focus,.closePopup:hover,.closePopup:focus {border: none;outline: none;opacity: .9;color: #fff;box-shadow: none;text-decoration: none}
.closePopup {line-height: normal;cursor: pointer;border: none;color: #333;font-size: 16px;text-align: center;font-family: 'Poppins', sans-serif;display: inline-block;vertical-align: top;border-radius: 0;min-width: 170px;padding: 10px 25px;}
.closePopup {    min-width: 180px;     padding: 11px 30px;    margin: 0 3% 0 0;  }
.modal-content .close,.addonOverlayIn .close {  width: 44px; line-height: 48px;  height: 48px;  background-color: #fbba00;  border: none;  color: #003549;  font-size: 44px;  border-radius: 0;  top: -24px;  right: -20px;}
.modal-content .close:hover,.addonOverlayIn .close:hover {    opacity: .8  }
.modal-content,.modal.fade .mdl-wd  {    padding: 40px 30px  }
.modal-content label {    font-size: 14px}
.closeBtn3 {    background: #ea5609;    color: #fff;    margin: 0;  }
.closePopup i,.ad-ttlrj i {  font-size: 16px;  font-weight: 400;  border-radius: 27px;  border: 2px solid;  padding: 4px 4px;  width: 27px;  height: 27px;}
.ad-ttlrj i {  font-size: 22px;  color: #ea5609;  padding: 3px 0 0 0;  text-align: center;  width: 32px;  vertical-align: text-top;  margin-top: 4px;  height: 32px;}
.mdl-wd .ad-header {    margin-bottom: 20px  }
.modal-open {    overflow: hidden;}
.modal-open .modal {     overflow-x: hidden;     overflow-y: auto;}
.modal {  position: fixed;  top: 0;  left: 0;  z-index: 1050;  padding-top:5%;  display: none;  width: 100%;  height: 100%;  overflow: hidden;  outline: 0;}  
.modal-backdrop,     .modal-backdrop.fade.in {      opacity: 0.73;  }
.modal-dialog {  position: relative;  width: auto;  margin: 0.5rem;  pointer-events: none;}  
.modal.fade .modal-dialog {  transition: -webkit-transform 0.3s ease-out;  transition: transform 0.3s ease-out;  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);} 
.unf-hi-wrap ins{text-decoration: none;} 
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {    transition: none;  }
}  
.modal-dialog-centered {  display: -ms-flexbox;  display: flex;  -ms-flex-align: center;  align-items: center;  min-height: calc(100% - 1rem);}  
.modal-backdrop {  position: fixed;  top: 0;  left: 0;  z-index: 1040;  width: 100vw;  height: 100vh;  background-color: #fff;}  
.modal-backdrop.fade {     opacity: 0;  }
.modal-backdrop.show {     opacity: 0.95;  }
.modal-body {  position: relative;  -ms-flex: 1 1 auto;  flex: 1 1 auto;  padding: 1rem;}
.modal-content {    position: relative;    display: -ms-flexbox;    display: flex;    -ms-flex-direction: column;    flex-direction: column;    width: 100%;    pointer-events: auto;    color: #003549;    font-size: 18px;    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);    background-color: #fff;    background-clip: padding-box;    outline: 0;}
#docuploadModal .modal-dialog-centered, #doc-upload-modal .modal-dialog-centered{       width: 710px;    }    
.dtedtmdl .modal-dialog-centered{ width: 660px;}  
#photoModal .modal-dialog-centered{ width: 800px;}  
#photoModal.unf-model .modal-dialog-centered{ width: 633px;}
.cntvwmdl .modal-dialog-centered{ width: 525px;}
.cntprvwvw{margin: 0 auto; width:340px}
.ad-compose .textAreaHolder{ float:left; width:100%; margin-bottom:5px}
.cmps-gdlns a{text-decoration: underline; color:#008ec6; line-height: 2;}
.preview .gdln-prvw label{font-size: 16px; display: flex; color: #030303; font-weight: 400;}
.gdln-prvw .link-txt{text-decoration: underline;}
.gdln-prvw .link-txt:hover,.gdln-prvw .link-txt:focus{text-decoration: none;}
.pic-upload-wrapper input:disabled ~ span.file-ath,.file-upload-wrapper input[type="file"]:disabled{cursor: initial;}
.ad-compose .textArea{ padding:14px 18px; background-color: #fff; font-family: "amplitude_condensedbook"; border:none; color: #000;}
.unf-ad-box .textArea{font-family: 'helveticaregular';  font-weight: 400; padding-right: 44px;}
.unf-ad-box .textArea#prevHeader{font-family: 'helveticabold';  font-weight: 700;}
  /* Color template design */
  .ad-compose{ background-color:transparent; border:none; float: left; margin-bottom:20px; margin-top:0; width:74%}
  .ad-compose .selectHolder label {color:#003549; font-weight:700; font-size:18px; }
  .ad-compose .selectHolder{ width:100%; display:flex;  justify-content: space-between; margin-bottom:20px }
  .ad-compose .obt-wd-bx{align-items: center;}
  .ad-compose .obt-wd-bx .adArea{padding: 0}
  .ad-compose .obt-wd-bx .selectHolder{ margin-left: auto; margin-bottom: 0; overflow: visible; flex-direction: row; justify-content: space-between;}
  .ad-compose .obt-wd-bx .adArea,.ad-compose .obt-wd-bx .adArea label,.ad-compose .obt-wd-bx h3{margin-bottom: 0;}
  .ad-compose .cst-field{position: relative;}
  .ad-compose .cst-field-pic{width: 50%;}
  .ad-compose .cst-field-border,.ad-compose .cst-field-bg{width: 23%;}
  .ad-compose .cst-field .adArea label{line-height: 1.6;}
  .upload-clr-temp{width:85% !important; float: none; padding: 20px 0 15px; margin: 0 auto; text-align: left;}
  .upload-clr-temp  .selectHolder{margin-bottom: 10px;}
  .upload-clr-temp  ~ .file-upload-wrapper{height: 110px;}
  .usr-rglgbx{background-color: #4992c9;padding: 9px 55px 13px 16px; line-height: 1.53;  color: #ffffff;}
  .usr-rglgbx a{color: #f2ba14;border-bottom: 1px solid; font-weight: 600;}
/* Otp modal css*/
#partitioned {  border: 0;  letter-spacing: 58px;  padding-left: 40px;  background-image: linear-gradient(to left, #ccc 70%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;  background-size: 75px 3px;  background-position-x: 74px;  margin-left: 0px;  background-repeat: repeat-x;  font-size: 30px;  color: #003549;}
#partitioned:focus{box-shadow: none;}
#divInner {  left: 0;  position: sticky;}
#divOuter{  width: 320px; margin:80px auto 50px;  overflow: hidden;}
.rs-otp{text-decoration: underline;color:#003549; font-size: 16px;position: fixed; right:100px;margin-top: 5px;}
.ctg-wdth{min-width: 274px;}
.ads-step-pnl input.category:disabled,.ads-step-pnl input.category:disabled:hover {  background-color: #9a9a9a; color:#777; pointer-events: none;}
@-moz-document url-prefix() { 
  #partitioned {    letter-spacing: 63px;    padding-left: 36px;    background-size: 80px 3px;    background-position-x: 72px;  }
}
@media not all and (min-resolution:.001dpcm) {
#partitioned{background-position-x: 56px;  letter-spacing: 54px; position: relative;	 background-size: 72px 3px;   padding-left: 24px;  }
.rs-otp{right:25%}
#divInner{position: relative}	
#divInner:before{content: ""; position: absolute; right: 0; bottom:0px; width:30px; height:100%; background: #fff; z-index: 2}
}
.under-line-link{text-decoration: underline; font-weight: 700; color: #003549;}
/* OBT css */
.obutry-tmp{text-align: center; font-size: 0; }
.obutry-tmp label{position: relative; display: block; cursor: pointer;}
.obt-pd{width: 167px; margin: auto; margin-bottom: 40px;}
.obutry-tmp .chk-box-pd label:before {  background-color: #dfdfdf;  padding: 17px;  margin-right: 0;  top: 11px;  border-radius: 50%;}
.obutry-tmp .chk-box-pd input:checked + label:after {    top: 18px;    left: 48%;    width: 10px;    height: 16px;    border: solid #fff;    border-width: 0 4px 4px 0;}
.ad-compose.obt-ad-box{ margin-top: 5px;}
.slk-bxs{display: flex; justify-content: space-between;}
.slk-bxs input{background-color: #ebebeb; width:32%;  font-family: Poppins,Sans-Serif; text-overflow: ellipsis;font-weight: 700; margin: 0 0 10px 0; color: rgba(0, 53, 73, 0.8);line-height: 1.6;opacity: 0.8; font-size: 15px; cursor: pointer; padding: 10px 7px;  border-radius: 7px;}
.slk-bxs input:focus,.slk-bxs input.active{background-color: #fbba00; color: #003549;}
#prev1c,#sel_shloka{text-overflow: ellipsis;}
.tox .tox-edit-area__iframe, .tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary{background-color: #f2f9fc  !important;}
.obt-inpx{background-color: transparent; font-family: Poppins,Sans-Serif; font-weight: 400; padding:11px 44px 11px 10px; width:100%;color: #00141b;border:1px solid #dfdfdf;line-height: 1.4; font-size: 16px;}
textarea.obt-inpx{height: 100px; overflow: hidden;}
.obt-inp{position: relative;}
.obt-inp i{position: absolute; opacity: .4; z-index: 9; right:18px; top:10px; cursor: pointer;}
.obt-inp i.active{opacity: 1;}
.obt-inp i img{width:24px}
.ubt-pic-up-wrap .file-ath i {  font-size: 24px;  vertical-align: text-top; z-index: 9999;}
.file-ath-ubt{color: #00141b;}
#obicam{vertical-align: middle; padding:18px 5px 18px 10px;}
#obi-pic-name i.pic-vw-info, #unf-pic-name i.pic-vw-info{right:72px}
.file-ath-ubt i:nth-child(2){ right:36px}
.ubt-pic-up-wrap .file-ath i.pic-vw {  z-index: 9; font-size: 0 !important;  width: 34px; border-radius: 6px;padding:15px 8px; text-align: center;}
.obt-nm-bx input.inp1{width:100%; background-position: 98% center !important;height: 46px; }
.obt-nm-bx input.inp1#prevDates, .obt-nm-bx input.inp1#obtdateranges{background-position: 4% center !important; padding-left: 44px; background-size: 20px 20px;}
#obtdateranges,.obt-nm-bx .clndr-bx{margin-bottom: 0;}
.unf-nm-dt-bx .data-range-box input.inp1,.unf-nm-dt-bx .obt-inpx{background-color:#fff; height: 49px; padding: 14px 18px; font-size: 15px; color: #000; border-radius: 6px; border: none;}
.obt-nm-bx input.inp-nm{width:48%;padding-right: 11px;}
#imgupinfoModal .usr-dts-dtl h4, #infoimgModal .usr-dts-dtl h4 {  margin-bottom: 7px;  font-size: 18px;  line-height: 1.2;}
#imgupinfoModal .dt-wrap div{margin-bottom: 10px;}
.daterangepicker select.monthselect, .daterangepicker select.yearselect{width:45% !important; margin-right: 10% !important; border:1px solid #ddd; padding:3px 5px !important;}
.daterangepicker select.yearselect{margin-right: 0;}
.daterangepicker select.monthselect, .daterangepicker select.yearselect,.daterangepicker .calendar-table th, .daterangepicker .calendar-table td,.daterangepicker .drp-buttons .btn{ font-family: Poppins,Sans-Serif;font-size: 14px !important; }
.daterangepicker .drp-selected {  display: block !important; padding: 2px 0 10px !important;  text-align: center; font-family: Poppins,Sans-Serif; font-size: 15px !important; }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{line-height: 30px !important;}
.daterangepicker .calendar-table tr:last-child th{color: #0192c9;  font-weight: 500;}
.daterangepicker td.active, .daterangepicker td.active:hover,.calendar .calendar-table .table-row .table-col.end-date .table-value-wrapper, .calendar .calendar-table .table-row .table-col.end-date .table-value-wrapper:hover, .calendar .calendar-table .table-row .table-col.start-date .table-value-wrapper, .calendar .calendar-table .table-row .table-col.start-date .table-value-wrapper:hover {  background-color: #fbb900 !important; border-radius: 0 !important;}
.daterangepicker .drp-buttons .btn {  padding: 5px 24px !important; font-size: 12px !important;}
.daterangepicker .drp-buttons{text-align: center !important;}
.daterangepicker select{border:1px solid #ddd;}
.calendar .calendar-table .table-row.weekdays .table-col{font-weight: 500 !important; color: #0192c9 !important; }
.calendar .calendar-table .table-row .table-col{width:32px; line-height: 1.8 !important;font-family: Poppins,Sans-Serif; font-size: 14px !important;}
.daterangepicker.expanded .calendar{margin-bottom: 80px;}
.daterangepicker .controls {  position: absolute;  bottom: 7px;   width: 100%; }
.daterangepicker .custom-range-buttons,.daterangepicker .custom-range-inputs {  justify-content: center;}
.daterangepicker .custom-range-inputs input{min-width: 80px !important;  width: 80px !important;  -ms-flex: 0 !important; flex: 0 !important;}
.daterangepicker .custom-range-buttons button{padding: 5px 25px !important; cursor:pointer;font-weight: 600; border-radius: 0 !important;}
.daterangepicker .custom-range-buttons button.cancel-btn{background-color: red !important; color: #fff !important;}
.daterangepicker .custom-range-buttons button.apply-btn{background-color: #fbb900 !important; color: #333 !important;}
.daterangepicker{z-index: 99;}
.preview.obt-preview{width:227px; margin: 8px auto; float: none; position: relative; background-color: #fff; background-image: url('../png/6cm-top.png'), url('../png/6cm-bottom.png'); background-repeat:no-repeat; background-position: left top, left bottom;  padding: 26px 14px 23px;}
.lt-shdw,.rt-shdw{position: absolute;  top: 46px; left: 6px; box-shadow: 0 0px 5px rgba(0,0,0,0.62);  width: 1.6px; border-radius: 20px; background: #f5f5f5; height: calc(100% - 86px); }
.rt-shdw{ left: auto; right: 6px; }
.preview.obt-preview.obt-preview-eight { width: 302px; padding: 34px 19px 30px; background-image: url('../png/8cm-top.png'),url('../png/8cm-bottom.png');}
.preview.obt-preview.obt-preview-eight .lt-shdw,.preview.obt-preview.obt-preview-eight .rt-shdw{left:8px; height: calc(100% - 120px); top: 60px; width: 2px }
.preview.obt-preview.obt-preview-eight .rt-shdw{ left: auto; right: 8px; }
.preview.obt-preview.obt-preview-nine{width:340px; padding: 39px 21px 34px; background-image: url('../png/9cm-top.png'), url('../png/9cm-bottom.png'); } 
.preview.obt-preview.obt-preview-nine .lt-shdw,.preview.obt-preview.obt-preview-nine .rt-shdw{left:9px; height: calc(100% - 140px); top: 71px; width:2.5px }
.preview.obt-preview.obt-preview-nine .rt-shdw{left: auto; right: 9px; }
.preview.obt-preview.obt-preview-twlv{width:454px; padding: 52px 28px 45px; background-image: url('../png/12cm-top.png'), url('../png/12cm-bottom.png');}
.preview.obt-preview.obt-preview-twlv .lt-shdw, .preview.obt-preview.obt-preview-twlv .rt-shdw{left:13px; width: 2.8px; height: calc(100% - 180px); top: 89px; box-shadow: 0 0px 7px rgba(0,0,0,0.62);  }
.preview.obt-preview.obt-preview-twlv .rt-shdw{ left: auto; right: 13px; }
.obt-prvw-wrap{float: right; width: 466px; }
.obt-preview-bkbx{background-color: #FEFCCE; border: 1px solid #ddd;}
.obt-prvw-wrap >h3{  color: #003549; padding: 10px 0; font-weight: 700;  line-height: 1.4;  font-size: 18px;}
.preview.obt-preview .obt-preview-vw h3{font-size:12px;  line-height: 1.2; margin-bottom: 3px; font-weight: 500; color: #000; text-transform: capitalize;}
.preview.obt-preview .dply,.preview.obt-preview-eight .dply.mb5{margin-bottom: 3px;}
.obt-cnt-dtl.prev5{ margin:0 6px}
.preview.obt-preview-twlv .obt-preview-vw h3{font-size: 24px; margin-bottom: 8px;}
.preview.obt-preview-nine .obt-preview-vw h3{font-size: 18px; margin-bottom: 6px;}
.preview.obt-preview-eight .obt-preview-vw h3{font-size: 16px; margin-bottom: 5px;}
.preview.obt-preview-eight .obt-preview-vw #prev2{margin-bottom: 11px;}
.preview.obt-preview-eight .dply h3.tnc-ttl{margin-bottom: 5px;}
.preview.obt-preview-eight .obt-preview-vw .pmt h3.tnc-ttl,.preview.obt-preview-nine .obt-preview-vw .pmt h3.tnc-ttl,.preview.obt-preview-nine .obt-preview-vw .pmt{margin-bottom: 6px;}
.preview.obt-preview-eight .obt-cnt-dtl.prev5{ margin-left:8px; margin-right: 9px;}
.term-chk-obt{padding-top: 15px; }
.obt-info{word-break: break-word; }
.obt-img-pnl{display: inline-block; margin: 0 auto 7px; position: relative; padding: 3px 2px;  border: solid 1px #a1a1a1; background-color: #f5f5f5;}
.preview.obt-preview.obt-preview-eight .obt-img-pnl{padding: 2.5px 3.5px;  border: solid 1.5px #a1a1a1; margin-bottom: 10px;}
.preview.obt-preview.obt-preview-nine .obt-img-pnl{padding: 3.5px;  border: solid 2px #a1a1a1;}
.preview.obt-preview.obt-preview-twlv .obt-img-pnl{padding: 4px; margin-bottom: 16px;  border: solid 3px #a1a1a1;}
.preview.obt-preview #obi-img-prv{ width: 115px; height:77px; display: block;}
.preview.obt-preview.obt-preview-eight #obi-img-prv{ width: 151px; height:104px}
.preview.obt-preview.obt-preview-nine #obi-img-prv{ width: 170px; height:115px}
.preview.obt-preview.obt-preview-twlv #obi-img-prv{ width: 228px; height:154px}
.preview.obt-preview #sel_shlokac{width: 59%; margin-bottom: 7px; margin-left: auto; margin-right: auto; font-size: 8px; font-family: 'Noto Sans', sans-serif;}
.preview.obt-preview.obt-preview-eight #sel_shlokac{ font-size: 10.5px; width: 58.5%; margin-bottom: 9px;}
.preview.obt-preview.obt-preview-nine #sel_shlokac{ font-size: 12px; margin-bottom: 11px; width: 59.5%;}
.preview.obt-preview.obt-preview-twlv #sel_shlokac{font-size: 16px; margin-bottom: 14px;}
@media not all and (min-resolution:.001dpcm) {
  .preview.obt-preview #sel_shlokac,.preview.obt-preview.preview.obt-preview-nine #sel_shlokac,.preview.obt-preview.preview.obt-preview-twlv #sel_shlokac {width: 59%; }
  .preview.obt-preview.preview.obt-preview-eight #sel_shlokac {width: 61%; }
}
.preview.obt-preview .obt-box#prev1{font-weight: 300; margin-bottom: 4px; margin-left: 6px; margin-right: 6px;}
.preview.obt-preview.preview.obt-preview-eight .obt-box#prev1,.preview.obt-preview-twlv .dply{margin-bottom: 6px;}
.preview.obt-preview.preview.obt-preview-nine .obt-box#prev1{margin-bottom: 7px;}
.preview.obt-preview.preview.obt-preview-nine .obt-img-pnl,.preview.obt-preview.preview.obt-preview-twlv .obt-dts,.preview.obt-preview-twlv .obt-preview-vw #dateobic{margin-bottom: 11px;}
.preview.obt-preview.preview.obt-preview-eight .obt-dts, .preview.obt-preview-eight .obt-preview-vw #dateobic,.preview.obt-preview.preview.obt-preview-nine .obt-dts,.preview.obt-preview-nine .obt-preview-vw #dateobic{margin-bottom: 8px;}
.preview.obt-preview-nine .obt-preview-vw #prev2,.preview.obt-preview-twlv .obt-preview-vw #prev2{margin-bottom: 13px;}
.preview.obt-preview-nine .dply h3.tnc-ttl, .preview.obt-preview-eight .obt-preview-vw .obt-cnt-dtl.pmt{margin-bottom: 5px;}
.preview.obt-preview-nine .dply{margin-bottom: 4px;}
.preview.obt-preview-nine .obt-cnt-dtl.prev5{ margin-left:10px; margin-right: 11px;}
.preview.obt-preview.preview.obt-preview-twlv .obt-box#prev1,.preview.obt-preview-twlv .dply h3.tnc-ttl{ margin-bottom: 9px;}
.preview.obt-preview-twlv .obt-cnt-dtl.prev5{ margin-left:14px; margin-right: 15px;}
.obt-info.prev2{font-style: italic; margin-bottom: 7px;}
.obt-nm-bx .data-range-box {margin-right: 0; margin-left: 10px; position: relative;}
.unf-nm-dt-bx .data-range-box{margin-left: 0;}
.obt-ttl{text-transform: capitalize; }
.obt-ttl h3{font-weight: 700; letter-spacing: .5px; word-break: break-word;}
.preview.obt-preview .obt-preview-vw,.obt-box,.obt-info,.obt-cnt-dtl,.obt-ttl{font-family: 'Poppins'; font-weight: 400; position: relative; z-index: 9; color:#000;font-size: 7.5px; line-height: 1.2; word-break: break-word;}
.preview.obt-preview.obt-preview-eight .obt-preview-vw,.preview.obt-preview.obt-preview-eight .obt-box,.preview.obt-preview.obt-preview-eight .obt-info,.preview.obt-preview.obt-preview-eight .obt-cnt-dtl,.preview.obt-preview.obt-preview-eight .obt-ttl{font-size: 10px;}
.preview.obt-preview.obt-preview-nine .obt-preview-vw,.preview.obt-preview.obt-preview-nine .obt-box,.preview.obt-preview.obt-preview-nine .obt-info,.preview.obt-preview.obt-preview-nine .obt-cnt-dtl,.preview.obt-preview.obt-preview-nine .obt-ttl{font-size: 11px;}
.preview.obt-preview.obt-preview-twlv .obt-preview-vw,.preview.obt-preview.obt-preview-twlv .obt-box,.preview.obt-preview.obt-preview-twlv .obt-info,.preview.obt-preview.obt-preview-twlv .obt-cnt-dtl,.preview.obt-preview.obt-preview-twlv .obt-ttl{font-size: 14.5px;}
.obt-cnt-dtl.pmt{background-color: #ebebeb; padding: 5px 4px; margin-bottom: 4px; margin-left: 8px; margin-right: 8px;}
.preview.obt-preview-eight .obt-cnt-dtl.pmt{margin-left: 11px; margin-right: 11px;}
.preview.obt-preview-nine .obt-cnt-dtl.pmt{padding: 8px 4px; margin-left: 12px; margin-right: 12px;}
.preview.obt-preview-twlv .obt-preview-vw h3.tnc-ttl{font-size: 14.5px; margin-bottom: 9px; margin-top: 17px}
.preview.obt-preview-nine .obt-preview-vw h3.tnc-ttl{font-size: 11px;}
.preview.obt-preview-eight .obt-preview-vw h3.tnc-ttl{font-size: 10px;}
.preview .obt-preview-vw h3.tnc-ttl{font-size: 7.5px; margin-bottom: 3px; font-weight: 600; margin-top: 0;}
.preview.obt-preview.obt-preview-twlv .obt-cnt-dtl.pmt{margin-bottom: 9px; padding: 11px 4px; margin-left: 16px; margin-right: 16px;}
.preview.obt-preview-twlv .obt-preview-vw .obt-cnt-dtl.pmt h3.tnc-ttl{margin-top: 0; margin-bottom: 10px;}
.obt-inp .disclaimer{font-size: 13px; margin-top: 4px; display: none;}
.link-txt{color: rgb(73 146 201);}
.adArea .upload-check .radio-button__custom-indicator {  height: 31px;  width: 100%; top:2px; cursor: pointer; background:transparent;}
.adArea .upload-check .radio-button__custom-indicator::before{content: none;}
@media not all and (min-resolution:.001dpcm) {
  .obt-inp .disclaimer{ display: block;}
}
.disc-fest{max-width: 718px; display: flex; line-height: 1.3; padding: 10px 10px 9px 15px;  box-shadow: -2.6px 1.5px 18px 0 rgba(0, 0, 0, 0.14);
  border: solid 2px #ffffff; align-items: center; background-color: #4992c9;  margin: 10px auto 0;  color: #ffffff; }
.disc-fest img{margin:4px 5px 0 0;}
/* start added section on home page*/
.home-wrap{background:url(../png/ht-globe-bg.png) 97% -7px no-repeat; line-height: 1.47; color: #003549; background-size: 575px 429px; clear: both;}
.bookingTitle-wt{color: #fff;}
.home-wrap h4{font-size: 18px; font-style: italic; margin-bottom: 15px; font-weight: 300;}
.home-wrap .bookingTitle,.testimonial-wrap .bookingTitle {text-align: left; text-transform: uppercase;}
.home-wrap p{margin-bottom: 15px;}
.why-ad-wrap{background:#4a8eb3 url(../jpg/why-ads-bg.jpg) left center no-repeat; color: #fff;background-size: 100%;}
.why-ad-wrap-list li{display: flex; align-items: center; padding-right: 15%; margin-top: 20px;}
.why-ad-wrap-list li img{margin-right: 30px;}
.testi-carousel .owl-stage{display: flex; align-items: flex-end; margin-left: 1px;}
.testimonial-wrap{background-color: #F9F9F9; padding: 40px 0;}
.testimonial-wrap .bookingTitle{margin-bottom: 40px;}
.testi-info{background: #FFFFFF;  border: 1px solid #C1BCBC; margin: 0 1px; border-radius: 20px; position: relative; border-bottom: none;}
.testi-info::after{content: ""; position: absolute; left: 47%; bottom: -11px; border-left: 8px solid transparent;  border-right: 8px solid transparent;  border-top: 12px solid #FBBA00;}
.testi-info .data{display: flex;  align-items: center; margin: 18px 22px;  min-height: 67.5px;}
.testi-info p{font-size: 18px; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden; }
.testi-info h4{ font-size: 20px; line-height: 1.1; color: #fff; margin-bottom: 10px; text-transform: uppercase;}
.testi-info h5{font-size: 17px; font-weight: normal; line-height: 1.25; color: #fff;  text-transform: uppercase;}
.testi-usr-box{background: #FBBA00; box-shadow: 0px 70px 70px #9B9B9B29; padding: 14px; border-radius: 15px 15px 20px 20px;}
.testi-carousel .owl-item.active.center .item .testi-info .data{min-height: 202px}
.testi-carousel .owl-item.active.center .item .testi-info p{-webkit-line-clamp: inherit; }
.testi-carousel .owl-item .item img{width: 113px; height: 113px; border-radius: 50%; border: 6px solid #FBBA00; margin-top: 40px;} 
.testi-carousel .owl-nav button.owl-next, .testi-carousel .owl-nav button.owl-prev{position: absolute; bottom: 254px; font-size: 18px !important; border-radius: 50%; background: #FFFFFF !important;  box-shadow: 0px 3px 20px #00000030; width: 30px;  height: 30px;  border: 1px solid #C1BCBC !important;}
.testi-carousel .owl-nav button.owl-prev{left: -14px;}
.testi-carousel .owl-nav button.owl-next{right: -14px;}
.ad-media-wrap{background:url(../jpg/media-pub-bg-m.jpg) right top no-repeat; background-size: contain;}
.ad-media-wrap p{width: 84%;}
.ad-ctgrs-wrap{background:url(../jpg/adv-ctg-bg.jpg) left top no-repeat; padding: 98px 0; color: #fff; background-size: 100%; text-align: center;}
.ad-ctgrs-wrap .bookingTitle{text-align: center;}
.ad-ctgrs-wrap h3{font-size: 19px; font-weight: normal;}
/* ended added section on home page*/
/* start added section on category page*/
.no-bg{background-image: none;}
.ctg-ttl{font-size: 26px;}
.ctg-info-pnl{background:url(../png/laptop.png) right center no-repeat; padding-top: 20px; 
  min-height: 400px;  background-size: 590px 363px; display: flex; justify-content: center;
  flex-wrap: wrap;  flex-direction: column;}
.ctg-info-pnl p:last-child,.ctg-links-dtl p:last-child{margin-bottom: 0;}
.steps-pnl{background:#1292c7 url(../png/ctg-steps-bg.png) right top no-repeat; color:#fff}
.steps-pnl .bookingTitle{line-height: 1.2;}
.steps-list,.why-choose-list{display: flex; position: relative; justify-content: space-between;  margin-top: 40px;}
.steps-list::before{border-top: 2px dashed #fff; content: ""; position: absolute; top:52px; width: 96%;  left: 14px;}
.steps-list li{position: relative;}
.steps-list li .steps-img{height: 95px;  align-items: center; justify-content: center; display: flex; margin-bottom: 20px;}
.steps-list li h3{text-align: center; font-weight: 600; line-height: 1.2; font-size: 20px;}
.ctg-links-pnl{position: relative; text-align: center;  display: flex;  justify-content: center;  align-items: center;  height: 100%;}
.ctg-links-dtl{position: absolute;width: 75%; font-size: 22px; line-height: 1.24; }
.ctg-links-dtl a{color: #4389c0; position: relative; display: inline-grid; }
.ctg-links-dtl a::after {  content: ''; width:0; height: 1.5px;  background: #4389c0;  transition: width .4s;}
.ctg-links-dtl a:hover::after {  width: 100%;}
.why-choose-pnl .bookingTitle{text-align: left; text-transform: uppercase; margin: 0;}
.why-choose-list li{max-width: 204px;}
.why-choose-list li:first-child{max-width: 232px;}
.why-choose-list li:last-child{max-width: 176px;}
.why-choose-list li h4{font-size: 16px; text-align: center; font-weight: normal;}
.choose-list-img{height: 131px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
/* ended added section on category page*/
.prc-mdl-btn input,.valueButton.category.p100{font-size: 22px; width: auto;}
.loginPageRegister .loginArea  .captchabx .captachaBtn.width50{border: 0;}
.loginPageRegister .loginArea  .captchabx .width50{ border: 1px solid #c2c2c2; height: 48px; border-left: 0;}
.loginPageRegister .loginArea  .captchabx .width50 img{  height: 46px !important;}
.bx-check-lbl-rdo [type=radio]:checked+label:before,.bx-check-lbl-rdo [type=radio]:not(:checked)+label:before, .bx-check-lbl-rdo [type=radio]:checked+label:after{width: 20px; height: 20px; border: 2px solid #aaa;}
.bx-check-lbl-rdo [type=radio]:checked+label:after{border: 0;}
.pick-self p{font-weight: 600;}
.cookies-bx{ background-color:#101010e0; display: none; backdrop-filter: blur(5px); color: #fff; -webkit-backdrop-filter: blur(5px);  padding: 35px 28px 27px; position: fixed; gap: 17px; line-height: 2;  bottom: 0px;  display: flex;  z-index: 99; flex-direction: column; max-width: 474px;}
.cookies-bx a{color: #55B2DA; text-decoration: underline;}
.cookies-bx h2{line-height: 1;}
.cookies-bx div{justify-content: space-between; align-items: center;}
.cookies-bx .btn-accept{ font-size: 16px; line-height: 1; margin: 0; padding: 13px 25px;  text-transform: uppercase; width: auto;	min-width: inherit;}
.cks-close-btn{border: 1.5px solid #fff; width: 24px;  height: 24px;  border-radius: 50%;  padding: 4px 7px 0;  line-height: 1;  text-align: center;  font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 600;  position: absolute;  right: 11px;  top: 9px;  color: #fff;}
#previewadcontent #previewAreaWrapper,#previewadcontentHindi #previewAreaWrapperHindi{display: none;}  
.hindi-cntnt-wrap{background: #DAEEF8; padding: 14px 19px 5px 14px; border-radius: 6px; margin: 23px -15px 0;}
.hindi-cntnt-bx{align-items: center; justify-content: space-between; padding-right: 16px;}
.hindi-cntnt-bx img.arrow-up{transform: rotate(180deg);}
.hindi-cntnt-bx hr{border-top: 1px solid #D4D4D4; width: 75%;}
.ad-compose .selectHolder.mt20{margin-top: 20px;}
.ad-compose div h4{font-size: 16px; font-weight: 600;}
.ad-compose .fs20 h4{font-size: 28px;}
.ad-compose .grossAmount{color: #030303;}
.hidden-bx .mt10{margin-top: 10px;}
.preview-both{width: 100%; justify-content: end;}
.preview-both .gdln-prvw{width: 388px}
.priceclcerror {color: #Ff4040; line-height: 1.5; margin-top: 5px; font-size: 14px;}
.upload-clr-temp-edtn{width: 100% !important; margin-bottom: 0 !important;}
.upload-clr-temp-edtn .d-flex{ align-items: center;}
.upload-clr-temp-edtn .d-flex>.cst-field{width: 160px;}
.upload-clr-temp-edtn .selectHolder{ justify-content: flex-start; }
.upload-clr-temp-edtn .selectHolder .cst-field{background: #fff;
  width: auto !important;
  padding: 12px 14px;
  border-radius: 6px;
}
.ad-compose.upload-clr-temp-edtn .selectHolder label{font-size: 15px; font-weight: 400; margin-bottom: 0;}
.eng-cntnt-upld {gap: 27px; align-items: center; justify-content: space-between; margin-bottom: 16px; background-color: rgba(228, 240, 246, 0.67); padding: 20px 28px 20px 32px; border-radius: 6px}
.eng-cntnt-upld .file-upload-wrapper {
  border: 1px dashed #000;
  border-radius: 12px;
  width: 100%;
  height: 70px;
  font-size: 15px;
  padding: 20px 0;
}
input.ctUP{font-size: 16px; font-weight: 500; min-width: 253px}
.upload-file-wrap .eng-cntnt-upld{overflow: hidden;}
/* Hindi lang css here */
@media (min-width: 1024px) {
.body-hindi .menu ul li a,.body-hindi .userSign a, .body-hindi .langbox{font-size: 16px;}
.body-hindi .menu ul li a{ padding: 0 15px 15px;}
.body-hindi .bookingPage #step-bullet-1 small {  left: -64px;}
.body-hindi .bookingPage .steps.active small {  font-size: 20px;}
.body-hindi .bookingPage #step-bullet-3.active small{left: -50px;}
.body-hindi .bookingPage #step-bullet-3 small{left: -38px;}
.body-hindi .chooseAd .adArea h3{width: 270px;font-size: 16px;  left: 5%;}
.body-hindi .upload-check .chk-box-pd label{font-size: 21px;}
.body-hindi .packageOffer p{ font-size: 20px}
.body-hindi .why-choose-list li {  max-width: 146px;}
.body-hindi .why-choose-list li:first-child {  max-width: 204px;}
.body-hindi .why-choose-list li:last-child {  max-width: 128px;}
.body-hindi .chooseAd .adArea h5{margin-top: 5px;}
.body-hindi .orderHistory.orderHistory-dtl tr td .clndr-bx b{font-weight: normal;}
.body-hindi .user-wrap .user-wrap .agncy-mark{font-size: 14px;}
.body-hindi .user-wrap .agncy-mark input.category.mrkcstmr-btn{font-size: 18px; padding: 12px 6px !important;}
.body-hindi .orderHistory-ad tr th:nth-child(2), .body-hindi .orderHistory-ad tr td:nth-child(2) {  width: 9% !important;}
.body-hindi .subMenu:before{left:72%}
}
/* Hindi lang css end here */
@media (min-width: 576px) {
  .modal-dialog {       margin: 1.75rem auto;      width: 869px;  }
  .modal-dialog-centered {       min-height: calc(100% - 3.5rem);}
  .modal-dialog-centered::before {    height: calc(100vh - 3.5rem);    height: -webkit-min-content;    height: min-content;  }  
} 
@media (min-width: 600px) and (max-width: 767px) {
.slider, .form,.footprint, .oneIndia,.innerLeft{ float:none; width:100%;}
.icoLink a{ float:left; margin-left:0; width:50%; box-sizing: border-box;}
.icoLink a.ico3{background-position:-27px -156px;}
.icoLink a.ico4{ background-position:-37px -235px; padding-left:80px;}
.links, .sisterSites{ float:none; margin-bottom:20px; text-align:center;}
.oneIndia{ margin-top:30px;}
.oneIndia{ float:none; width:auto; text-align:center;}
.footData:first-child{ margin-left:0;}
.adText{ left:10px;}
.form{  height:auto; padding:50px 0; font-size:28px;}
.quote{ background-size:70px; padding-left:70px;}
.rightInner{ background-image:none; float:none; padding:40px 0 40px 0; width:100%;}
.steps{ font-size:0; padding:0;}
.icoLink2{ margin:20px 0 0 0; float:none; width:100%;}
.icoLink2 a{ float:left; width:47%;}
.stepsArea{ height:36px;}
.compose, .preview{ float:none; width:100%; margin-bottom:20px;}
.loginArea .width50 .p100{padding:10px 15px !important;}
.category.btn.p100, .category.p100{text-align:center; margin-bottom:10px;}
.loginArea .width50{width: 50%;}
.selectHolder, .textAreaHolder{ float:none; width:100%; margin:0 0 20px;}
.inp1{ width:95%;}
.address{ border-left:none; padding-left:0; padding-bottom:10px}
.artcleBoxLeft{ width:100%;}
.artcleBoxRight{ width:100%; margin-left:0;}
      }
@media (min-width: 768px) {
.slider, .form{ float:none; width:100%;}
.icoLink a{ float:left; margin-left:0; width:50%; box-sizing: border-box;}
.icoLink a.ico3{background-position:-27px -156px;}
.icoLink a.ico4{ background-position:-37px -235px; padding-left:80px;}
.links, .sisterSites{ float:none; margin-bottom:20px; text-align:center;}
footer .links{margin-bottom: 0;}
.adText{ left:10px;}
h2{ text-align:left;}
.form{  height:auto; padding:50px 0; font-size:28px;}
.quote{ background-size:70px; padding-left:70px;}
.icoLink2{ margin:20px 0 0 0; float:none; width:100%;}
.icoLink2 a{ float:left; width:47%;}
.loginArea .width50,.grossAmount .width50{width: 50%;}
.selectHolder, .textAreaHolder{ float:none; width:100%; margin:0 0 20px;}
.inp1{ width:95%;}
.address{ border-left:none; padding-left:0; padding-bottom:10px}
.mb-hd{display:block}
.dsk-hd{display: none;}
.ad-compose .obt-wd-bx .selectHolder { max-width:450px;}
}
@media (min-width: 1024px) {
  .menu{ display:block; position:static;}
  .form{ background:url(../formbg.html); width:32%; float:left; display:table; height:400px; color:#fff; font-size:28px; text-align:center;}
  .form strong{ display:block; font-size:36px; padding-bottom:20px;}
  .form input, .form select{ width:70%; margin:0 15%;}
  .slider{ float:right; width:68%;}
  .icoLink a{ display:inline-block; margin-left:13px; font-size:18px; color:#000; padding:8px 10px 15px 60px; border-radius:5px;}
  .icoLink a.ico1{width:27%;}
  .icoLink a.ico2{width:18%;}
  .icoLink a.ico3{ width:28%;}
  .icoLink a.ico4{ width:23%;}
  .states{ display:none;}
  .icoLink2 a{ float:left; width:22%; border-bottom:0;}
  .compose{ background:#f4f0e5; border:1px solid #d1d1d1; width:74%; float:left;}
  .compose.obt-ad-box,.width50{width:50%}
  .preview,.unf-preview{ float:right; width:250px;}
  .preview{width: 388px;}
  .unf-preview{ width:381px;}
  .selectHolder, .textAreaHolder{ float:none; width:100%; margin:0 0 20px;}
  .inp1,.payFinalRow .select-data{ width:90%;}
  .address{ border-left:1px solid #bebaae; padding-left:15px; padding-bottom:10px} 
  .captchabx input{font-size: 9.5px}
      }
@media (min-width: 1170px) {  
  .compose.obt-ad-box{width:60%}
  .menu,.states{ display:block;}
  .links{ float:left;  width:50%; text-align:left}
  .sisterSites{ float:right; text-align:right; width:50%; margin-bottom:0;}
  .copyright{ margin-bottom:0; text-align: right; }
  .fb{ margin:0 0 0 10px;}
  .icoLink a.ico1{width:auto; background-position:-44px -33px;}
  .icoLink a.ico2{width:auto; background-position:-46px -91px;}
  .icoLink a.ico3{ width:auto; background-position:-27px -170px;}
  .icoLink a.ico4{ background-position:-37px -249px; width:30%;}
  .form{ height:400px;}
  .quote{ background-size:135px; padding-left:135px;}
  .icoLink2{ margin:40px 15px 0 0; float:right; width:78%;}
  .icoLink2 a{ float:none; width:100%; border-bottom:1px solid #bebaae;}
  .selectHolder{ float:left; width:32%; margin-top:0px;}
  .textAreaHolder{ float:right; width:67.5%;}
  .captchabx input{font-size: 14px}
  }  
@media(min-width: 1280px){
.btn2:hover,.uploadOwnAd:hover,.closePopup:hover,.closeBtn:hover{background:#000; color: #fff;}
.loginForgot .newReg:hover{text-decoration: underline; color: #000;}
.menu ul li a:hover, .menu ul li a:focus{color:#0088c1;}
.body-hindi .stepsArea {  margin: 6px 0 55px 0;}
  } 
@media(max-width:1879px){  
.body-hindi .packageOffer p.obt-ad-ofr{ font-size: 18px !important}
  }

@media(max-width:1279px){
.footData{ float:left; margin:0;}
.heroBannerHome{padding: 0 15px;}	
.logo{max-width: 195px;}	
.rightSection,.uploadOverlayIn,.stepsArea{margin:0;}
.menu ul li a{padding:0 5px 15px; font-size: 13px;}
.subMenu{left: 0;}
.subMenu:before {left: 84%; margin: 0;}
#sidebar{width:32%}
.loginArea{width:68%;}
.publishBar h2{font-size: 20px;}
.publishBar strong{font-size: 25px;}
.customselect{width: 215px;}
.intSubmit{width: 147px;}
.footprintSec p{font-size:15px; line-height:22px;}
.footprintSec h2{font-size: 28px; line-height: 32px;}	
.bookingPage .bookingTitle,.bookingTitle{font-size: 28px; margin:10px 0 15px 0;}
.number{font-size: 22px; top: 3px;}
.customselect1 select{font-size: 15px; height: 52px; line-height: 1.4; padding-left: 10px;}
.ms-options-wrap > button:focus, .ms-options-wrap > button {padding: 14px 10px 16px; font-size: 15px;}
.packageOffer p{font-size: 18px;}
.insertionRowLeft {padding: 0 25px 0 0;}
.insertionRowRight {padding: 0 0 0 25px;}
.insertionRowLeft h5{font-size: 18px;}
.insertionRowRight h6{font-size: 15px;}
.insertionRow .btn2{margin: 30px 0 0 0;}
.packageCol h4{font-size: 21px;}
.uploadArrow {width: 110px; height: 129px; margin: 28px 0 0 0;}
.file-upload-wrapper:after{font-size: 19px;}
.uploadButtons{padding: 0 20px;}
.closePopup {font-size: 17px; padding: 14px 20px; margin: 0 1% 0 0;}
.closeBtn2{padding: 14px 30px;}
.closeBtn3{padding: 14px 40px;}
.uploadOverlay ul li{font-size: 15px; line-height: 19px;}
.bookingPage:before{height: 135px;}
.publishDateRow.date ul li:nth-child(even), .publishDateRow.date ul li{font-size: 15px; line-height: 20px;}
.publishDateRow.date ul li .displayDate .form-field{font-size: 15px;}
.addonOverlayIn { width: 100%; padding: 29px 20px 60px 20px;}
.addonOverlayIn p {font-size: 28px; line-height: 42px; margin: 0 0 0;}
.footprintSec p{font-size:15px; line-height:22px;}
.footprintSec h2{font-size: 28px; line-height: 32px;}
.oneIndia {margin: 15% 0 0 0;}
.copyright{text-align: center;}
.footData span{font-size: 21px;}
.footData .fs60{font-size:35px!important}
.footprintSec .states .stHeading,.footprintSec .map,.footprintSec .states{width: 100%;}
.footprintSec .map {margin: 15px 0 0 0;}
.footprintSec .states{margin:25px 0 0 0;}
.uploadFileView h4{font-size: 14px; line-height: 20px;}
.datePubHeading{font-size: 22px; margin: 20px 0 10px 0;}
.repubHeading {font-size: 18px; margin: 0 0 20px 0;}
#sidebar .whyClassified ul li{padding:12px 0; text-align: center;}
.whyClassified ul li img{max-width: 90%;}
.bookingPage .steps small,.bookingPage .steps.active small, .body-hindi .bookingPage .steps.active small {font-size: 0;}
.bookingPage #step-bullet-1 {  left: calc(0% - 30px);}
.bookingPage #step-bullet-5 {  left: calc(100% - 58px);}
.stepsArea .past:after, .stepsArea .active:after,.stepsArea:after{top: 22px;}
}
@media(max-width: 1199px){
.ctg-info-pnl{background-size: 550px 339px; }
.steps-list li h3 {  font-size: 18px;}
.ctg-links-dtl {  width: 85%;  font-size: 18px;}
.home-wrap-mb {  background-size: 330px 238px; background-position: 97% bottom;}
.home-wrap-mb .width70 {  width: 100%;  padding: 0;}
.home-wrap-mb .width70 p + p,.home-wrap-mb .width70 p + p,.home-wrap-mb .width70 p {  width: 58%;}
.packageOffer p.obt-ad-ofr {  font-size: 12px;}
.packageOffer p ~ p {  margin-top: 6px;}
.body-hindi .packageOffer p.obt-ad-ofr {  font-size: 12px !important;}
.stepWrap{max-width: calc(100% - 20%);}
.disclaimerText{max-width: 100%;}
}
@media(max-width: 1023px){
  .tooltip.show{margin-top: -38px !important; margin-right: -26px !important;}
  .tooltip.show::before{left: auto; right: 15px;}
  .disclaimerText { max-width: calc(100% - 9%);}
#obt-ro-doc-upload-moxcsadal .file-ath i{vertical-align: middle;}
.payFinalRow h2{margin-bottom: 30px; margin-top: 0;}
.payfinal-field #details .row.mt20,#adopsusr-py.payfinal-field{margin: 10px 0 0;}
#adopsusr-py.payfinal-field .row.mt20{margin: 15px 0 0;}
.payfinal-field .row.mt20 .width50:last-child .select-data,.payfinal-field .row.mt20 .width50:last-child .inp1,.payfinal-field .row.mt20 .width50.gst-bx .inp1{float: right;} 
.payfinal-field .row.mt20 .width50.agncy-code:last-child .inp1{float: left;}
.options-chk .width25{width:50%; margin-bottom: 10px;}
.menuSec{padding:20px 0;}
.signInsection{width: auto; margin: 6px 0 0;}
.headerProfile{padding-bottom: 0; border-bottom: none;}
.headerProfile .userSign{padding: 0; background-image: none;}
.logo{max-width:160px;}
.menuSec .rightSection .nav-call-box, .menuSec .rightSection .mb-callbox{display: none;}
.menuSec .rightSection .nav-call-box{width:280px; left:-200%; height:100%; position:fixed; z-index: 99; background: #fff; transition: all ease .3s; margin: 0;}
.menuSec .rightSection .nav-call-box.menuActive{left:0; display: block; top:0; padding-top: 125px; }
.mobmenu,.mb-usr-name.d-none,.menuSec-mb .rightSection .mb-callbox,.menuSec-mb .mb-overlay{ display:block;}
.menuSec-mb .rightSection .mb-callbox.d-flex{ display:flex;}
.menuSec-mb .logo {position: fixed;  left: 10px;  top: 20px; background-color: #fff;  z-index: 9999;}
.menuSec-mb .rightSection .mb-callbox{position: fixed; font-size: 12px; top: 100px;  left: 15px; background-color: #fff; width: auto; margin: 0; z-index: 999;}
.menuSec-mb .rightSection .mail-bx{top: 72px; line-height: 1.2;}
.menuSec-mb .mb-overlay{position: fixed;  left: 0; top: 0; width: 100%; height: 100%; z-index: 99; background-color: rgba(0, 0, 0, 0.7);}
.menu{width:100%; margin:0; overflow-y: auto; max-height: 100%;}
.menu ul {  float: none;}
.menu ul li{float: none; position: relative; z-index: 99; background-color:rgba(226, 226, 226, 0.3); line-height:46px; font-weight:bold; border-bottom:2px solid #fff; background-position: 20px center; background-repeat: no-repeat;}
.menu ul li.matri-link{background-image: url(../svg/matri-ico.svg); }
.menu ul li.prop-link{background-image: url(../svg/prop-ico.svg); }
.menu ul li.rental-link{background-image: url(../svg/rent-ico.svg); }
.menu ul li.empl-link{background-image: url(../svg/emp-ico.svg); }
.menu ul li.automb-link{background-image: url(../svg/autom-ico.svg); }
.menu ul li.business-link{background-image: url(../svg/buss-ico.svg); }
.menu ul li.obt-link{background-image: url(../svg/obt-ico.svg); }
.menu ul li.change-link{background-image: url(../svg/change-ico.svg); }
.menu ul li.other-ctg-link{background-image: url(../svg/other-ctg-ico.svg); background-position: 20px 12px; }
.menu ul li.educ-link{background-image: url(../svg/edu-ico.svg); }
.menu ul li.retail-link{background-image: url(../svg/retail-ico.svg); }
.menu ul li.electr-link{background-image: url(../svg/elect-ico.svg); }
.menu ul li.grtngs-link{background-image: url(../svg/grt-ico.svg); }
.menu ul li.ntcs-link{background-image: url(../svg/ntc-ico.svg); }
.menu ul li.unf-link{background-image: url(../svg/unf-ico.svg); }
.menu ul li.mrb-link{background-image: url(../svg/mrb-ico.svg); }
.menu ul li.missc-link{background-image: url(../svg/missc-ico.svg); }
.menu ul li a,.menu ul li .subMenu li a,.menu ul li .subMenu li:last-child a{ padding:0 30px 0 55px; font-size: 11px; color: #000; background-image: url(../svg/dd-right.svg); background-position: 90% center; background-repeat: no-repeat;}
.menu ul li.last-nav, .menu ul li.last-nav li{background-color:rgba(226, 226, 226, 1);}
.menu ul li.last-nav > a{font-weight: 600; }
.menu ul li.last-nav a.active{background-image: url(../svg/dd-top.svg);}
.menu ul li:last-child{border-bottom:none;}
.menu ul .subMenu li:first-child {  border-radius: 0;}
.menu ul li.active span:after{content: none;}
.menu ul li a ul{ display:block; position:static; overflow-y: auto;height: 200px;}
.menu ul li .subMenu li a { border-bottom:none}
.menu ul li.other-ctg-link.active a.active{font-weight: 700;}
.subMenu,.menu ul li:hover .subMenu{display: none;}
.subMenu.active,.menu ul li.active:hover .subMenu{margin: 0; display: block; background: none; border-radius: 0; width: 100%; top: 0; position: relative; border-top: 2px solid #fff;}
.subMenu:before{content: none;}
.menu ul li .subMenu li a:hover {  background-color: transparent;}
.callbox { margin-left: 35px; margin-top: 14px; width: 100%; margin-right: 0; padding: 0; border: none;}
.callbox a {    pointer-events: auto !important;}
.cartbox.cart-fade a{pointer-events: none !important;}
.userSign a{ font-size: 10px; color: #000;}
.rightSection .user-sign-lg span,.hnd-lng,.cart-txt,.menu ul li:last-child a .caret{display: none;}
.mb-usr-name span.usr-name{color: #0097f0; font-size: 12px; line-height: 2.5; display: block;}
.langbox,.cartbox{display: inline-block; margin: 0 10px 0 0; width: auto; background:url(../svg/hi-active.svg) no-repeat; padding: 15px !important;}
.langbox{margin: 0 8px 0 0; display: block; background-position: 0px 2px; border-right: 1.5px solid #b2b2b2; background-size: 26px; padding: 15px 20px 0 8px !important;}
.userSign a:first-child:after { height: 10px;  top: 10px;  top: 10px; width: 1.5px;}
.cartbox{ background: none; padding: 4px 5px 6px 0 !important; vertical-align: top; margin: 0 5px 0 0; border-right: 1.5px solid #b2b2b2}
.cartbox img{height: 18px;}
.cartbox img.cart-fill{height: 23px;}
.cartbox strong { right: 8px; font-size: 8px; left: auto;}
.headerProfile ul .childMenu li{width: 100%; padding: 0 15px; border-bottom: none;}
.headerProfile ul .childMenu li a{position: relative; font-size: 12px; padding: 0; border-top: 1px solid #eaeaea;}
.headerProfile ul li a.pview{background:url(../png/icon9.png) no-repeat 0 center; background-size:23px; padding:0 0 0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: inline-block; vertical-align: top;}
.headerProfile ul li a.pview.active{background-image:url(../svg/icon-active.svg);}
.headerProfile ul .childMenu{top:40px; left:auto; z-index: 9; box-shadow: 0 4px 40px rgb(0 0 0 / 40%); border: none; border-radius: 0;}
.headerProfile ul .childMenu::before{position: absolute;  right: 10px;  top: -8px;  content: "";  border-bottom: 8px solid #fff; border-right: 5px solid transparent;  border-left: 5px solid transparent;  z-index: 99999;}
.publishBar{padding:22px 0 28px;}
.publishBar h2{display: block; margin: 0; text-align: center;}
.publistArea{width: 100%; margin:15px 0 0 0;}
.customselect{width: 38%; margin: 0 1% 0 0;}
.intSubmit{width:21%; float:right;}
#sidebar{width: 300px;}
.loginArea{width:calc(100% - 300px);}
.formBlock{width: 100%; padding:20px 15px;}
.formBlock h2{font-size: 22px;}
.regarea-pnl .formBlock {  padding-bottom: 0;}
.loginPage.loginPageRegister{flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column;}
.loginPageRegister #sidebar{width:100%; padding:0; position:static; -webkit-box-ordinal-group:2; -ms-flex-order:2; -webkit-order:2; order:2;}
.loginPage.loginPageRegister .loginArea{width:100%;}
.customselect1{max-width: 230px;}
.packageOffer{background-size: contain;}
.packageBanner {display:flex; align-items: center;    width: 156px; height: 96px;}
.packageBanner span{font-size: 22px; margin: 0 0 0 15px;}
.packageBanner strong {font-size: 22px;}
.packageOffer p{margin: 2px 0; font-size: 15px;}
.packageColIn{padding: 0 10px 0 0;}
.addonOverlay .bx-check-lbl [type=checkbox]:checked+label:before,.addonOverlay .bx-check-lbl [type=checkbox]:not(:checked)+label:before{width: 18px; height: 18px; left: 10px;  top: 12px;}
.addonOverlay .bx-check-lbl [type=checkbox]:checked+label:after,.addonOverlay .bx-check-lbl [type=checkbox]:not(:checked)+label:after{width: 18px; height: 18px; left: 10px;  top: 12px;}
.addonOverlay .bx-check-lbl [type=checkbox]:checked+label,.addonOverlay .bx-check-lbl [type=checkbox]:not(:checked)+label{font-size: 15px; padding:12px 20px 12px 35px; line-height: 1.4;}
.footprintSec .footprint,.orderHistory-dtl,.home-wrap-mb .width70 p,.payFinalRow .width100 .inp1 {width:100%;}
.footprintSec .oneIndia{width: 100%; float: right; margin: 30px 0 20px 0; text-align: center;}
.footprintSec .oneIndia img{max-width: 300px; display: inline-block; vertical-align: top;}
.stepsArea .past:after, .stepsArea .active:after{ top: 18px;}
.stepsArea:after{top: 18px;}
.file-upload-wrapper:before{height:220px; background-size: 115px 166px;}
input.category.ctUP {font-size: 16px; margin: 20px 0 0 0;}
.uploadFileView .uploadFileViewIn object {width: 298px; height: 250px; margin: 33px 0 0 0;}
.uploadFileView .multi-uploadFileViewIn object {  height: 260px;  width: 90%;}
.adPayCl input.category {width: 280px; height: 50px; font-size: 17px;}
.uploadFileViewIn{min-height:380px;}
.popupstep1Close{width: 40px; height: 40px; right:0; top: 0;}
.popupstep1Close svg{width: 18px; height: 18px;}
.footerCirc,.footprint h3{text-align: center;}
.footData{float: none; display: inline-block; vertical-align: top;}
.uploadFileView h4{font-size: 14px;}
.packageBannerText { margin: 0 0 0 20px;}
.payFinalRow .width30,.payfinal-field{float: none; width: 100%; margin-bottom: 30px;}
.payfinal-field{margin-bottom: 0;}
.payFinalRow .width30{margin-top: 0;}
.live-preview{margin-bottom: 20px; padding-bottom: 20px;}
.ctg-info-pnl{background-size: 520px 320px; background-position: right 70%; flex-direction: row;}
.steps-list::before {  top: 24px;  width: 94%;  left: 25px;}
.steps-list li .steps-img{height: 45px;  margin-bottom: 10px;}
.steps-list li .steps-img img{height: 40px;}
.steps-list li h3 {  font-size: 14px;}
.ctg-links-dtl {  font-size: 16px;}
.choose-list-img{height: 87px;}
.choose-list-img img{height: 77px;}
.ctg-links-pnl img{height: 128px; width: 100%;}
.body-hindi .chooseAd .adArea h5{margin-top: 0;}
.packageBanner span.bst-prc{font-size: 20px;    margin: 0 0 0 10px;}
.payFinalRow .select-data{ width:95%;}
.number{top: 0;}
.bookingPage #step-bullet-5 {  left: calc(100% - 50px);}
.preview h3{text-align: center; font-size: 16px;}
.adView{min-height: 150px; padding-top: 10px;}
.tabs-ordr{margin-bottom: 15px; width: 100%;}
.row.mb0 .width50.fr label{float: right;}
.agncy-code i{position: absolute;  right: 7%;  top: 10px;}
.payfinal-field .width50.fr{float: left !important;}
.form-control-bx ~ label{float: none; display: block; text-align: right;}
.fr.form-control-bx input:focus ~ label, .fr.form-control-bx input.error:focus ~ label,
 .fr.form-control-bx .valid:focus ~ label, .fr.form-control-bx .valid ~ label,.fr.form-control-bx .has-value ~ label{
  left: calc(100% - 95%);
}
.fr.form-control-bx .select-data .has-value ~ label{left: 0;}
.fr .form-control-bx label,.fr.form-control-bx label{left: calc(100% - 92%);}
.fr.form-control-bx .select-data label{left: calc(100% - 100%); top: -1.1rem;}
.fr.form-control-bx .form-error,.fr .form-control-bx .form-error{
  margin-left: calc(100% - 95%);
}
.fr.form-control-bx .select-data.has-error span.help-block.form-error{bottom: -20px;  left: -15px;}
.obt-prvw-wrap{float: none; width: 100%;}
.obt-prvw-wrap >h3{text-align: center; font-size: 16px;}
.unf-preview #previewAdCont .unf-wrap{ background: #f2f9fc; margin: 0 auto;}
.valueButton{height: auto; width: auto; font-size: 16px;}
.err-page img,.err-page{height: auto;}
.body-hindi .stepsArea {  margin-top: 6px;}
.orderHistory tr td{background-color: #fff;  border-bottom: 1px solid #70707050}
.orderHistory.orderHistory-dtl td{background-color: #dadada;}
.orderHistory.orderHistory-dtl tr.sbhd-bx td[colspan="4"] ~ td{display: none;}
.orderHistory-dtl .sb-hd1,.orderHistory-dtl .sb-hd2,.orderHistory-dtl .sb-hd3{display: none;}
.sbhd-bx{position: relative;}
.orderHistory-dtl td .search-data{font-size: 12px; }
.orderHistory-dtl-mb td .select-data .search-data{ width: 100%;}
.user-wrap .theme-bg .orderHistory-dtl td .ctg-ttl{height: 30px; line-height: 2.5;}
table.orderHistory-dtl-mb>thead>tr>th:first-child{width:0; padding: 0;}
table.orderHistory-dtl-mb>tbody>tr>td:nth-child(2){padding-left: 40px;}
table.orderHistory-dtl-mb>tbody>tr.sbhd-bx>td:nth-child(2){padding-left: 0px;}
table.orderHistory-dtl-mb>tbody>tr>td.control::before{
  content: "\f107"; background-color: #0090C4 !important;  color: #fff;  font-size: 20px; margin-top: -0.7em;
  font-family: fontawesome;  width: 24px;  height: 24px;  line-height: 1.2; margin-left: 0; top:50%; left: 10px;
  border: 0; box-shadow: none; cursor: pointer; z-index: 9; display: block; text-align: center; border-radius: 1rem; position: absolute;
}
table.orderHistory-dtl-mb>tbody>tr>td.control.active::before{
  content: "\f106";   line-height: 1.1;
}
.orderHistory-dtl .sbhd-bx td{background-color: #F3F3F3 ;}
.sbhd-bx .sb-hd1,.sbhd-bx .sb-hd2,.sbhd-bx .sb-hd3{display: block; background-color: #fff; border: none; margin: 0 0 10px; padding: 0 0 0 120px;}
.sbhd-bx td::before{position: absolute; left: 0; font-weight: 600; top: 5px; }
.sbhd-bx td.sb-hd1::before{content: "Sub Heading 1";}
.sbhd-bx td.sb-hd2::before{content: "Sub Heading 2";}
.sbhd-bx td.sb-hd3::before{content: "Sub Heading 3";}
.sbhd-bx td:last-child{margin-bottom: 0;}
.packageCol .tooltip ~ .tooltip{display: none;}
#ad-preview-modal .popupstep1Close {  position: fixed;  right: 3%;  top: 9%;}
.preview, .live-preview {
        margin-bottom: 10px;
        border-bottom: 1px solid #70707080;
    }
.preview ~ .compose.ad-compose{margin-top: 0;}
#chat-icon {
      bottom: 50px;
      right: 0px;
      width: 83px;
      height: 85px;
      box-shadow: 0px 3px 80px #7D4C64;
      border-radius: 13px 0px 0px 13px;
      background-position: center 10px;
      background-size:40px 40px;
      padding: 60px 2px 0;
    }
    /* Chat Box */
    #chat-box {
      max-width: 360px;
      box-shadow: 0px 3px 80px #7D4C64;
      border-radius: 8px 0px 0px 8px;
      padding: 14px 17px 21px;
    }
#chat-box li{margin-top: 8px; font-size: 12px;}
.body-hindi #chat-box li{font-size: 11px;}
#chat-box li img{width: 20px; margin-right: 5px;}
#chat-box li a{font-size: 14px; pointer-events: auto;}
.dsktp-pointer a{pointer-events: auto;}
}
@media(max-width:992px){
.disclaimerText{max-width: 94%;}
.pdf-btn{  background: #008ec6;  padding: 5px 10px;  font-weight: 600;  text-transform: capitalize; transition: all ease .3s;  color: #fff; display: inline-block !important; margin: 10px 0;}
.pdf-btn:hover,.pdf-btn:focus{background: #000; }
.uploadFileViewIn object{display: none !important;}
.uploadFileViewIn {  min-height: inherit;}
.ctg-info-pnl{background-size: 420px 258px;}
.choose-list-img{height: 77px;}
.choose-list-img img{height: 67px;}
.loginPageRegister .loginArea .formBlock { width: 80%; float: none; display: inline-block;  }
.loginPageRegister .loginArea .verticalInner{ text-align: center;}
.loginPageRegister .loginArea .terms-chk-bx{text-align: left;}
.loginPageRegister .loginArea  .captchabx .width50{width: 40%; }
.loginPageRegister .loginArea  .captchabx .captachaBtn.width50{width: 60%; border: none;}
.pkg-edition-txt{font-size: 12px;}
.pkg-edition-txt h3,.payFinalRow h2{font-size: 15px; margin-top: 20px;}
.selectedpackagemdl .modal-dialog{max-width: 92%;}
.chooseAd .adArea h3,.ms-options-wrap > .ms-options > ul label,.insertionRowLeft h5,.ad-compose .cst-field .adArea label,#totalAmount,.grossAmount h4,.cartmdl-tbl h3,.thank-wrap h2 {  font-size: 15px;}
.ctg-info-pnl .width50,.ctg-info-pnl .width50 p{width: 100%;}
.ctg-info-pnl{ margin-bottom: 20px; background-position: right bottom; padding-bottom: 260px;}
.chooseAd .adArea:first-child{margin-left: 0;}
.chooseAd .adArea ~ .adArea.active{margin-right: 15px;}
.chooseAd .adArea ~ .adArea.active ~ .adArea,.chooseAd .adArea.active ~ .adArea ~ .adArea,.chooseAd .adArea ~ .adArea ~ .adArea.active{margin-right: 0;}
.packageCol .btn1,.publishDateRow.date ul li .displayDate .pbls-date li {  font-size: 13px;}
.insertionRow{padding-top: 20px;}
.customselect1 select,select.category2, select.category3, .ms-options-wrap > button{height: 45px;  font-size: 15px !important; padding: 0 30px 0 5px !important; }
.cst-field select.category3:disabled{display: none;}
.ad-compose .textArea{background-color: #fff; margin-bottom: 0;}
.submitButton{font-size:16px; padding:14px 50px 14px;}
.ad-compose .cst-field .adArea label {  line-height: 2;}
.options-chk .width25.has-error{margin-bottom: 25px;}
.row.clearfix.p20{padding: 0;}
.edit-template .width33 { width: 46% !important; margin-top: 10px;}
.edit-template{display: flex;  flex-flow: column-reverse;}
.pick-self{margin: 10px 0 0;}
.pick-self .sp-replacer{border-radius: 0;}
.edit-template h4{margin-bottom: 5px; font-size: 11px;}
.temp-flex{display: flex; flex-flow: wrap;}
.temp-hdr{ order: 1;}
.temp-bdy{order: 3;}
.temp-ftr{ order: 2;}
.amt-dtl .wd-auto{width: 100% !important; min-height: 1px !important;}
.amt-dtl h4,.upload-file-wrap h4 {  display: flex; justify-content: space-between; font-weight: 600 !important; font-size: 10px !important;}
.upload-file-wrap .fileInfoTop h4{font-weight: 400 !important;}
.fileInfoTop{border-top: 1px solid #70707080; margin-top: 20px; padding-top: 20px;}
.fileInfo .d-spc{overflow: hidden;}
.fileInfo .d-spc h4{float: left;}
.fileInfo .d-spc span{float: right;}
.final-proceed-btn{display: flex;  align-items: center;  flex-direction: column-reverse;}
.final-proceed-btn-ledger{flex-direction: column;}
.pick-self p,.usr-rglgbx,.rdo-lbl [type="radio"]:checked + label, .rdo-lbl [type="radio"]:not(:checked) + label,.publishDateRow.date ul li:nth-child(even), .publishDateRow.date ul li,#imgupinfoModal .usr-dts-dtl h4, #infoimgModal .usr-dts-dtl h4,.usr-dts-dtl h4,.usr-dts-dtl{font-size: 13px;}
.live-preview h3 {text-align: center; margin-bottom: 10px;}
.popupstep1Close {width: 30px; height: 30px;}
.popupstep1Close svg{width: 14px; height: 14px;}
input.category, .btn1, .btn2,.packageCol h4,.datePubHeading,.chooseTempMode, .or-division,.prc-mdl-btn input{font-size: 16px;}
.bannerBlock {    width: 49%; min-height: 150px;  }
.bannerBlock:nth-child(3n+3) {    margin: 0 .9% .9% 0;}
.thank-wrap h4{margin: 10px 15px 0;} 
.options-chk.field-row{margin-bottom: 0;}
input.category, .btn1, .btn2{line-height: 42px; padding: 0px 30px;}
.bookingPage #step-bullet-1 {  left: calc(0% - 54px);}
.bookingPage #step-bullet-2{  left: calc(25% - 54px);}
.bookingPage #step-bullet-3 {  left: calc(50% - 54px);}
.testi-info p{font-size: 13px;}
.rePubPage input.category {  padding: 0 30px !important; min-width: 130px}
.insertionRow .btn2, .btn2{min-width: 200px}
.valueButton.category.p100,.payFinalRow.upload-check label{font-size: 16px;}
.popuptext.popupamnt {top: auto; bottom: 150%;  right: auto; left: 0;}
.popuptext.popupamnt.pbls-ddln-bx{left: auto; right: 0;}
.popuptext:before{right: 38%;}
.popuptext.popupamnt.pbls-ddln-bx:before{right: 20%;}
.testimonial-wrap{padding: 28px 0;}
.testimonial-wrap .container{padding: 0;}
.testimonial-wrap .bookingTitle{margin-bottom: 30px; margin-left: 15px;}
.testi-info{border-radius: 15px; }
.testi-info::after{bottom: -7px; border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-top: 8px solid #FBBA00;}
.testi-info .data{margin: 18px 16px;  min-height: 48.75px;}
.testi-info h4{ font-size: 15px; margin-bottom: 7px; }
.testi-info h5,.cookies-bx .btn-accept{font-size: 13px;}
.testi-usr-box{ padding: 10px 5px; border-radius: 10px 10px 15px 15px;}
.testi-carousel .owl-item.active.center .item .testi-info .data{min-height: 182px}
.testi-carousel .owl-item.active.center .item .testi-info p{-webkit-line-clamp: inherit; }
.testi-carousel .owl-item .item img{width:87px; height: 87px; margin-top: 16px;}
.cmps-gdlns a,.prforma-dtl{font-size: 12px;}
.cookies-bx{ padding: 25px 20px 20px; font-size: 12px; gap: 13px;}
.pdfView #previewAdCont {  min-height: 260px; }
.upload-clr-temp-edtn .d-flex{flex-direction: column;}
.selectHolder .cst-field { padding: 6px 5px;border-radius: 3px;}
.unf-nm-dt-bx .add-pic{overflow: hidden;}
}
@media(max-width:860px){  
.crop-img-bx{width:80% !important;}
.reg-btn-fix {  margin-bottom: 25px;}
.chooseAd .adArea h3{left: 0; width: 100%;}
.order-num-inr .popuptext {  bottom: 100%;  line-height: 1.3;}
.payFinalRow .width100 .inp1 {  width: 100%;}
}
@media(max-width:767px){ 
.customselect1 select,select.category2, select.category3, .ms-options-wrap > button{font-size: 12px !important;} 
.customselect1 {    max-width: 100%;}
.loginPageRegister .loginArea .width50.width50Pull,.loginPageRegister .loginArea .width50{width: 100%; margin-right: 0; margin-bottom: 0}
.loginPageRegister .loginArea .width50.width50Pull{margin-bottom: 20px;}
  #obt-ro-doc-upload-moxcsadal .file-upload-wrapper{padding: 0;}  
.modal-content.mdl-wd{width: 95%; margin: 0 auto;}
.row.mt20.clearfix.uploadAdRow,.templateDisplay{margin: 0;}
.selectedpackagemdl .modal-dialog {    max-width: 100%;}
.selectedpackagemdl .prc-mdl-btn input,.valueButton {  font-size: 13px;}
.fileInfoTop .width45{float: none; width:100%}
.disclaimer.text-center{ font-size: 14px !important; min-height: 28px;   top: -14px !important; }
.uploadPageAd .mainHead{margin-bottom: 10px;}
.upload-file-wrap .width55 {    width: 100%;}
.modal {    padding-top: 15%;    padding-right: 2%; padding-left: 2%;}
.modal-content .close {    width: 26px;    height: 26px;    font-size: 28px;    top: -13px;    right: -13px;    line-height: 1;}
.modal-dialog-centered {    width: auto !important;}
.selectHolder{flex-flow: wrap; overflow: hidden;}
.pdf-edt img { width: 25px;}
.selectHolder .cst-field{width:46% !important; margin-bottom: 0;}
.ad-compose .selectHolder .cst-field.cst-field-pic{width: 100% !important; margin-right: 0; margin-bottom: 0;}
.pic-upload-wrapper span.file-ath{font-size: 10px !important;}
.upload-clr-temp{padding-top: 0;}
.upload-clr-temp .selectHolder .cst-field{margin-bottom: 0;}
.upload-clr-temp .selectHolder .adArea{margin-top: 0; margin-bottom: 5px !important; padding: 10px 5px;}
.uploadFileView .width33.alignC h4{border:none;}
.packageBanner span{font-size: 28px; margin: 0 0 0 15px;}
.packageBanner strong {font-size: 28px;}
.packageBanner span, .packageBanner strong { color: #0091C5; font-weight: bold;}
.footerCirc{text-align: center; font-size: 0;}	
.mapView{display: block;}
.footprintSec .oneIndia{text-align: center;}
.publishBar{padding: 24px 0 30px;}
.publistArea{padding:15px;}
.publishBar h2{font-size:20px; margin:0; display: block; text-align: center;}
.publishBar h2 strong{font-size: 23px;}
.customselect{width:100%; margin: 0 0 15px 0;}
.customselect select{font-size: 15px;}
.intSubmit{width: 100%; font-size: 15px;}	
.loginContainer{padding:0;}
.loginPage{flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column;}
#sidebar{width:100%; padding:0; position:static; -webkit-box-ordinal-group:2;  -ms-flex-order:2; -webkit-order:2; order:2; background: none;}
.loginArea{width:100%; padding: 40px 15px; min-height: 1px; margin: 0;}
.heroBanner h1{font-size: 23px; line-height: 27px;}
.heroBanner h2{font-size: 16px; line-height: 20px; margin: 4px 0 0 0;}
.bookingPage{padding: 0;}
.bookingPage .bookingTitle,.bookingTitle{font-size: 20px;}
.stepWrap h4{font-size: 17px; margin: 0;}
.chooseAd h4{font-size: 16px; margin: 0;}
.datePubHeading{font-size: 17px; margin:0;}
.repubHeading {font-size: 15px; margin: 5px 0 13px 0;}
.stepsArea:after{top: 14px; left: 2px; border-width: 2px; width: 100%;}
.bookingPage:before{height: 84px;}
.stepsArea,.body-hindi .stepsArea {  margin: -5px 0 5px 0;}
.number{font-size:18px; width: 34px; font-weight: 500; height: 34px; line-height: 34px;}
.bookingPage #step-bullet-1{left:calc(0% - 18px);}
.bookingPage #step-bullet-2 {  left: calc(25% - 22px);}
.bookingPage #step-bullet-3 {  left: calc(50% - 26px);}
.bookingPage #step-bullet-4 {  left: calc(74% - 24px);}
.bookingPage #step-bullet-5 {  left: calc(100% - 32px);}
.chooseAd .adArea h3{font-size: 14px;  padding: 4px 8px;  width: 90%;  line-height: 18px;  left: 5%;  text-align: center; top: 30%;}
.ad-type-bxs .adArea:nth-child(2n+2) h3, .ad-type-bxs .adArea:last-child h3{top: 37%;}
.chooseAd .adArea h3 span{display: block;}
.adArea label{ text-align: left;}
.selectionRow .ajax-loader img{max-width: 60px;}
.disclaimerText{font-size: 10px; line-height: 14px; margin:0 ;}
.ms-options-wrap > button:focus, .ms-options-wrap > button {padding: 13px 45px 13px 5px; font-size: 12px;}
.formArea.formArea-loc{margin-top: 0;}
.packageCol{width: 100%;}
.packageCol ul li{margin: 0 0 10px 0;}
.packageColIn{max-height: 200px; margin-bottom: 0;}
.packageColInfo{width: 100%; margin:25px 0 0 0;}
.btn1,.btn2{ margin: 15px 0;}
.insertionRow .btn2{margin: 15px 0 0 0; min-width: 150px;} 
.closeBtn{font-size: 15px; padding: 12px 0; margin: 0; position: relative; width: 100%; left: 0; bottom: -23px;}
.addonOverlay{padding: 25px 15px;}
.uploadArrow {width: 70px; height: 81px; margin: 20px 0 0 0;}
.uploadButtons{position: static; padding: 0; float: left; margin:25px 0 0 0;}
.uploadOverlay ul {margin: 8px 0 0 0;}
.uploadOverlay ul li{width: 100%; margin: 8px 0 0;}
.width-50{width: 50%; float: left; text-align: left;}
.publishDateRow > ul{background-color: #fff; padding: 10px 15px; overflow: hidden; position: relative;}
.publishDateRow.date ul li .displayDate:before{display: none;}
.publishDateRow.date ul li:nth-child(even), .publishDateRow.date ul li{margin: 0 0 10px 0; border: none; text-align: left; padding: 0; font-size: 11px; line-height: 1.4;}
.publishDateRow.date ul li:last-child{margin: 0;}
.publishDateRow.date ul li .newspaper{ margin: 0; padding: 0; min-width: 1px; width: 46%; text-align: left;}
.publishDateRow.date ul li .newspaper .width-50{width: 80%;}
.publishDateRow.date ul li .dates{ text-align: left; margin: 0 0 15px 0;}
.publishDateRow.date ul li .dates strong{ margin-top: 0;}
.publishDateRow.date ul li .displayDate,.rePubPage .publishDateRow.date ul li .displayDate{padding: 0; margin: 0; width: 52%; min-width: 1px; max-width: inherit;}
.publishDateRow.date ul li.hideMobileView .displayDate{ width: auto;}
.dt-bookingPage .publishDateRow.date ul li.hideMobileView .displayDate{width: 50%;}
.publishDateRow > ul::after{border-right: 1px solid #707070; position: absolute; left: 40%; top:10px; height: calc(100% - 20px); content: "";}
.publishDateRow.date ul li .dates .icoDate{display: inline-block; vertical-align: top; width: 23px; height: 23px;}
.publishDateRow.date ul li .displayDate .form-field{height: auto; width: 100%; height: 38px; background-size: 22px; background-position: 10px center; padding-left: 20px;}
.alert,.payFinalRow.upload-check label{font-size: 11px;}
.chooseTempMode,.ad-compose .fs20 h4{font-size: 16px; margin-top: 0;}
.publishDateRow.date{margin-top: 0;}
.pickTemplate{font-size: 18px;}
.uploadOwnAd{font-size: 15px; padding: 12px 0; height: 47px; margin: 0 0 15px 0; display: block;}
.addonOverlayIn { padding: 15px 20px 0 20px;}
.addonOverlay .packageCol,.submitRow{margin: 15px 0 0 0;}
.addonOverlayIn p {font-size: 16px; line-height: 22px;}
.disclaimer,.ms-options-wrap > .ms-options > ul label,.fileInfoTop{font-size: 10px;}
.addonOverlay .closeBtn2 {padding: 12px 0; width: 100%;}
.addonOverlay .uploadButtons{margin: 0 0 10px; bottom: -25px; padding-top: 0;}
.modal-content .close, .addonOverlayIn .close{right: -10px; top: -14px; width: 34px;  height: 35px;  line-height: 35px;  font-size: 34px;}
.uploadAdRow .radio-button__label-wrapper {padding: 0 0 0 32px; font-size: 16px;}
.uploadAdRow .radio-button__custom-indicator{width: 24px; height: 24px;}
.uploadAdRow .radio-button__custom-indicator::after{width: 24px; height: 24px;}
.uploadFileView{ margin: 0 0 10px 0;}
.uploadFileView .uploadFileViewIn object {width: 260px; height: 234px; margin: 23px 0 0 0;}
.uploadFileView .multi-uploadFileViewIn object {  height: 260px;  width: 100%;}
.uploadPageAd .mainHead,.packageCol h4,.insertionRowLeft h5{font-size: 16px;}
.packageCol h4{margin: 0 0 10px; text-align: center;}
.file-ath i{font-size: 20px;}
.uploadFileView .width33.alignC,.uploadFileView .width33.alignC:nth-child(3n+3){width: 100%; margin:0;}
.uploadFileView h4{margin: 5px 0;}
.uploadOverlayIn,.home-wrap-mb .width70 p + p,.home-wrap-mb .width70 p,.ro-box .inp1,.home-wrap .width70,.addonOverlay .closeBtn3,.uploadOverlay{width: 100%;}
.file-upload-wrapper:before {height: 186px; background-size: 115px 130px;}
.rePubPage .alignC {padding:5px 0 15px 0;}
.rePubPage{padding: 25px 0 0 0;}
.packageOffer{background-size: contain; margin-left: 0; background-color: #008fc3;}
.packageBanner {	width: 192px;    height: 112px;    margin: 0 0 0 -10px;    display: flex;  align-items: center;}
.publishDateRow.date ul li .displayDate .pbls-date{float: left; padding-left: 34px; height: auto; min-height: 40px; margin-top: 5px; width: auto; background-position: 0 0; background-size: 20px}
.bookingPage #step-bullet-5.active:after, .bookingPage #step-bullet-5.past:after,.bookingPage #step-bullet-4.active:after, .bookingPage #step-bullet-4.past:after,.bookingPage #step-bullet-2.active:after, .bookingPage #step-bullet-2.past:after,.bookingPage #step-bullet-3.active:after, .bookingPage #step-bullet-3.past:after {
top: 14px;  height: 4px; left: -87%; border-width: 4px; }
.publishDateRow.date ul li .displayDate .pbls-date li span {  width: 20px;  height: 20px; }
.publishDateRow.date ul li .displayDate .pbls-date li {width: 110px;margin-right: 15px;margin-top: 0;height: 34px;line-height: 14px;font-size: 14px;}
.publishDateRow.date ul li .displayDate .form-field {  left: 0;  top: 10px;}
.amt-row {  margin-bottom: 20px; } 
.form-ctg-field{width: 100%; display: flex;  flex-flow: wrap;  justify-content: space-between;}
.bookingPage .formArea{ margin-bottom: 20px; margin-top: 0; width: 48%;}
.bookingPage .formArea.formArea-loc{width:100%;}
.orderHistory tr td .width33 {  float: none;  display: inline-block;}
.home-wrap{padding: 28px 0; font-size: 13px;}
.home-wrap-mb{background-size: 350px 253px;  padding-bottom: 208px; background-position: center 100%;}
.home-wrap .bookingTitle {  margin-bottom: 5px;}
.home-wrap h4 { font-size: 14px;}
.ctg-info-pnl{padding-bottom: 260px;}
.pr-8 {  padding-right: 0;}
.why-ad-wrap {  background-image: url(../png/why-ads-bg-mb.png);}
.why-ad-wrap-list,.why-choose-list{text-align: center; display: block;}
.why-ad-wrap-list li,.why-choose-list li {  display: inline-flex;vertical-align: top;  padding: 0 5% 0 0;  flex-direction: column;  width: 49%;  margin: 20px auto 0;}
.why-ad-wrap-list li img {  margin-right: 0; width: 80px; margin-bottom: 10px;}
.why-ad-wrap-list li:nth-child(2) img{margin-top: 14px;  margin-bottom: 18px;}
.why-ad-wrap-list li:nth-child(4) img{margin-top: 22px;}
.ad-media-wrap .wid75 { width: 75%;  max-width: 264px;}
.ad-ctgrs-wrap{ background-image: url(../jpg/adv-ctg-bg-mb.jpg); background-position: center center;}
.ad-ctgrs-wrap h3,.why-choose-list li h4{font-size: 13px; font-weight: 500;}
.morecontent span {  display: none;}
.morelink {  display: inline-block; color: #ccc;}
.ad-ctgrs-wrap .wid75{width:85%;max-width: 294px;}
.steps-list { background: url(../png/ad-ctg-ico-bg.png) center bottom no-repeat; margin-top: 0; padding-bottom: 287px; }
.body-hindi .steps-list { background: url(../png/ad-ctg-ico-bg-2.png) center bottom no-repeat; margin-top: 0; padding-bottom: 287px; }
.steps-list::before{content: none;}
.ctg-links-dtl,.why-choose-pnl p{font-size: 12px;}
.steps-list li,.mb-hd{display: none;}
.ctg-links-pnl{padding: 0; text-align: center;}
.why-choose-pnl,.steps-pnl{padding-top: 20px;}
.steps-pnl{background-position:right bottom;}
.why-choose-list{margin-top: 10px;}
.why-choose-list li:nth-child(2) img,.choose-list-img{height: 78px;}
.why-choose-list li h4 {  font-weight: 400; width: 142px;  margin: auto;}
.why-choose-pnl .bookingTitle {  margin: 0 0 10px;  line-height: 1.2;}
.why-ad-wrap-list li, .why-choose-list li {  padding: 0 7% 0 0;  width: 46%;}
.why-choose-list li,.why-choose-list li:first-child,.why-choose-list li:last-child{max-width: 100%;}
.dsktp-hd{display: block;}
.ctg-links-pnl img{height: 118px;}
.ctg-links-dtl p,.payFinalRow h2 {  margin-bottom: 10px;}
.ctg-ttl {  font-size: 22px;  line-height: 1.2;}
.body-hindi .why-choose-list li h4{width: 116px;}
.note-txt{line-height: 1.2;}
#obt-ro-doc-upload-moxcsadal .note-txt ~ .note-txt{margin-top: 10px;}
.ro-pdf-box {  line-height: 1 !important;  top: 0;  position: inherit !important;  float: right;  margin-bottom: 5px;}
.ro-pdf-box img {  width: 20px;}
.ro-pdf-box ~ .width70.fl{clear: right;}
.packageOffer p.obt-ad-ofr {  font-size: 12px;}
.packageBanner span.bst-prc {   margin: 0 0 0 20px;}
.ad-compose .obt-wd-bx{flex-flow: wrap;}
.breadcrumb>li a{border-bottom: none;}
.ftr-mb{display: flex; flex-flow: wrap; position: relative;}
.ftr-mb .links, .sisterSites{flex: 0 0 50%; text-align: left; padding: 0 5%; margin: 0;}
.ftr-mb .links a, .sisterSites a{display: block; margin: 0 0 10px;}
.ftr-mb .links span, .sisterSites span{display: none;}
.sisterSites a.twit,.sisterSites a.fb{display: inline-block; margin:8px 0 8px 20px;} 
.sisterSites{text-align: right;}
.copyright{position: absolute; bottom: 5px; width: 50%;  right: 5%; text-align: right;}
.copyright span{display: block;}
.rdo-lbl [type="radio"]:checked + label:before, .rdo-lbl [type="radio"]:not(:checked) + label:before {  width: 16px;  height: 16px;  border: 1px solid #c2c2c2;  }
.rdo-lbl [type="radio"]:checked + label:after, .rdo-lbl [type="radio"]:not(:checked) + label:after {  width: 8px; height: 8px; top: 6px;  left: 4px;   }
.rdo-lbl [type="radio"]:checked + label, .rdo-lbl [type="radio"]:not(:checked) + label { padding-left: 20px;  font-size: 10px;  line-height: 1.6;  }
.ad-compose .rdo-lbl [type="radio"]:checked + label, .ad-compose .rdo-lbl [type="radio"]:not(:checked) + label{line-height: 2; font-size: 10px; color: #000;}
.rdobtn-wrap .rdo-lbl{margin-right: 30px;}
.packageColIn .tooltip{position: relative; top:0; left: 0; padding: 5px 0 0; background: none; border: none;}
.packageColIn .tooltip:before{content: none;}
.publishDateRow.date ul li .displayDate .pbls-date li strong {  margin: 5px 0 0 0;}
.publishDateRow.date ul li .displayDate .pbls-date li {  height: 24px;  font-size: 10px; margin-bottom: 15px;}
.publishDateRow.date ul li .displayDate .pbls-date li:last-child{margin-bottom: 0;}
.publishDateRow.date ul li .displayDate .pbls-date li span { font-size: 15px; width: 18px;  height: 18px; right: -5px;top: -5px;}
.adArea .radio-button__custom-indicator {  top: -10px;  width: 20px;  height: 20px;}
.adArea .radio-button__input:checked ~ .radio-button__custom-indicator::after {  top: 4px; left: 7px; width: 5px; height: 9px; border-width: 0 2px 2px 0; }
#addOnButton{color: #008DC0; font-size: 11px; text-decoration: underline;  margin: 15px 0 0;  padding: 0; background: none;}
.packageCol ul li{padding: 2px 10px 6px;}
.packageCol .rdo-lbl [type="radio"]:checked + label, .packageCol .rdo-lbl [type="radio"]:not(:checked) + label {
  font-weight: 600; padding-bottom: 0; font-size: 13px;
}
.packageColIn .tooltip{font-size: 11px;}
.addonOverlay .packageCol ul li { border: none; padding: 0; margin-bottom: 0;}
.templateDisplay .radio-button__custom-indicator { top: -2px;}
.templates .header{padding-top: 10px;}
.mt20-0{margin-top: 0;}
.step-ttl, form h2,.live-preview h3,.pkg-edition-txt h3 {font-size: 16px;}
.step-ttl ~ .info-tip {  font-size: 11px; line-height: 1.2}
.compose.ad-compose{margin-top: 20px;}
.compose.obt-ad-box {margin-top: 0;}
.obt-ad-box .rdo-lbl [type="radio"]:not(:checked) + label,.obt-ad-box .rdo-lbl [type="radio"]:checked + label{font-size: 12px;}
.note-txt,.file-ath {  font-size: 11px;}
.add_to_carts{margin-top: 10px;}
.ad-type-bxs .adArea label h5,.payFinalRow .chk-box-pd label,.ad-compose .obt-wd-bx h3{font-size: 12px;}
.chk-box-pd input:checked + label:after{top:3px}
.submitRow .category.p100, .payFinalRow input.category.p100,.btn1,.btn2 {  height: 42px;  font-size: 13px;  max-width: 150px; min-width: 150px; border-radius: 0 !important;}
#gt-py-btn{max-width: 210px;} 
.payFinalRow input.category.p100#gt-py-btn{min-width: 180px}
.payFinalRow .chk-box-pd label {  display: flex;  justify-content: center;  align-items: center;  width: 100%;}
.slk-bxs input,.data-range-box{width: 48%;}
.slk-bxs input,.obt-inpx,.fileInfoTop h3{font-size: 10px;}
.slk-bxs,.obt-nm-bx {  flex-flow: wrap;}
.pic-upload-wrapper.ubt-pic-up-wrap span {  padding: 10px; background-color: #fff; height: 40px;}
.ubt-pic-up-wrap .file-ath i {  font-size: 20px; vertical-align: middle;}
.pic-upload-wrapper.ubt-pic-up-wrap{height: 40px;}
.obt-inpx{background-color: #fff;}
.file-ath > img{
    width: 15px;
    float: left;
    margin-right: 5px;
    margin-left: 0;
}
.file-ath .close-file{float: none;}
.obt-prvw-wrap,.obt-nm-bx .data-range-box,.unf-nm-dt-bx .width50{float:none; width: 100%;}
.bx-check-lbl label{font-size: 13px; line-height: 1.2; display: flex;}
.options-link{margin-bottom: 0;}
.options-link .adArea label{flex-direction: column; padding-bottom: 10px; width: 95%; height: 77px;}
.options-link .adArea label img{margin-right: 0; margin-bottom: 10px; max-width: 40px}
.options-link .adArea:nth-child(3n+3) label img,.options-link .adArea:last-child label img{margin-bottom: 0;}
.pg-links li,.prc-mdl-btn input,.usr-rglgbx,.amt-row{font-size: 13px;}
#delpicModal .prc-mdl-btn {  margin: 10px 0 -40px;}
.form-control-bx input:focus ~ label, .form-control-bx input.error:focus ~ label,.options-chk .form-control-bx input.error ~ label,
 .form-control-bx .valid:focus ~ label, .form-control-bx .valid ~ label,.form-control-bx .has-value ~ label,.form-control-bx input.error ~ label
 {  top: -1.1rem;}
.loginPageRegister .loginArea .captchabx .width50{height: 40px;}
.loginPageRegister .loginArea .captchabx .width50 img { height: 38px !important;}
.ad-type-bxs::after{content: none;}
.options-chk .form-control-bx label{left: 10px;}
.options-chk .form-control-bx input.error ~ label,.options-chk .form-control-bx input:focus ~ label,.options-chk .form-control-bx .valid ~ label{left: 0;}
.options-chk .form-control-bx{margin-top: 10px;}
.bx-check-lbl-rdo {  max-width: 170px;}
.rePubPage .alignC.final-proceed-btn {  margin-top: -20px;}
.upload-file-wrap .width45.fr .d-spc span{font-weight: 600 !important;  font-size: 12px !important;}
input.category.ctUP,input.category {  height: 42px;  font-size: 13px; min-width: 150px;}
.prc-mdl-btn input.category{min-width: 130px}
.payFinalRow input.category.p100,.final-proceed-btn input.category.p100 {  min-width: 158px;  margin-right: 0; padding: 0;}
.valueButton{min-width: 120px}
.payFinalRow label,.payFinalRow .inp1,.preview .gdln-prvw label{font-size: 10px;}
.payFinalRow label[for="remember"]{font-size: 11px; font-weight: 600;}
.bx-check-lbl [type=checkbox]:not(:checked)+label[for="remember"]:before{background: #fff;}
.fr.form-control-bx input.error ~ label{top: -1.1rem;}
.ms-options-wrap > .ms-options,#addonlist{font-size: 12px;}
.ms-options-wrap > .ms-options > ul input[type="checkbox"]{top: 8px;}
.addonOverlay .bx-check-lbl [type=checkbox]:checked+label,.addonOverlay .bx-check-lbl [type=checkbox]:not(:checked)+label{font-size: 13px;}
#login-btn{margin-top: 15px;}
.loginArea .row.mt20,.ttl-gst-box .clearfix.mt20,.pkg-pnls{margin-top: 0;}
.formBlock h2{font-size: 16px; font-weight: 600; text-align: left !important;}
.loginForgot{margin-top: 20px;}
.bx-check-lbl-rdo label{line-height: 1.6; padding-left: 30px;}
.packageRow{margin: 0;}
.insertionRow{text-align: left; margin-bottom: 30px; padding:20px 0 0 0}
.pick-self p{text-align: center; font-size: 11px;}
#client-details .form-control-bx{margin-bottom: 0;}
.contact-form .inp1, .contact-form .inp2{font-size: 13px; height: 42px;}
.ad-type-bxs{flex-flow: wrap;}
.chooseAd .adArea {  width:48%;margin: 0 4% 20px 0; opacity: .7; border: 2px solid #E2E7EA;}
.chooseAd .adArea ~ .adArea,.chooseAd .adArea ~ .adArea.active{margin-right: 0;}
#sidebar .whyClassified ul li,#sidebar .whyClassified ul li:last-child{border: none; text-align: left; padding: 0;margin-bottom: 20px; width: 50%; }
#sidebar .whyClassified ul{margin: 20px 15px 0;}
.loginPageRegister #sidebar{padding: 0;}
.loginPageRegister #sidebar .whyClassified ul{margin-top: 0;}
.loginPageRegister #sidebar .whyClassified ul li{margin-bottom: 20px;}
.loginPageRegister #sidebar .whyClassified ul li{border: none; padding: 0;}
.loginPageRegister #sidebar .whyClassified ul{margin-bottom: 20px; overflow: hidden;}
.loginPageRegister #sidebar{background-color: #fff;}
.whyClassified.homeWhy ul li:last-child,.whyClassified.homeWhy ul li,.loginPageRegister #sidebar .whyClassified ul li,.loginPageRegister #sidebar .whyClassified ul li:last-child{width: 50%; margin-top: 20px; margin-bottom: 0; text-align: center;}
.whyClassified{padding: 0 0 20px;}
.passwordCheck{right: 0px;  width: 100%;  top: auto;}
.closePopup.category.btn{min-width: 160px;}
.tbl-invoice td:nth-child(3) span:nth-child(even) {  float: none; text-align: left;}
.tbl-invoice th:last-child{min-width: 95px;}
.tbl-invoice th,.tbl-invoice td{vertical-align: top;}
.prforma-dtl .pkg-nm.width25{margin-right: 15px;}
.obt-nm-bx input.inp1{height: 37px; background-color: #fff !important;}
.popuptext.popupamnt {bottom: 125%;}
#maxlimitcartModal .closePopup{margin-right: 10px;}
.unf-model .btn-group-crop,.upld-dim-edtn{width: 100% !important;}
.upld-dim-edtn{margin-bottom: 10px;}
.upld-dim-edtn-ml {margin-bottom: 0 !important;}
.adPayCl { padding: 15px 0 0;margin-bottom: 0;}
.fileInfoTop h3.ttl-cost{margin-bottom: 0;}
.unf-model .img-container { max-height: 350px !important;}
.bookingPage #step-bullet-5.active:after, .bookingPage #step-bullet-5.past:after,.bookingPage #step-bullet-4.active:after, .bookingPage #step-bullet-4.past:after,.bookingPage #step-bullet-2.active:after, .bookingPage #step-bullet-2.past:after,.bookingPage #step-bullet-3.active:after, .bookingPage #step-bullet-3.past:after {
top: 16px;  height: 2px; left: -87%; border-width: 2px; }
.upload-clr-temp-edtn .d-flex{align-items: baseline;}
.ad-compose .cst-field{font-size: 10px;}
.upload-clr-temp-edtn .selectHolder .cst-field{padding: 0;}
.upload-clr-temp-edtn .d-flex.hindi-cntnt-bx{flex-direction: row; align-items: center;}
.ad-compose .selectHolder{margin-left: 10px; gap: 5px;}
.eng-ad-box .selectHolder {
    margin-left: 0;
}
.eng-ad-box .selectHolder .cst-field {
    width: 49% !important;
    margin-right: 0;
    padding: 0;
}
.fileInfoTop h3 hr {
    display: none;
}
.upload-file-wrap .uploadFileView,.upload-file-wrap .uploadFileView ~ .upld-dim-edtn{width: 45% !important;}
.uploadFileView iframe{height: 100px; overflow: auto;  width: 100%;}
.fileInfoTop{border: none; margin-top: 0; padding-top: 0;}
.ad-compose .selectHolder .adArea{margin-bottom: 0 !important;}
.eng-cntnt-upld .file-upload-wrapper {
    border-radius: 10px;
    height: 58px;
    font-size: 10px;
    padding: 10px 0;
    background: transparent;
}
.eng-cntnt-upld {
    padding: 10px;
    border-radius: 6px;
}
.hindi-cntnt-bx hr {width: 60% !important;}
.upload-ad-wrap .eng-cntnt-upld .hidden-box{margin-top: 10px;}
.upld-dim-edtn-ml {
    padding-left: 10px;
}
.ad-compose div h4,.unf-ad-box h4{font-size: 11px;}
.unf-nm-dt-bx .data-range-box input.inp1, .unf-nm-dt-bx .obt-inpx,.cst-field select.category3 {
    height: 40px !important;
    padding: 13px 12px !important;
    font-size: 10px !important;
    color: #000;
    border-radius: 0 !important;
    border: 1px solid #EAEAEA !important;
}
.pic-upload-wrapper span.file-ath{padding-left: 12px !important;}
.ubt-pic-up-wrap .file-ath i.pic-vw {
    width: 28px;
    padding: 13px 7px;
    height: 40px;
}
#obi-pic-name i.pic-vw-info, #unf-pic-name i.pic-vw-info {
    right: 60px;
}
.file-ath-ubt i:nth-child(2) {
    right: 30px;
}
.unf-nm-dt-bx {gap: 0 !important;}
.unf-nm-dt-bx-mb .width50{width: 44%;}
.unf-nm-dt-bx-mb .width50.obt-inp{width: 55%;}
.obt-inp-mb{margin-top: 0;}
.hindi-cntnt-wrap {
    padding: 13px;
    border-radius: 0;
    margin: 10px 0 0;
    border: 1px solid #EAEAEA;
}
.hindi-cntnt-bx.mb10{margin-bottom: 0; padding-right: 0;}
.hindi-cntnt-bx img{width: 16px;}
.hindi-cntnt-bx ~ .hidden-box{margin: 10px 0 0;}
.preview.unf-preview.mt20, .hindi-cntnt-wrap .hidden-box.mt20{margin-top: 10px;}
.preview.unf-preview.mt20{padding-bottom: 10px; margin-bottom: 0;}
.grossAmount{border-bottom: none;}
#area_disclaimer{margin-left: 10px !important;}
.priceclcerror{font-size: 10px;}
#pdfPreview, #pdfPreviewHindi {
    position: inherit;
}
}

@media (max-width: 599px) {
.ctg-info-pnl{background-size: 374px 230px;  }
.footData {  margin: 0 0 0 -20px;}
span.help-block.form-error,.help-block.form-error { font-size: 10px;  }
.addonOverlay .packageCol ul li,.ctg-info-pnl .width50 p {  width: 100%; }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{min-width: 28px; width:28px;line-height: 24px !important;}
.daterangepicker select.monthselect,.daterangepicker .drp-selected, .daterangepicker select.yearselect, .daterangepicker .calendar-table th, .daterangepicker .calendar-table td, .daterangepicker .drp-buttons .btn {
  font-size: 12px !important;}
.obt-inp i img { width: 16px;  }
.obt-nm-bx .data-range-box{margin-left: 0;}
.ad-compose .obt-wd-bx h3{width:100%; margin-bottom: 10px;}
.slk-bxs input,.obt-inpx,.obt-ad-box .fileInfoTop,.ubt-pic-up-wrap{font-size: 10px;}
.obt-nm-bx .data-range-box input.inp1{background-position: 96% center !important; background-size: 15px 15px; padding: 6px 20px 6px 7px; background-color: #fff;}
.obt-nm-bx input.inp1#prevDates, .obt-nm-bx input.inp1#obtdateranges{ padding-left: 45px !important;}
.calendar .calendar-table .table-row .table-col {    width: 26px;    line-height: 1.4 !important;    font-size: 12px !important;} 
.bannerBlock{background-size: 100%; min-height: 110px;}
.bannerBlock p{font-size: 14px; font-weight: 400; }
.bannerBlock span { font-size: 12px; left: 30px;}
.disclaimer.text-center{font-size: 11px !important; min-height: 35px; }
.modal.fade .mdl-wd {    padding: 20px 15px;}
.options-chk .width25{width:100%; margin-bottom: 10px; float: none;}
.reg-hdr{flex-direction: column;}
.rdobtn-wrap .adArea{margin: 0}
.rdobtn-wrap .adArea label{margin-bottom: 20px;}
.slider, .form{ float:none; width:100%;}
.icoLink a{ float:left; margin-left:0; width:100%; box-sizing: border-box;}
.icoLink a.ico3{background-position:-27px -156px;}
.icoLink a.ico4{ background-position:-37px -235px; padding-left:80px;}
.adText{ left:10px;}
.form{  height:auto; padding:50px 0; font-size:28px;}
.quote{ background-size:70px; padding-left:70px;}
.innerLeft{ width:100%; float:none;}
.rightInner{ background-image:none; float:none; padding:40px 0 40px 0; width:100%;}
.steps{ font-size:0; padding:0;}
.icoLink2{ margin:20px 0 0 0; float:none; width:100%;}
.stepsArea{ height:36px;}
.formArea { margin-top:20px;}
.ms-options-wrap > button:focus, .ms-options-wrap > button {  padding-left: 5px;}
.ms-options-wrap > .ms-options{min-height: auto !important; font-size: 12px;}
.ms-options-wrap > .ms-options > ul input[type="checkbox"] {  top: 9px;}
.payFinalRow .final-proceed-btn input.category.p100{margin-right: 0;}
.vid{ border:0; display:block; margin-top:20px; background-position:234px -108px;}
.wid75{ width:57%;}
.location{ width:94%; margin:20px 0 0 10px !important;}
.compose, .preview{ float:none; width:100%; margin-bottom:10px;}
.loginArea .width50{width: 50%;}
.selectHolder, .textAreaHolder{ float:none; width:100%; margin:0 0 20px; background: transparent;}
.inp1{ width:95%;}
.address{ border-left:none; padding-left:0; padding-bottom:10px}
.artcleBoxLeft,.articleBox,.width50L,.width23L,.width25L{ width:100%;}
.artcleBoxRight{ width:100%; margin-left:0;}
.lng-header h2{font-size: 16px;} 
.lngmdl .modal-content {    padding: 20px 15px;}
.lng-rdobtn-wrap .rdo-lbl {    margin-left: 30px;}
.lang-disclmr { font-size: 10px;}
.lng-rdobtn-wrap.rdobtn-wrap .rdo-lbl label b {    font-size: 15px;}
.data-search-pnl{flex-flow: wrap;}
.order-srch-wrap .data-search-box,.order-srch-wrap .select-data,.order-srch-wrap .input-data-box{width:100%}
.ctg-links-pnl img{height: 138px;}
.ctg-links-pnl-mb img{height: 100px;}
.contact-form .width33 {  width: 100% !important;}
.crop-img-bx {  width: 72% !important;} 
.docs-buttons .btn { font-size: 20px !important;}
.docs-cropped .modal-body{padding-left: 0;}
.btn-group-crop .btn { padding: 5px 8px;  font-size: 12px;  }
.docs-cropped .modal-content {      padding: 15px !important;  }
.btn-group-crop {  display: flex; flex-direction: column;  align-items: center;  }
.docs-buttons .btn-group-crop span {   margin: 0;   line-height: 2.5;  }
.docs-buttons .btn-group-crop .btn{margin-bottom: 0 !important;  font-size: 13px !important;}
.ad-compose .obt-wd-bx .adArea{margin-top: 0;}
#obi-pic-name{font-weight: normal; font-size: 10px;}
#obicam {  padding: 11px 5px 11px 10px;}
.loginPageRegister .loginArea .formBlock { width: 95%;}
.selectionRow,.pkg-pnls,.packageRow{margin: 0;}
.packageCol h4,.datePubHeading{font-size: 16px; margin:0 0 15px 0; text-align: center;}
.packageColIn{border-right: 1px solid #b3b3b3;}
.datePubHeading{  margin: 0 ;}
.insertionRowLeft h5,.insertionRowRight p,.insertionRowRight h6{margin:0; text-align: left; font-size: 11px; font-weight: bold;}
.insertionRowRight h6{font-size: 14px;}
.insertionRowLeft h5{margin-bottom: 10px;}
.insertionRow{text-align: center; margin-bottom: 30px; padding:20px 0 0 0}
.insertionRowLeft{padding: 0 10px 0 0;}
.insertionRowRight {  padding: 0 0 0 10px;}
.modal-content,.pkg-edition-txt h3{font-size: 12px;}
.prc-mdl-btn input {  font-size: 14px;  display: inline-block; margin-bottom: 0; width: auto;}
.pkg-edition-txt p,.ttl-gst-box .amt-row,.payFinalRow .width30{margin-bottom: 10px;}
.templateDisplay .width33{margin: 0 10px;}
.payfinal-field .width50 { width: 50%;}
.payFinalRow .inp1,.payFinalRow .select-data .search-data { color: #000;  height: 40px;  font-size: 10px;}
.select-data:after{z-index: 9;}
.payFinalRow label,.usr-rglgbx,.ttl-gst-box .amt-row,.payFinalRow .chk-box-pd label,.order-box .amt-row strong {  font-size: 10px;}
.payFinalRow .options-link .adArea label{font-size: 9px;}
.amt-row.ttl-ordr-bg{ font-size: 12px;}
.chk-box-pd input:checked + label:after{top:3px}
.tabs-ordr li{ font-size: 11px; background-position: calc(50% - 36px) center; background-size: 15px 15px; }
.tabs-ordr li:last-child{ background-position: calc(50% - 60px) center; }
.agncy-code i {  right: 10%;}
.bookingPage #step-bullet-1 {  left: calc(0% - 36px);}
.bookingPage #step-bullet-2 {  left: calc(25% - 32px);}
.bookingPage #step-bullet-3 {  left: calc(50% - 27px);}
.bookingPage #step-bullet-4 {  left: calc(75% - 22px);}
.bookingPage #step-bullet-5 {  left: calc(100% - 18px);}
.packageBanner span, .packageBanner strong {    font-size: 14px;}
#divOuter {  margin: 30px auto 40px;}
#otp-submit-form #otp-submit {  min-width: 150px;}
.modal-content .fs14.mt20.bold {  margin: 10px 0;}
#exitcartModal img ~ h3{margin-top: 10px;}
.docs-cropped .modal-body{padding: 0;}
.upload-ad-wrap h4,.rs-otp{font-size: 13px;}
.uploadDoc-text .file-ath img{height: 30px;}
.file-ath,.loginArea .inp1.intField,.loginForgot a,.msg-err {  font-size: 10px;}
.addonOverlay .bx-check-lbl [type=checkbox]:checked+label,.addonOverlay .bx-check-lbl [type=checkbox]:not(:checked)+label{font-size: 11px;}
.pick-self p {  font-size: 9px;  font-weight: 500;}
.obt-inp i{right: 10px;}
.options-link .adArea label img { max-width: 25px;}
#modal-edition-dates .pbls-date-ins{background-size: 17px 12px}
.clndr-bx .calendarinput {  background-size: 17px 15px;}
.fr.form-control-bx .select-data.has-error span.help-block.form-error{bottom: -20px;  left: -10px;}
.maxOTP input.category.p100 { padding: 0 25px;  margin: 0 0 10px auto;  width: auto;}
}
@media(max-width:520px){ 
.bannerBlock {  min-height: 102px;  }
#previewadcontent .unf-wrap{zoom: 0.95;}
.preview.obt-preview.obt-preview-twlv{zoom: 0.9;}
.footData {  margin: 0 auto;}
.order-num-inr .popuptext {  top: -60px; font-size: 10px; padding: 10px;}
.modal-content .close, .addonOverlayIn .close {  width: 30px;  height: 30px;  line-height: 30px;  font-size: 30px;}
}
@media(max-width:481px){ 
.bannerBlock,.bannerBlock:nth-child(3n+3){min-height: 150px; width: 100%; margin-bottom: 10px;}
.loginPageRegister .loginArea .width50,.payFinalRow .width33{width: 100%;}
.loginPageRegister .loginArea .width50{margin: 0}
.loginPageRegister .loginArea .width50.width50Pull,.loginPageRegister .loginArea .width50.captachaBtn{margin: 0 0 15px 0;}
.loginArea .row{margin-bottom: 10px;}
.loginArea .row.terms-chk-bx{margin-bottom: 0; margin-top: 20px;}
.packageBanner{ height: auto; margin: 0; width: 150px;}
.packageBanner span{display: block; margin: 0; padding:26px 0 36px 10px;}
.packageBannerText{margin: 0 0 0 20px}
.packageOffer p{display: block; font-size: 12px; margin: 0; line-height: 1.2;}
.insertionRow{padding:25px 0 15px;}
.payFinalRow .width33 { margin: 0 0 20px 0;}
.payFinalRow h3{text-align: center; font-size: 13px;}
.packageOffer p.obt-ad-ofr {  font-size: 9px;}
.packageBanner span.bst-prc {  font-size: 16px;}
.icoLink a{ float:none !important; margin-left:0; width:100% !important;}
.icoLink a.ico3{background-position:-27px -156px;}
.icoLink a.ico4{ background-position:-37px -235px; padding-left:80px;}
.footprint, .oneIndia,.slider, .form{ width:100%; float:none;}
.oneIndia{ margin-top:30px;}
.states,.map, .oneIndia{ float:none; width:auto; text-align:center;}
.closePopup{margin: 0 0 10px 0; font-size: 15px; padding: 12px 0;}
.or-division {  margin: 0 0 10px;}
.displayDate span.help-block.form-error {  font-size: 13px;}
.bannerBlock span {  left: 100px; }
.packageBanner span.bst-prc { font-size: 14px; margin-left: 0;}
.body-hindi .packageOffer p.obt-ad-ofr {  font-size: 9px !important;}
.agncy-code .disclaimer{font-size: 10px;}
.preview.obt-preview.obt-preview-twlv{zoom: 0.8;}
#previewadcontent .unf-wrap{zoom: 0.75;}
.form-control-bx label {  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;  padding-right: 20px;  width: 100%;}
table.dataTable.orderHistory tr th:last-child, table.dataTable.orderHistory tr td:last-child{padding-left: 30px;}
table.dataTable.orderHistory tr.child td.child:last-child{padding-left: 0;}
table.dataTable.orderHistory.table-cart tr.child td.child:last-child{padding-left: 10px;}
.popuptext:before{right: 35%;}
#ad-preview-modal .popupstep1Close { top: 4.2%;  right: 1%;}
#ad-preview-modal .popupstep1Close img{width: 20px;}
}
@media(max-width:420px){
.packageBanner span{padding: 18px 0 16px 10px	}	
.packageBanner{ width: 120px;}
.packageBannerText{margin: 0 0 0 10px}
.ad-media-wrap{background-position: 70px top; padding: 23px 8px;}
.ad-media-wrap .wid75 {  width: 80%;  max-width: 275px;}
.ctg-links-dtl { width:100%; padding: 0 15px; }
.body-hindi .ad-media-wrap p {  width: 73%;}
.usr-info-bx .usr-dts-dtl h4{min-height: inherit;}
.btn-group-crop{left:20px}
.ad-ctgrs-wrap{padding: 24px 0 6px;}
.insertionRowRight h6{font-size: 11px;}
.bookingPage #step-bullet-5.active:after, .bookingPage #step-bullet-5.past:after, .bookingPage #step-bullet-4.active:after, .bookingPage #step-bullet-4.past:after, .bookingPage #step-bullet-2.active:after, .bookingPage #step-bullet-2.past:after, .bookingPage #step-bullet-3.active:after, .bookingPage #step-bullet-3.past:after {
  left: -70%;
}
.usr-dts-dtl .width40,.usr-dts-dtl .width55{width: auto; }
#infoimgModal .usr-dts-dtl .width40,#infoimgModal .usr-dts-dtl .width55{ margin-right: 5px;}
.stepsArea:after { left: 0; width: 98%;}
.preview.obt-preview.obt-preview-nine{zoom: 0.85;}
.unf-wrap{zoom: 0.8;}
#previewadcontent .unf-wrap,.preview.obt-preview.obt-preview-twlv{zoom: 0.65;}
.pick-self p {  font-size: 8.5px;}
.edit-template .width33 {  width: 45% !important;}
#divOuter {  width: 284px;}
#partitioned{letter-spacing: 48px; font-size: 26px; padding-left: 40px; background-size: 68px 2px;  background-position-x: 67px;}
span.help-block.form-error, .help-block.form-error {  font-size: 9px;}
.ad-preview-wrap .modal-content{max-width: 80%;}
.payFinalRow .gst-bx label{font-size: 9px;}
.pkg-nm.width25 h4{margin-bottom: 29px !important;}
}
@media(max-width:400px){  
table.orderHistory-dtl-mb>tbody>tr>td{font-size: 11px;}
.clndr-bx .calendarinput { padding: 3px 18px 3px 3px !important;}
#ad-preview-modal .popupstep1Close { top: 5.2%; right: 0;}
}

/* Start Working for the amountConfirmationPopup */
.amountConfirmationPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999999999999;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}

@keyframes overlaySmooth {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.amountConfirmationPopup .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
  backdrop-filter: blur(3px); /* actual blur effect */
  -webkit-backdrop-filter: blur(5px); /* Safari support */
}
.amountConfirmationPopup .popupBox .closeIcon .closeIconMain {
  position: absolute;
  top: -3px;
  right: -3px;
  font-size: 27px;
  cursor: pointer;
  color: #dc2727;
  /* background: #fff; */
  padding: 0;
  border-radius: 500px;
}

.amountConfirmationPopup .popupBox {
  background-color: #fff;
  padding: 25px 30px;
  max-height: 80vh;
  width: 65vw;
  max-width: 670px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  border-radius: 15px;

  /* Optional smooth scrolling */
  scroll-behavior: smooth;
}

/* ===== Custom Scrollbar Styling (WebKit browsers) ===== */
.amountConfirmationPopup .popupBox::-webkit-scrollbar {
  width: 8px; /* scrollbar width */
}

.amountConfirmationPopup .popupBox::-webkit-scrollbar-track {
  background: #f1f1f1; /* track background */
  border-radius: 10px;
}

.amountConfirmationPopup .popupBox::-webkit-scrollbar-thumb {
  background: #c1c1c1; /* scrollbar color */
  border-radius: 10px;
}

.amountConfirmationPopup .popupBox::-webkit-scrollbar-thumb:hover {
  background: #999; /* hover effect */
}

/* ===== For Firefox ===== */
.amountConfirmationPopup .popupBox {
  scrollbar-width: thin; /* makes scrollbar thinner */
  scrollbar-color: #c1c1c1 #f1f1f1; /* thumb color, track color */
}
.amountConfirmationPopup .popupBox .image {
  max-width: 220px;
  margin-top: -107px;
}
.amountConfirmationPopup .popupBox .image img {
  width: 100%;
}
.amountConfirmationPopup .popupBox .action {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: -60px;
  margin-top: 15px;
}
.amountConfirmationPopup .popupBox .action .button {
  font-weight: 600;
  background: #fbb900;
  cursor: pointer;
  width: 170px;
  min-width: 230px;
  font-size: 17px;
  text-align: center;
  text-transform: capitalize;
  transition: all ease 0.3s;
  padding: 11px 11px;
  color: #000;
  border-radius: 6px !important;
  font-family: Poppins, Sans-Serif;
}
.amountConfirmationPopup .popupBox .action .button.yes {
  background: #39f;
  color: #fff;
}
.amountConfirmationPopup .popupBox .content {
  text-align: center;
  margin-top: 15px;

  h2 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 28px;
    display: inline-block;
    font-weight: 700;
  }

  .para {
    font-size: 18px;
    margin-bottom: 10px;
    color: #33333387;
    line-height: 30px;
  }
  .amount {
    font-size: 18px;
    color: #33333387;
    line-height: 30px;
    color: #39f;
    font-weight: 600;
  }
}

@media (max-width: 768px) {
  .amountConfirmationPopup .popupBox {
    width: 90vw;
    padding: 20px 15px;
  }
}
@media (max-width: 550px) {
  .amountConfirmationPopup .popupBox {
    width: 80vw;
  }
  .amountConfirmationPopup .popupBox .image {
    max-width: 160px;
    margin-top: -80px;
  }
  .amountConfirmationPopup .popupBox .content {
    .para {
      font-size: 14px;
      margin-bottom: 2px;
      color: #33333387;
      line-height: 21px;
    }
  }

  .amountConfirmationPopup .popupBox .action .button {
    width: 170px;
    min-width: 150px;
    font-size: 13px;
    padding: 5px 5px;
  }

  .amountConfirmationPopup .popupBox .action {
    gap: 13px;
    margin-bottom: -45px;
    margin-top: 5px;
  }
  .amountConfirmationPopup .popupBox .content {
    .amount {
      font-size: 14px;
      line-height: 30px;
      color: #39f;
      font-weight: 600;
    }
  }
}

@media (max-width: 426px) {
  .amountConfirmationPopup .popupBox .content {
    h2 {
      margin-bottom: 5px;
      font-size: 24px;
    }
  }

  .amountConfirmationPopup .popupBox .action {
    gap: 7px;
  }

  .amountConfirmationPopup .popupBox .action .button {
    width: 120px;
    min-width: 144px;
    font-size: 11px;
    padding: 5px 10px;
  }

  .amountConfirmationPopup .popupBox .image {
    max-width: 140px;
    margin-top: -80px;
  }

  .amountConfirmationPopup .popupBox .content {
    text-align: center;
    margin-top: 1px;
  }
}

@media (max-width: 376px) {
  .amountConfirmationPopup .popupBox {
    width: 87vw;
  }
}