/* desktop header + footer: homepage आणि बाकी सगळ्या desktop pages साठी. जुन्या pages ला धक्का लागू नये म्हणून सगळे rules .site-header / .site-footer खाली */
.site-header,.site-header *,.site-footer,.site-footer *{box-sizing:border-box}
.site-header,.site-footer{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;line-height:normal;text-align:left}
.site-header img,.site-header svg,.site-footer img{display:block}
.site-header p,.site-footer p{margin:0}
.site-header a,.site-footer a{text-decoration:none}
.site-header .wrap,.site-footer .wrap{max-width:1320px;margin:0 auto;padding:0 24px}
.site-header .sr-only{position:absolute;left:-9999px}

/* header */
.site-header{border-bottom:1px solid #e7e7e7;background:#fff;position:relative;z-index:100}
body .modal_box,body .thanks_modal_box,body .license_modal_box{z-index:101}
.site-header .wrap{display:flex;align-items:center;gap:32px;min-height:64px;padding-top:6px;padding-bottom:6px}
.site-header .main-nav{display:flex;gap:28px;flex:1 1 auto}
.site-header .nav-item{position:relative}
.site-header .nav-item>a{display:block;padding:14px 0;font-size:15px;font-weight:500;color:#1a2433}
.site-header .nav-item>a:hover{color:#0b66af;text-decoration:none}
.site-header .nav-drop{display:none;position:absolute;top:100%;left:-16px;min-width:240px;padding:8px 0;background:#fff;border:1px solid #d6dee8;border-radius:10px;box-shadow:0 10px 24px rgba(0,37,91,.08)}
.site-header .nav-drop a{display:block;padding:9px 16px;font-size:14px;color:#1a2433}
.site-header .nav-drop a:hover{background:#eef8fc;color:#0868ad;text-decoration:none}
.site-header .nav-drop.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));min-width:460px}
.site-header .nav-item:hover .nav-drop,.site-header .nav-item:focus-within .nav-drop{display:block}
.site-header .nav-item:hover .nav-drop.cols-2,.site-header .nav-item:focus-within .nav-drop.cols-2{display:grid}
.site-header .search-box{position:relative}
.site-header .search-suggest{position:absolute;top:100%;right:0;width:440px;max-height:420px;margin-top:6px;overflow-y:auto;background:#fff;border:1px solid #d6dee8;border-radius:10px;box-shadow:0 10px 24px rgba(0,37,91,.08)}
.site-header .search-suggest p{padding:10px 16px;border-bottom:1px solid #e3e8ee;font-size:14px;font-weight:700;color:#00255b}
.site-header .search-suggest a{display:block;padding:10px 16px;border-bottom:1px solid #eef1f5;font-size:14px;color:#1a2433}
.site-header .search-suggest a:hover{background:#eef8fc;color:#0868ad;text-decoration:none}
.site-header .search-form{display:flex;align-items:center;height:40px;margin:0;border:1px solid #c9d2dc;border-radius:6px;overflow:hidden}
.site-header .search-form input{width:260px;height:100%;margin:0;padding:0 12px;border:0;border-radius:0;font-size:14px;outline:none}
.site-header .search-form button{display:flex;align-items:center;justify-content:center;width:44px;height:100%;margin:0;padding:0;border:0;border-radius:0;background:#0b66af;color:#fff;cursor:pointer}

/* footer */
.site-footer{background:#f4f4f4;color:#3a3939}
.site-footer .tri-bar{display:flex;width:100%;height:4px}
.site-footer .tri-bar span{flex:1}
.site-footer .tri-bar span:nth-child(1){background:#8e278b}
.site-footer .tri-bar span:nth-child(2){background:#ee5022}
.site-footer .tri-bar span:nth-child(3){background:#91c63e}
.site-footer .footer-brand{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:32px;padding-bottom:24px;border-bottom:1px solid #dee2e6}
.site-footer .footer-about{max-width:760px;margin:0;font-size:14px;font-style:normal;line-height:1.6}
.site-footer .footer-contact{margin-top:8px;font-weight:700}
.site-footer .footer-contact a{color:#0b66af}
.site-footer .footer-contact span{margin-left:16px}
.site-footer .footer-esomar{flex:none}
.site-footer .footer-esomar img{filter:grayscale(1)}
.site-footer .footer-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-top:24px;padding-bottom:24px}
.site-footer .footer-head{margin-bottom:4px;font-size:14px;font-weight:600;color:#000}
.site-footer .footer-head a{color:#000}
.site-footer .footer-pagelinks{display:flex;flex-wrap:wrap;gap:0 24px;padding-left:14px;font-size:13px}
.site-footer .footer-pagelinks a{color:#3a3939;padding: 4px 0}
.site-footer .footer-pagelinks a:hover{color:#0667ac}
.site-footer .footer-bottom{background:#eaeaea}
.site-footer .footer-bottom .wrap{padding-top:10px;padding-bottom:10px;font-size:12px;text-align:center}