body, *{padding:0px; margin:0px; font-family: 'Signika', sans-serif;}/*font-family: 'Neuton', serif;*/
header, nav, section, footer{display:block;}
ul li{list-style:none;}
h1{font-size:30px; margin-top:10px;}

.main02{display:none; }
.main02 .mobbottom01{background:#FFEAF1; padding:12px 0;}
.main02 .mobbottom01 .col-xs-6{padding-right:0;}
.main02 .mobbottom01 .col-xs-4{padding-right:0;}
.main02 .mobbottom01 input{padding:8px 2px; border:1px solid #ccc; width:100%;text-indent:30px; border-radius: 5px;}
.main02 .mobbottom01 input:focus{outline:none;}
.main02 .mobbottom01 button{background:#FA5A36; border:none;height:auto;  border-radius:5px; color:#fff; margin-top:0px;}
.main02 .mobbottom01 button:hover{background:#ED7357;}
.main02 .mobbottom01 .col-xs-5{padding-right:0px;}


.main02 .mobbottom01 h6{position:relative; margin:0px;}
.main02 .mobbottom01 h6 i{position:absolute; top:0px; left:0px; font-size:14px; width: 30px; height: 30px; line-height: 30px; background: #ccc;
 border-radius: 5px 0px 0px 5px;text-align: center; color: #fff;}
.main02 .mobbottom01 .fas-fa-search{background:#4867AA;}
.mobtop01 {padding: 3px 0; background:#FFEAF1; position: -webkit-sticky !important; /* Safari */ position: sticky;top: 0;}
.mobtop01 img{height:55px; width:220px;}
.mobtop01 .fa-bars{font-size:38px;text-align: right;line-height: 55px; color:#fff;}
.mobtop01 input, button{ margin-left:3px; line-height: 40px;  text-indent: 3px; background:#fff !important; }
.mobtop01 input {width:130px;}
.mobtop01 button{width:40px;}
.mobtop01 .col-xs-1 i{padding:10px 10px 10px 0px; cursor: pointer;}

.toggle01{width:100%;  display:none;}
/*LEFT FIX01*/
.leftfix01{width:300px; height:100%; position:fixed; left:0px; overflow:scroll; top:0; z-index:1099; box-shadow:2px 0 3px 0 rgba(0,0,0,.21); background:#fff;}
.leftfix-top01{width:100%; overflow:hidden; height:80px; text-align:center; background:#004F84;}
.leftfix-top01 img{width:235px;  margin-top:10px; margin-bottom:30px; }
.leftfix-top02 a{padding:7px 14px; background:#00224F; color:#fff; border-radius:5px;}
.leftfix-top02 a:hover{color:#fff; }
.leftfixoptions01{background:#fff;}
.leftfixoptions01 li{margin-bottom:5px; background:rgb(240, 238, 238);}
.leftfixoptions01 h3{color:#004f84; font-size:18px; font-weight:700 !important; font-weight:400; margin:0;  text-align:center; display:block; padding:12px 20px;}
.leftfixoptions01 h3 .fa-map-marker-alt{margin-right:10px !important; }
.leftfixoptions01 li a{color:#7B7B7B; font-size:16px; font-weight:400; transition:all ease-in-out 0.3; display:block; padding:12px 20px;
 text-decoration:none;}
 .leftfixoptions01 li a img{width:25px; margin-right:5px;}
.leftfixoptions01 li:hover{background:#E5E5E5;}
.leftfixoptions01 .fa-chevron-right{float:right;}
.leftfixoptions01 .fa-home{margin-right: 15px;}
.leftfixoptions01 .fa-clipboard-list{margin-right: 15px;}
.leftfixoptions01 .fa-blogger-b{margin-right: 15px;}
.leftfixoptions01 .fa-life-ring{margin-right: 15px;}
.leftfixoptions01 .fa-users{margin-right:15px;}
.leftfixoptions01 .fa-paperclip{margin-right:15px;}

.leftfixoptions02{background:#fff;}
.leftfixoptions02 li{margin-bottom:5px;}
.leftfixoptions02 h3{color:rgba(92,92,92,1.00); font-size:18px; font-weight:700 !important; font-weight:400; margin:0;  text-align:center; display:block; padding:12px 20px;}
.leftfixoptions02 h3 .fa-map-marker-alt{margin-right:10px !important; }
.leftfixoptions02 li {color:#7B7B7B; font-size:16px; font-weight:400; transition:all ease-in-out 0.3; display:block; padding:12px 20px;
 text-decoration:none;}
.leftfixoptions02 li  img{width:25px; margin-right:5px;}
.leftfixoptions02 li:hover{background:#E5E5E5;}
.leftfixoptions02 .fa-chevron-right{float:right;}
.leftfixoptions02 .fa-home{margin-right: 15px;}
.leftfixoptions02 .fa-clipboard-list{margin-right: 15px;}
.leftfixoptions02 .fa-blogger-b{margin-right: 15px;}
.leftfixoptions02 .fa-life-ring{margin-right: 15px;}
.leftfixoptions02 .fa-users{margin-right:15px;}
.leftfixoptions02 .fa-paperclip{margin-right:15px;}

.logo {font-size: 22px;font-weight: bold;}
.lang-container {position: relative;cursor: pointer;float:right;}
.lang-selected {border-radius: 6px;align-items: center;gap: 8px;background: #fff;}
.lang-selected img {width:72px;height: 44px;padding:6px;}
.lang-dropdown {display: none;position: absolute;top: 45px;right: 0;background: #fff;border: 1px solid #ddd;border-radius: 6px;width: 150px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);z-index: 5;}
.lang-option {padding: 10px;display: flex;align-items: center;gap: 10px;cursor: pointer;}
.lang-option:hover {background: #f1f1f1;}
.lang-option img {width: 72px;height: 35px;}

.lbusiness01{background:#ffcf00 !important; color:#004F84 !important; margin-top:5px;text-align:center; transition:all ease-in-out 0.3s; }
.lbusiness01:hover{background:#004F84 !important;}
.lbusiness01:hover a{color:#ffcf00 !important;}
.lbusiness01 a{color:#004f84 !important; font-size:26px !important; padding:6px 0  !important;}
.panel-heading img{width:25px; margin-right:5px; transition:all ease-in-out 0.3s;}
.fa-hand-point-right{color:#004f84;}
.social01 h4{margin-top:0; color:#7B7B7B; margin-left:20px; margin-bottom:20px;}
.social01 .fa-facebook{width:30px; height:30px; background:#3F5D9A; color:#fff; padding:5px; border-radius:5px; line-height:24px; text-align:center;}
.social01 .fa-youtube{width:30px; height:30px; background:#bb0000; color:#fff; padding:5px; border-radius:5px; line-height:24px; text-align:center;}
.social01 .fa-twitter{width:30px; height:30px; background:#1DA1F2 ; color:#fff; padding:5px; border-radius:5px; line-height:24px; text-align:center;}
.social01 .fa-instagram{width:30px; height:30px; background:#e4405f; color:#fff; padding:5px; border-radius:5px;line-height:24px; text-align:center;}
.moreoptions02{background:#ECEFF2;}
.leftfixoptions01 .moreoptions02 li a{color:#7B7B7B; font-size:16px; font-weight:400; transition:all ease-in-out 0.3; display:block; padding:12px 20px;
 text-decoration:none;}
.leftfixoptions01 .moreoptions02 li a:hover{color:#bb0000; }
.headtoggle01 h3{font-size:27px;color: #cb1306;}
.headtoggle01 img{height:70px; }
.more-less{float:right;}

/*NAVBAR*/
#navigation { width: 100%;  margin: auto;  z-index:99;  background: #ffeaf1; box-shadow: 0 4px 6px rgba(179, 30, 78, 0.5);}
#navigation.fixed {position: fixed !important; top: 0; left: 0; right: 0;}
/* Reserve space for fixed navbar */
.navbar-fixed::before {content: "";display: block;height: 91px; /* Adjust to match your navbar height */}
.navbar-default{padding:12px 0px; margin:0px; width:100%; background-color:#fff; border:none; border-radius:0px;}
.navbar-default .navbar-brand{padding:5px 15px;}
.navbar-default .navbar-brand>img{margin-top:-7px; height:54px; }
.navbar-default .pdnone{padding-left:0px; padding-right:0px;}
.navbar-default .navbar-nav>li>a{text-transform: uppercase; font-size:10px; font-weight:800; 
letter-spacing:1px;  transition:all 0.1s ease-in-out;}
.navbar-default .navbar-nav>li>a:hover{color:#2a2929 !important;}
.nav>li>a{padding:6px 8px;} 
.navbar-default .navbar-toggle{ background:#fff !important;}
.navbar-default ul.links{text-align:right; margin-top:15px;}
.navbar-default ul.links li{display:inline;}
.navbar-default ul.links li a{text-decoration: none; display:inline-block; color: rgba(255,255,255,0.80); padding-left: 15px; font-size:16px;
transition: all 0.1s ease-in-out;}
.navbar-default ul.links li a:hover{transform:scale(1.2); color:#fff;}
.navbar-default .navbar-brand{font-size: 24px; color: #333 !important; text-transform:uppercase; letter-spacing:1px; font-weight:600;}
.navbar-default .navbar-brand span{font-weight:200; font-size:14px; letter-spacing:2px; color:#333;}
.navbar-default input{width:160px; line-height: 40px; margin-top:5px;text-indent: 3px;}
.navbar-default button{height:43px;}
.navbar-default button .fa{padding-left:5px; padding-right:8px; padding-top:8px; padding-bottom: 8px;}
.navbar-default .navbar-nav > li.dropdown{position:relative;}
.navbar-default .navbar-nav > li.dropdown:hover .drop01{display:block;}
.navbar-default .drop01{background:#fff; width:97.5%; display:none; position:absolute; top:93%; 
    border-top: 4px solid #028ae6; left:5px; z-index:98; overflow: hidden;
 box-shadow:0px 0px 5px 0px #FFCF00; transition:all 0.3s ease-in-out;}
.navbar-default .drop01 ul li a{display:block; text-decoration:none; color: #fff; background:#004F84; text-transform:capitalize; 
 line-height: 26px; padding: 4px 8px; transition:all 0.1s ease-in-out;}
.navbar-default .drop01 ul li a:hover{color:#fff;background:#013f68;} 
.navbar-collapse{padding-left:0; padding-right:0;}
.navbar-default i{cursor: pointer;}
.swap-icon { font-size: 20px;color: #667eea;cursor: pointer;transition: all 0.3s ease;user-select: none;padding: 0px;}
.swap-icon:hover {transform: scale(1.1); }
.swap-icon:active {transform: scale(0.95);}
.home01 { position: relative; width: 100%;  height: 400px; 
    background: url('../image/banner-2.jpg') no-repeat center center/cover;}
.home02 {position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center; background: rgba(255, 255, 255, 0.8);
    padding: 2rem; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
.home02 input{width: 100%;padding: 15px;border: 1px solid #d1d1d1;outline: none;}
.home02 input[type="submit"]{width: 100px;}

#small01{ display:none;}

.wrap01 h2{text-align:center;}
.wrap01 img{width:40%; margin:0 30%; padding-top:10px;}
.wrap01 h4{text-align:center;}
.wrap01 p{text-align:center;}
.wrapin{background:#b9b0b0;}
.wrapin a h4{color:#333; }
.wrapin a p{color:#333;}
/*WRAP02*/
.wrap02{margin-top:20px; position:relative; margin-bottom:20px;}
.wrap02 .left_side h2{letter-spacing:1px; text-transform:capitalize; margin-bottom:10px; font-size:25px;}
.wrap02 .left_side h6{width:60px; content:""; border-bottom:2px solid #23252D; margin-bottom:20px;}
.wrap02 .left_side p{letter-spacing: 0.5px; line-height: 22px; margin-top: 15px;}
.wrap02 .left_side a{text-decoration: none; display: inline-block; border: 2px solid #23252D; letter-spacing: 1px; color: #23252D; height: 50px;
line-height: 50px; text-align: center; width: 240px; font-size:16px; font-weight:600; border-radius:5px; margin-top:15px; 
transition: all 0.2s ease-in-out;}
.wrap02 .left_side a:hover{background:#23252D; color:#fff;}

.wrap02 .right_side{position:relative;}
.wrap02 .item img{width:100% !important; height:450px;}
.wrap02 .carousel-control.left{background-image:none !important;}
.wrap02 .carousel-control.right{background-image:none !important;}

.wrap02 .carousel-control{width:0%;}
.wrap02 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{background: #23252D; width: 60px; height: 60px;
line-height: 60px; position: absolute; top: 10px; left: 645px; font-size:25px;}
.wrap02 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{background: #23252D; width: 60px; height: 60px;
line-height: 60px; position: absolute; top: 10px; right: 10px; font-size:25px;} 

.wrap02 .text{position:absolute; bottom:30px; left:22%; width:55%; margin:auto; background:#fff; padding: 40px;}
.wrap02 .text h3{font-size: 24px; margin: 0px; background: #23252D; color: #fff; text-align: center; padding: 15px;}
.wrap02 .text h4{font-size: 20px; text-transform: uppercase; letter-spacing: 0.5px; line-height: 22px;}
.wrap02 .text p{letter-spacing:0.5px; margin-bottom:0px;}

.wrap03 h2{text-align:center;}
.wrap03 a{padding:8px; margin:4px 8px;  display:inline-block;}

/*FOOTER COMMOM*/
.footerCommon{background:#740729; color:#fff; padding:30px 0px 20px 0px;}
.footerCommon img{margin-bottom:15px; height:60px;}
.footerCommon h4{font-size: 20px; letter-spacing: 1px; margin-top:0px; margin-bottom:15px;}
.footerCommon h3{margin-top:0px; font-size: 24px; font-weight:600; line-height: 26px; letter-spacing: 1px;}
.footerCommon h3 span{font-size: 14px; font-weight:200; letter-spacing:2px; color: #b9b0b0;}
.footerCommon p{letter-spacing: 0.5px; line-height: 22px; width:75%; margin-bottom:5px;}
.footerCommon p a{ text-decoration:none; color:#fff;}

.footerCommon ul.links{margin-top:15px;}
.footerCommon ul.links li{ display:block;}
.footerCommon ul.links li a{text-decoration: none; display:inline-block; color: #ffffff; font-size:14px;
transition: all 0.1s ease-in-out;}
.footerCommon ul.links li a:hover{transform:scale(1.2);}
.footerCommon ul.links .fa{padding-right:10px;}

.footerCommon h5{letter-spacing:0.5px; padding-top:15px;}
.footerCommon h5 a{text-decoration:none; color:#fff;}

/*SCROLL TOP BUTTON*/ 
.scrollToTop{width:50px; height:50px; line-height:50px; text-align:center; background:#aea6a6; color: #fff !important; border-radius:50%; 
font-weight:600; font-size:20px; text-decoration: none; position:fixed; bottom:125px; right:25px; display:none; z-index:99;
transition:all 0.1s ease;}
.scrollToTop:hover{bottom:130px;} 
.twitter-typeahead {display: inline-block !important;}
.tt-hint {display: none !important; /* optional: hides ghost text */}
input.tt-input.form-control {width: 100% !important;margin: 0 !important;}
.navbar-default input{vertical-align:initial !important;background:white !important; }
.tt-menu {width: 100% !important;background-color: #fff;border: 1px solid #ccc;border-radius: .25rem;max-height: 200px;overflow-y: auto;z-index: 100; }
.tt-suggestion {padding: 10px;cursor: pointer;background:#d1d2d3; }
.tt-suggestion:hover, .tt-cursor {background:#a9a9aa;}
.tt-suggestion:hover{color:blue;}
.tt-empty-message { font-style: italic;font-size: 14px;padding: 6px 12px; }

.topics01 h1 {text-align:center; }
.topics01 h2{font-size:20px;font-weight: 400; color:#267bb5; padding:6px 0;   margin-top:0px;}
.topics01 h3{ font-size:18px; line-height:20px; text-align: justify;font-weight:600;} 
.topics01 h5{font-size:15px; font-weight:500; line-height:14px;   color:#d49806; text-transform:uppercase;}
.topics01 h5 a{text-decoration:none; color:#d49806;}
.topics01 img{width:100%; margin-bottom: 10px;}
.topics01 img.small01{height:290px;}
.topics01 h4{ line-height: 24px;}
.topics01 h6{font-size:15px; font-weight:600;  color:#004f84; line-height:30px;}
.topics01 p{font-size:14px; color:#333; text-align: justify;}
.topics01 a{font-size:16px; color: #ee213d;}
.topics01 a.btn{background: #004f84; color: #fff;  font-size: 16px; padding: 8px 20px;
 transition:all 0.3s ease-in-out; margin-top:6px;} 
.topics01 a.btn:hover{background:#FFCF00;}
.topics01 h5 a{color:#004F84;}
.topics01 h5 a:hover {color:#453803;}
.topics01 table {width: 100%;border-collapse: collapse;margin: 15px 0;}
.topics01 table  th{text-align:left; padding: 10px 12px;  color:#A10532; font-size:18px; border:1px solid #A10532; background:#F5F5F5;}
.topics01 table td{text-align:left; padding: 10px 12px; font-size:16px; border:1px solid #A10532;}
.topics01 table tr:nth-child(even) {background-color: #f9f9f9;}
.topics02 a{display:block; }

/*NAVIGATOR*/
.navigator .breadcrumb{margin-bottom:0px !important;}
.navigator ul li a{text-decoration:none; color:#333; transition:all 0.1s ease-in-out;}
.navigator ul li a:hover{color:#000; font-weight:600;}


.modal-share-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(100px, 1fr)); gap:15px; margin-top:20px;}
.share-platform {display:flex; flex-direction:column; align-items:center; text-decoration:none; padding:15px; border-radius:10px; background:#f8f9fa; transition:all 0.3s ease; border:2px solid transparent;}
.share-platform:hover {transform:translateY(-5px); box-shadow:0 6px 20px rgba(0,0,0,0.15); text-decoration:none; border-color:currentColor;}
.share-platform i {font-size:32px; margin-bottom:8px; transition:transform 0.3s ease;}
.share-platform:hover i {transform:scale(1.2);}
.share-platform span {font-size:13px; font-weight:600; color:#333;}
.share-platform.facebook {color:#1877f2;}
.share-platform.twitter {color:#1da1f2;}
.share-platform.whatsapp {color:#25d366;}
.share-platform.telegram {color:#0088cc;}
.share-platform.linkedin {color:#0077b5;}
.share-platform.reddit {color:#ff4500;}
.share-platform.pinterest {color:#e60023;}
.share-platform.email {color:#ea4335;}
.share-platform.copy {color:#6c757d;}
.modal-share-description {color:#666; font-size:15px; line-height:1.6; margin-bottom:5px;}
.copy-link-box {display:flex; gap:10px; margin-top:20px; padding:15px; background:#f8f9fa; border-radius:8px; border:1px solid #e0e0e0;}
.copy-link-box input {flex:1; border:none; background:transparent; font-size:14px; color:#333; outline:none;}
.copy-link-box button {padding:8px 20px; background:#667eea !important; color:#fff; border:none; border-radius:6px; cursor:pointer; font-weight:600; transition:all 0.3s ease;}
.copy-link-box button:hover {background:#5568d3; transform:scale(1.05);}
.share-success-msg {display:none; color:#28a745; font-weight:600; margin-top:10px; text-align:center;}
.share-success-msg i {margin-right:5px;}

.speaker {cursor: pointer;}
/*ABOUT01*/
.about05 h3{font-size:21px; font-weight:600;  color:#004f84; line-height:30px;}
.about05 p{font-size:14px; color:#333; text-align: justify;}
.about05 a{font-size:16px; color: #ee213d; display:inline-block; padding: 5px 10px; background: #E5E5E5; margin: 4px 8px;border:1px solid #004f84; border-radius:8px; }

.aboutmain h1{font-size:28px; line-height:36px; margin-top:0;}
.about01{margin-top:8px; margin-bottom:16px;}
.about01 img {width:140px;}
.about01 {margin-top:8px; margin-bottom:16px;}
.about01 h2 {font-size:25px; line-height:42px; color:#0676d8; border-bottom:2px solid #f7e087; padding-bottom:12px; margin-bottom:20px; position:relative; display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; gap:10px;}
.about01 h2 .word-translation {flex:1; font-weight:600; letter-spacing:0.3px; min-width:0; overflow:hidden; text-overflow:ellipsis;}
.about01 h2 .word-translation::after {content:''; display:inline-block;}
.about01 h2 .action-buttons {display:flex; gap:8px; align-items:center; flex-shrink:0;}
.about01 h2 a {display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border-radius:6px; background:#f8f9fa; transition:all 0.3s ease; text-decoration:none; border:1px solid #e0e0e0; min-width:40px; height:40px;}
.about01 h2 a:hover {background:#0676d8; border-color:#0676d8; transform:translateY(-2px); box-shadow:0 4px 12px rgba(6, 118, 216, 0.2);}
.about01 h2 i {color:#ee213d; font-size:18px; transition:all 0.3s ease;}
.about01 h2 a:hover i {color:#ffffff; transform:scale(1.1);}
.about01 h2 a:first-of-type i {color:#28a745;}
.about01 h2 a:last-of-type i {color:#ee213d;}
.about01 h2 a[title]:hover::after {content:attr(title); position:absolute; bottom:-30px; right:0; background:#333; color:#fff; padding:4px 8px; border-radius:4px; font-size:12px; white-space:nowrap; z-index:10;}
.about01 h4 {line-height:24px; letter-spacing:0.5px; font-size:16px; color:#aea6a6; margin-top:25px;}
.about01 h3 {font-size:24px; font-weight:600; letter-spacing:1px;}
.about01 a:not(.about01 h2 a) {text-decoration:none; display:inline-block; border:2px solid #23252D; padding:17px 50px; letter-spacing:1px; margin-top:15px; font-size:16px; font-weight:600; color:#23252D; transition:all 0.2s ease-in-out;}
.about01 a:not(.about01 h2 a):hover {background:#333; color:#fff; border:2px solid #333;}
.about01 span {font-size:18px;}
.about01 a{text-decoration: none; display: inline-block; border: 2px solid #23252D; padding: 17px 50px; letter-spacing: 1px; margin-top:15px;
font-size: 16px; font-weight: 600; color: #23252D; transition:all 0.2s ease-in-out;}
.about01 a:hover{background:#333; color:#fff; border:2px solid #333;}
.about01 .btn{background:#ffedf3 !important; margin-bottom: 4px;}


.about06 input, textarea,select {width:100%; text-indent: 5px; padding:5px 0; margin:5px auto;}
.about06 input[type="radio"]{width:20px; }
.about06 input[type="submit"]{width:120px; }
.about06 input[type="checkbox"]{display: inline-block; width:20px;}
.about06 h2{font-size:25px; line-height:36px;color:#0676d8;}
.about06 h4{line-height:24px; letter-spacing:0.5px; font-size: 16px; color: #aea6a6; margin-top: 25px;}
.about06 h3{font-size: 24px; font-weight: 600; letter-spacing: 1px;}
.about06 p{font-size:16px;color:#0676d8; font-weight: 700; margin:0;}


/*ABOUT02*/
.about02 h3{margin-top:0px; color:#aea6a6; font-size:22px;}
.about02 h2{letter-spacing:1px; text-transform:capitalize;}
.about02 p{letter-spacing: 0.5px; line-height: 22px;}
.about02 p.para01{margin-bottom:20px;}
.about02 img.img01{width:100%; height:260px;}
.about02 .row .row{margin-top:20px;}
.artikelDer {color:#0000ff;}
.artikelDas {color:#008000;}
.artikelDie {color:#ff0000;}

/*ABOUT03*/
.about03{ margin-bottom:20px;}
.about03 h2{font-size:25px; text-align:center;}
.about03 .col-sm-4{ margin-bottom:30px;}
.about03 img{border-radius:50%;}
.about03 h4{letter-spacing:0.5px; width:80%; margin:auto; margin-bottom:20px; text-align:center; line-height:24px; font-size:16px; color:#aea6a6;
font-style:italic;}
.about03 h3{font-size: 18px; margin-top: 0px; color:#23252D; text-transform:capitalize;}
.about03 h5{font-size:15px;letter-spacing: 0.5px; color: #aea6a6; font-style:italic;}
.about03 p{line-height: 22px;}
.about03 span{width: 60px;height: 60px;margin: 4% auto;float: left; margin-right: 10px; background:#A10532; color: #fff;
    font-size: 20px; text-align: center; line-height: 60px; margin-top: 20px; transition: all 0.3s ease;}

.about04 table {width: 100%;border-collapse: collapse;margin: 15px 0;}
.about04 table  th{text-align:left;  background-color: #04AA6D; color: white; font-size:18px; border: 1px solid #ddd; padding: 8px;}
.about04 table td{text-align:left; padding: 8px; font-size:16px; border:1px solid #A10532;}
.about04 tr:nth-child(even){background-color: #f2f2f2;}
.about04 tr:hover {background-color: #ddd;}

.services01 h1 { font-size: 30px; font-weight: 700; color: #333; text-align: center; margin-bottom: 20px; }
.services01 p { font-size: 16px; color: #555; line-height: 1.6; text-align: center; margin-bottom: 20px; }
.services01 h2 { font-size: 28px; font-weight: 600; color: #A10532; margin-top: 30px; margin-bottom: 15px; text-align: center; }
.services01 ul { list-style-type: none; padding: 0; margin-bottom: 30px; }
.services01 ul li { font-size: 16px; color: #333; margin-bottom: 12px; line-height: 1.5; }
.services01 ul li strong { color: #A10532; font-weight: 600; }
.services01 img { max-width: 100%; height: auto; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); margin-top: 20px; }


/*SERVICES02*/
.services02{margin-top:8px; margin-bottom:12px;}
.services02 svg:not(:root).svg-inline--fa{font-size:50px; color:#23252D;}
.services02 h4{font-size:22px; letter-spacing:1px; margin:15px 0px; color:#aea6a6; margin-top:20px;}
.services02 p{letter-spacing:1px;}

/*PROJECT01*/
.project01 h2{font-size:25px; text-align:center; margin-bottom:5px;}
.project01 .cover01{width:100%; height:270px; position:relative; overflow:hidden; margin-bottom:30px;}
.project01 .cover01 img{width:100%; height:270px;}
.project01 .hidden01{width: 92%; height: 92%; position: absolute; z-index: 99; background:rgba(35, 37, 45, 0.8); color: #fff; top: 4%; left: 4%;
box-sizing: border-box; padding: 20px; text-align: center; overflow:hidden; transform:scale(0); transition:all 0.4s ease-in-out;}
.project01 .cover01:hover .hidden01{ transform:scale(1);} 
.project01 .hidden01 h4{font-size:20px; margin-top:40px;}
.project01 .hidden01 p{letter-spacing:0.5px; line-height:22px;}  
.project01 .hidden01 a{border: 1px solid #fff; padding: 12px 20px; color: #fff; letter-spacing: 0.5px; margin-top: 5px; display: inline-block;
text-decoration:none; transition:all 0.2s ease-in-out;} 
.project01 .hidden01 a:hover{background:#fff; color:#333;} 

/*PRO GALLERY01*/
.pro_gallery01 h2{font-size:25px; text-align:center; margin-bottom:5px;}
.pro_gallery01 h6{content:""; width:100px; margin:15px auto; border-bottom:2px solid #23252D;} 
.pro_gallery01 .cover01{width:100%; height:196px; position:relative; overflow:hidden; margin-bottom:30px;}
.pro_gallery01 .cover01 img{width:100%; height:196px;}
.pro_gallery01 .hidden01{width: 100%; height: 196px; position: absolute; z-index: 99; background:rgba(35, 37, 45, 0.8); color: #fff; top: 0%;
left: 0%; box-sizing: border-box; text-align: center; transform:scale(0); line-height:196px; transition:all 0.4s ease-in-out;}
.pro_gallery01 .cover01:hover .hidden01{ transform:scale(1);} 
.pro_gallery01 .hidden01 span{font-size:20px; transition:all 0.5s ease-in-out;}
.pro_gallery01 .cover01:hover .hidden01 span{transform:scale(2.1);}

.vservices01 h1 { font-size: 30px; font-weight: 700; color: #333; margin-bottom: 20px; } 
.vservices01 p { font-size: 16px; color: #555; line-height: 1.6; margin-bottom: 20px; } 
.vservices01 h2 { font-size: 24px; font-weight: 600; color: #A10532; margin-top: 30px; margin-bottom: 15px; } 
.vservices01 img{width:100%; }
.vservices01 ul { list-style-type: none; padding: 0; margin-bottom: 30px; } 
.vservices01 ul li { font-size: 16px; color: #333; margin-bottom: 12px; line-height: 1.5; } 
.vservices01 ul li strong { color: #A10532; font-weight: 600; } 
.vservices01 ul li em { font-style: italic; color: #888; } 
.vservices01 .col-sm-6 { padding: 15px; } 

.vservices02 table { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); border-radius: 8px;  }
.vservices02 thead { background-color: #A10532; color: white; text-transform: uppercase; font-size: 16px; }
.vservices02 th, td {text-align:left; padding:10px  12px;  }
.vservices02 table  th{ color:#A10532; font-size:18px; border:1px solid #A10532; background:#F5F5F5;}
.vservices02 table td{ font-size:16px; border:1px solid #A10532;}

.vservices02 tbody tr:nth-child(even) { background-color: #f9f9f9; }
.vservices02 tbody tr:hover { background-color: #f1f1f1; transition: background-color 0.3s; }
.vservices02 th { border-bottom: 2px solid #ffffff; }
.vservices02 td { color: #333; }
.vservices02 tbody tr { transition: transform 0.2s ease-in-out; }
.vservices02 tbody tr:hover { transform: scale(1.02); }


.vservices02 { background-color: #f7f9fc; padding: 20px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } 
.vservices02 h2 { font-size: 24px; font-weight: 600; color: #A10532; text-align: center; margin-bottom: 15px; } 
.vservices02 ul { list-style-type: none; padding: 0; margin: 0; } 
.vservices02 ul li { background-color: #ffffff; border: 0px solid #ddd; border-radius: 5px; padding: 12px; margin-bottom: 10px;
    cursor: pointer; font-size: 16px; color: #333; transition: background-color 0.3s, transform 0.2s; } 
.vservices02 ul li:hover { background-color: #e8f5e9; } 
.vservices02 ul li::before { content: "✔️"; margin-right: 8px; color: #A10532; }

.exmp01 table { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); border-radius: 8px;  }
.exmp01 thead { background-color: #A10532; color: white; text-transform: uppercase; font-size: 16px; }
.exmp01 th, td {text-align:left; padding:10px  12px;  }
.exmp01 table  th{ color:#A10532; font-size:18px; border:1px solid #A10532; background:#F5F5F5;}
.exmp01 table td{ font-size:16px; border:1px solid #A10532;}

.exmp02 input, textarea {width:100%; text-indent: 5px; padding:5px 0; margin:5px auto;}
.exmp02 input[type="submit"]{width:140px; }
.exmp02 input[type="checkbox"]{display: inline-block; width:20px;}

.exmp02 h4{text-align:center; font-size:18px; color:#A10532;}
.exmp02 h5{text-align:center; font-size:16px; color:#333;}
.exmp02 p{font-size:14px;color:#0676d8; font-weight: 700; padding:4px 0;}

.etranslate01 h1 { font-size: 30px; font-weight: 700; color: #333; text-align: center; margin-bottom: 20px; }
.etranslate01 p { font-size: 16px; color: #555; line-height: 1.6; text-align: center; margin-bottom: 20px; }
.etranslate01 h2 { font-size: 28px; font-weight: 600; color: #A10532; margin-top: 30px; margin-bottom: 15px; text-align: center; }
.etranslate01 h3 { font-size: 22px; font-weight: 500; color: #333; margin-top: 20px; margin-bottom: 10px; }
.etranslate01 ul { list-style-type: none; padding: 0; margin-bottom: 30px; }
.etranslate01 ul li { font-size: 16px; color: #333; margin-bottom: 12px; line-height: 1.5; }
.etranslate01 ul li strong { color: #A10532; font-weight: 600; }
.etranslate01 a{font-size:16px; color: #ee213d; display:inline-block; padding: 5px 10px; transition:all 0.2s ease-in-out; background: #E5E5E5; margin: 4px 8px;border:1px solid #004f84; border-radius:8px; }
.etranslate01 a:hover { background-color: #f9facd; }

.evocabulary01 h1 { font-size: 36px; font-weight: 700; color: #333; text-align: center; margin-bottom: 20px; }
.evocabulary01 p { font-size: 16px; color: #555; line-height: 1.6; text-align: center; margin-bottom: 20px; }
.evocabulary01 h2 { font-size: 28px; font-weight: 600; color: #A10532; margin-top: 30px; margin-bottom: 15px; text-align: center; }
.evocabulary01 h3 { font-size: 22px; font-weight: 500; color: #333; margin-top: 20px; margin-bottom: 10px; }
.evocabulary01 ul { list-style-type: none; padding: 0; margin-bottom: 30px; }
.evocabulary01 ul li { font-size: 16px; color: #333; margin-bottom: 12px; line-height: 1.5; }
.evocabulary01 ul li strong { color: #A10532; font-weight: 600; }
.evocabulary01 a{font-size:16px; color: #ee213d; display:inline-block; padding: 5px 10px; transition:all 0.2s ease-in-out; background: #E5E5E5; margin: 4px 8px;border:1px solid #004f84; border-radius:8px; }
.evocabulary01 a:hover { background-color: #f9facd; }

/*BLOG*/
.blog01 h2{font-size:25px; text-align:center;}
.blog01 .leftside h3{font-size:20px; margin-bottom:15px;}
.blog01 .leftside ul li{ display:inline-block;}
.blog01 .leftside ul li a{text-decoration:none; color:#333; display:block;}
.blog01 .leftside ul li a svg:not(:root).svg-inline--fa{width: 30px; height: 30px; line-height: 30px; text-align: center; background:#23252D; color: #fff; margin-right:5px; padding:7px;  transition:all 0.1s ease-in-out;}
.blog01 .leftside ul li a svg:not(:root).svg-inline--fa:hover{border-radius:50%;} 
.blog01 .leftside h5{ text-transform:capitalize; font-size:16px; margin-top:15px;}
.blog01 .leftside h5 a{color:#aea6a6; padding-right:5px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
transition:all 0.1s ease-in-out;}
.blog01 .leftside h5 a:hover{color:#000;}
.blog01 .leftside p{text-align:justify; line-height:22px;}
.blog01 .leftside img{border-top:3px solid #23252D; padding-top:7px; margin-top:20px;}
.blog01 .leftside h4{margin-top:20px; letter-spacing:0.5px; font-weight:600;}
.blog01 .leftside a.read01{font-size: 16px; color: #23252D; transition:all 0.1s ease-in-out; border-bottom: 4px double #aea6a6; display: block;
padding-bottom: 15px; text-decoration:none;}
.blog01 .leftside a.read01:hover{color:#aea6a6;}

.blog01 .rightside{padding-left:50px;}
.blog01 .rightside ul li{display:inline;}
.blog01 .rightside ul li a{ display:inline-block; text-decoration:none; padding:8px 15px; color:#fff; background:#23252D; margin-bottom:5px;
margin-right:5px; letter-spacing:0.5px; border-radius:5px; transition:all 0.1s ease-in-out;}
.blog01 .rightside ul li a:hover{background:#aea6a6;}
.blog01 .rightside .text01{border-bottom:2px solid #aea6a6; margin-top:15px; padding:0px 10px; transition:all 0.1s ease-in-out;}
.blog01 .rightside .text01:hover{border-bottom:2px solid #23252D;} 
.blog01 .rightside .text01:hover p{color:#aea6a6;} 
.blog01 .rightside .text01:hover span{color:#23252D;}
.blog01 .rightside .text01 a{text-decoration:none; color:#333;}
.blog01 .rightside .text01 span{color:#aea6a6; font-size: 40px; font-weight: 600;}
.blog01 .rightside .text01 p{font-size:15px; margin-top:10px;}
.blog01 .rightside h3{font-size: 24px; color: #aea6a6; border-bottom: 2px solid #aea6a6; padding-bottom: 10px;}

/*GALLERY*/
.gallery01 h2{font-size:25px; text-align:center; margin-bottom:15px;}
.gallery01 .mask01{width:100%; height:250px; position:relative; overflow:hidden; margin-bottom:30px;}
.gallery01 .mask01 img{width:100%; height:250px;}
.gallery01 .mask01 .hide01{width:90%; height:100%; top:0%; left:5%; background:rgba(255,255,255,0.3); z-index:99; position:absolute; opacity:0;
transition:all 0.6s ease-in-out;}
.gallery01 .mask01:hover .hide01{opacity:1; width:0%; left:50%;}
.gallery01 .mask01 .hide02{width:100%; height:90%; top:5%; left:0%; background:rgba(255,255,255,0.3); z-index:99; position:absolute; opacity:0;
transition:all 0.6s ease-in-out;}
.gallery01 .mask01:hover .hide02{opacity:1; height:0%; top:50%;}

/*error page*/

.error_page .page_center{width: 70%; background:#ffeaf1; padding: 65px 10px; margin: auto; text-align:center;  border-radius:10px;margin-bottom: 20px;}
.error_page .page_center img{height:70px; margin:auto; display:block;} 
.error_page .page_center h2{font-size: 100px; font-weight: 600; color: #625252; margin-top:0px;} 
.error_page .page_center h3{font-weight:600; color:#777; margin-top:0px;}
.error_page .page_center p{text-transform: capitalize; font-size: 15px; letter-spacing: 0.5px; font-weight: 600; margin-top:15px;
 width:80%; margin:auto;}
.error_page .page_center a.btn{ background:#fff; color:#A10532; margin-top:20px; font-size: 15px; font-weight: 600; padding: 15px 30px; 
 letter-spacing: 0.5px; border:3px solid #A10532; transition:all 0.2s ease-in-out;} 
.error_page .page_center a.btn:hover{ background:#A10532;; color:#fff; border:3px solid #A10532;;}

/*CONTACT01*/
.contact01 h2{font-size:25px; margin-bottom:30px;text-align:center;}
.contact01 .info01{padding:40px; margin-bottom:30px; position:relative; height:170px; box-shadow:0px 0px 10px 0px #23252D;}
.contact01 .info01 h3{margin-top:45px; margin-bottom:15px; text-transform:capitalize;}
.contact01 .info01 p{margin-bottom:0px; letter-spacing:0.5px; line-height:22px;}
.contact01 .info01 p a{color:#333; text-decoration:none;} 
.contact01 .info01 svg:not(:root).svg-inline--fa{width:70px; height:70px; line-height:70px; text-align:center; background:#23252D; font-size:30px;
position:absolute; top:-15px; left:40px; padding:22px; color:#fff;}
.contact01 .info01 span{width: 0; height: 0; border-left: 14px solid transparent; border-right: -5px solid transparent;
border-bottom: 15px solid #23252D; position:absolute; top:-15px; left:26px;}
.contact01 i{width: 60px;height: 60px;margin: 4% auto;float: left; margin-right: 10px; background:#A10532; color: #fff;
    font-size: 20px; text-align: center; line-height: 60px; margin-top: 20px; transition: all 0.3s ease;}

/*CONTACT02*/
.contact02{margin-top:20px; margin-bottom:30px;}
.contact02 h2{text-align:center; font-size:25px;}
.contact02 h4{text-align:center; color:#aea6a6; letter-spacing:0.5px; font-style:italic; margin-bottom:25px;}
.contact02 input{width:100%; padding:15px; margin-bottom:15px; border:1px solid #d1d1d1; outline:none;}
.contact02 input:focus{box-shadow:0px 0px 10px 2px #ccc;}
.contact02 input::placeholder{font-style:italic; letter-spacing:1px; font-size:13px;}  
.contact02 textarea{width:100%; height:150px; padding:15px; margin-bottom:15px; border:1px solid #d1d1d1; outline:none;}
.contact02 textarea:focus{box-shadow:0px 0px 10px 2px #ccc;}
.contact02 input[type="submit"]{width:220px; text-align:center; background:#fff; border:2px solid #23252D; color:#23252D; font-size:16px;
letter-spacing:1px; font-weight:600; padding:20px 15px; transition:all 0.2s ease-in-out;}
.contact02 input[type="submit"]:hover{background:#23252D; color:#fff;}

.category01 {margin:20px auto; }
.category01 table {width: 100%;border-collapse: collapse;margin: 15px 0;}
.category01 table  th{text-align:left;  background-color: #04AA6D; color: white; font-size:18px; border: 1px solid #ddd; padding: 8px;}
.category01 table td{text-align:left; padding: 8px; font-size:16px; border:1px solid #A10532;}
.category01 tr:nth-child(even){background-color: #f2f2f2;}
.category01 tr:hover {background-color: #ddd;}
.category01 h1 {font-size:24px;}
.category01 h2{font-size:18px;}
.category01 img{width:150px;}

/*LOGIN01*/
.login01{width:400px; margin:62px auto; border:1px solid #CCCCCC; padding:30px 30px; background:#fff; box-shadow: 0px 0px 10px 0px #bfb0b0;
border-radius:5px;}
.login01 p{position:relative;}
.login01 p input{width:100%; padding:13px 13px 13px 60px; margin-bottom:10px; border:1px solid #E8E7E7; border-radius:5px; outline:none;
background:#fff !important;}
.login01 input:focus{box-shadow: 0px 0px 10px 0px #333;} 
.login01 p span{display:block; position:absolute; height:48px; line-height:48px; top:0px; left:0px; background:#aea6a6; color:#fff; width:48px;
text-align: center; font-size: 16px; border-radius: 5px 0px 0px 5px;}
.login01 input[type="submit"]{display:inline-block; background:#aea6a6; color:#fff; border:2px solid #aea6a6; padding:12px 45px; letter-spacing:1px;
font-size:15px; transition:all 0.2s ease-in-out; font-weight:600; border-radius:5px; outline:none;}
.login01 input[type="submit"]:hover{background:#fff; color:#aea6a6;} 
.login01 h5 a{text-decoration:none; color:#333; font-weight:600; letter-spacing:0.5px;}

.pagination-container {margin-top: 20px;text-align: center;font-family: Arial, sans-serif;user-select: none;}
.pagination-btn, .pagination-page {display: inline-block;padding: 6px 12px;border: 1px solid #ccc;margin: 2px;text-decoration: none; color: #333;border-radius: 4px; transition: background 0.2s, color 0.2s;}
.pagination-btn:hover,
.pagination-page:hover {background: #f4f4f4;}
.pagination-page.active {background: #333;color: #fff;border-color: #333;font-weight: bold;}
.pagination-btn.disabled {border-color: #eee;color: #aaa;pointer-events: none;}
.pagination-ellipsis {display: inline-block; margin: 0 6px;color: #666;font-weight: bold;}

/*------------------ RESPONSIVE --------------------*/
@media (max-width:1199px) and (min-width:992px){
/*NAVBAR*/	
.navbar-default .navbar-brand > img{margin-top:12px;}
.navbar-default .col-sm-2{padding-left:0px;}
.navbar-default .navbar-nav > li > a{font-size:10px;}

.wrap02 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{left:510px;}
.wrap02 .text{left: 30%; width: 60%; padding: 25px;}

.navbar-fixed::before {content: "";display: block;height: 120px; /* Adjust to match your navbar height */}
/*PROJECT01*/
.project01 .hidden01 h4{margin-top:20px;}

/*BLOG01*/
.blog01 .rightside{padding-left: 0px;}
   
}

@media (max-width:991px) and (min-width:768px){
/*NAVBAR*/	
.navbar-default .navbar-brand > img{margin-top:12px;}
.navbar-default .col-sm-2{padding-left:0px;}
.navbar-default .navbar-nav > li > a{font-size:10px;}
.wrap02 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{left:365px;}
.wrap02 .text{left: 15%; width: 70%; padding: 20px;}
.navbar-fixed::before {content: "";display: block;height: 157px; /* Adjust to match your navbar height */}

/*PROJECT01*/
.project01 .hidden01 h4{margin-top:5px;}

/*BLOG01*/
.blog01 .rightside{padding-left: 0px;} 
}

@media (max-width:767px) and (min-width:641px){

.wrapin { width: 47%; margin-right: 1%; margin-bottom: 2%;float:left;}
.home02 input[type="submit"]{margin-top:20px;}

/*NAVBAR*/
.navbar-default .navbar-brand>img{position: absolute; top: 10px; left: 15px; width: 220px;}
.navbar-default .navbar-nav>li>a{padding:5px 30px;}
.navbar-default ul.links{display:none;}
.navbar-default input{width:180px; margin-left:10px;}

#big01{ display:none;}
#small01{ display:block;}
/*WRAP02*/
.wrap02{margin-top:20px;}
.wrap02 .left_side h2{margin-top:0px;}
.wrap02 .left_side a{margin-bottom:35px; width:200px;}

.wrap02 .item img{width:100% !important; height:250px;}
.wrap02 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{background: #23252D; width: 45px; height: 45px;
line-height: 45px; left: 10px; font-size:16px;}
.wrap02 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{background: #23252D; width: 45px; height: 45px;
line-height: 45px; right: 10px; font-size:16px;} 

.wrap02 .text{position:absolute; top:10px; left:15%; width:70%; margin:auto; background:#fff; padding: 25px; overflow:hidden;}
.wrap02 .text h3{font-size: 22px;}
.wrap02 .text h4{font-size: 18px; text-align:left;}
.wrap02 .text p{display:block;}

/*FOOTER COMMOM*/
.footerCommon{padding:50px 0px 30px 0px; margin-top:0px;}
.footerCommon h4{margin-top: 20px; margin-bottom: 5px;}
.footerCommon h3{margin-top:0px; font-size: 24px; font-weight:600; line-height: 26px; letter-spacing: 1px;}
.footerCommon ul.links{margin-top:10px;}
.footerCommon h5{padding-top:0px; text-align:center; line-height:22px;}

/*SCROLL TOP BUTTON*/ 
.scrollToTop{bottom:100px; right:20px;}
.scrollToTop:hover{bottom:105px;}

/*NAVIGATOR*/
.navigator .breadcrumb{padding:8px 0px;}
.navigator ul li a{text-decoration:none; color:#333; transition:all 0.1s ease-in-out;}
.navigator ul li a:hover{color:#000; font-weight:600;}

/*ABOUT02*/
.about02 h3{margin-top:10px;}

/*ABOUT03*/
.about03 img{margin-bottom:20px;}

/*SERVICES01*/
.services01 h4{margin:15px 0px; font-size:18px; line-height: 24px; color: #aea6a6;}
.services01 img{margin-top:25px;}

/*BLOG*/
.blog01 .rightside{  padding-left:0px;}

.main01 {display: none !important;}
.main02 {display: block !important; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background: #ffeaf1; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.mobtop01 {padding: 8px 0; background: #ffeaf1;}
.mobtop01 img {height: 45px; width: auto; max-width: 180px;}
.mobtop01 .headtoggle01 {cursor: pointer; padding: 5px;}
.mobtop01 .fa-bars {font-size: 32px; line-height: 45px; color: #740729;}
.mobtop01 form {margin-top: 8px;}
.mobtop01 input[type="text"] {height: 38px; line-height: 38px; padding: 5px 8px; font-size: 13px; border: 1px solid #ccc; border-radius: 4px; width: 100%; background: #fff !important;}
.mobtop01 button {height: 38px; width: 38px; padding: 0; background: #740729 !important; border: none; border-radius: 4px; color: #fff; font-size: 16px;}
.mobtop01 button:hover {background: #a10532 !important;}
body {padding-top: 120px;}
.toggle01 {position: fixed; top: 0; left: -100%; width: 280px; height: 100vh; background: #fff; z-index: 999; transition: left 0.3s ease-in-out; overflow-y: auto; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);}
.toggle01.active {left: 0;}
}

@media (max-width:640px) and (min-width:581px){
.pagination-container {font-size: 14px;}
.pagination-btn,.pagination-page {padding: 4px 8px;margin: 1px; }
.pagination-ellipsis { margin: 0 3px;}

.wrapin { width: 47%; margin-right: 1%; margin-bottom: 2%;float:left;}
.home02 input[type="submit"]{margin-top:20px;}

/*NAVBAR*/
.navbar-default .navbar-brand>img{position: absolute; top: 10px; left: 15px; width: 220px;}
.navbar-default .navbar-nav>li>a{padding:5px 30px;}
.navbar-default ul.links{display:none;}
.navbar-default input{width:180px; margin-left:10px;}

#big01{ display:none;}
#small01{ display:block;}
/*WRAP02*/
.wrap02{margin-top:20px;}
.wrap02 .left_side h2{margin-top:0px;}
.wrap02 .left_side a{margin-bottom:35px; width:200px;}

.wrap02 .item img{width:100% !important; height:250px;}
.wrap02 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{background: #23252D; width: 45px; height: 45px;
line-height: 45px; left: 10px; font-size:16px;}
.wrap02 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{background: #23252D; width: 45px; height: 45px;
line-height: 45px; right: 10px; font-size:16px;} 

.wrap02 .text{position:absolute; top:10px; left:15%; width:70%; margin:auto; background:#fff; padding: 25px; overflow:hidden;}
.wrap02 .text h3{font-size: 22px;}
.wrap02 .text h4{font-size: 18px; text-align:left;}
.wrap02 .text p{display:block;}

/*FOOTER COMMOM*/
.footerCommon{padding:50px 0px 30px 0px; margin-top:0px;}
.footerCommon h4{margin-top: 20px; margin-bottom: 5px;}
.footerCommon h3{margin-top:0px; font-size: 24px; font-weight:600; line-height: 26px; letter-spacing: 1px;}
.footerCommon ul.links{margin-top:10px;}
.footerCommon h5{padding-top:0px; text-align:center; line-height:22px;}

/*SCROLL TOP BUTTON*/ 
.scrollToTop{bottom:100px; right:20px;}
.scrollToTop:hover{bottom:105px;}

/*NAVIGATOR*/
.navigator .breadcrumb{padding:8px 0px;}
.navigator ul li a{text-decoration:none; color:#333; transition:all 0.1s ease-in-out;}
.navigator ul li a:hover{color:#000; font-weight:600;}

/*ABOUT02*/
.about02 h3{margin-top:10px;}

/*ABOUT03*/
.about03 img{margin-bottom:20px;}

/*SERVICES01*/
.services01 h4{margin:15px 0px; font-size:18px; line-height: 24px; color: #aea6a6;}
.services01 img{margin-top:25px;}

/*BLOG*/
.blog01 .rightside{  padding-left:0px;}

}

@media (max-width:580px) and (min-width:481px){
.tt-suggestion {padding-left:40px !important; }
.pagination-container {font-size: 14px;}
.pagination-btn,.pagination-page {padding: 4px 8px;margin: 1px; }
.pagination-ellipsis { margin: 0 3px;}
.home02 h1{font-size:24px;}

.wrapin { width: 47%; margin-right: 1%; margin-bottom: 2%;float:left;}
.home02 input[type="submit"]{margin-top:18px;}

/*NAVBAR*/
.navbar-default .navbar-brand>img{position: absolute; top: 10px; left: 15px; width: 220px;}
.navbar-default .navbar-nav>li>a{padding:5px 30px;}
.navbar-default ul.links{display:none;}
.navbar-default input{width:170px; margin-left:10px;}

#big01{ display:none;}
#small01{ display:block;}

/*WRAP02*/
.wrap02{margin-top:20px;}
.wrap02 .left_side h2{margin-top:0px;}
.wrap02 .left_side a{margin-bottom:35px; width:200px;}

.wrap02 .item img{width:100% !important; height:250px;}
.wrap02 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{background: #23252D; width: 45px; height: 45px;
line-height: 45px; left: 10px; font-size:16px;}
.wrap02 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{background: #23252D; width: 45px; height: 45px;
line-height: 45px; right: 10px; font-size:16px;} 

.wrap02 .text{position:absolute; top:10px; left:15%; width:70%; margin:auto; background:#fff; padding: 25px; overflow:hidden;}
.wrap02 .text h3{font-size: 22px;}
.wrap02 .text h4{font-size: 18px; text-align:left;}
.wrap02 .text p{display:block;}

/*FOOTER COMMOM*/
.footerCommon{padding:50px 0px 30px 0px; margin-top:0px;}
.footerCommon h4{margin-top: 20px; margin-bottom: 5px;}
.footerCommon h3{margin-top:0px; font-size: 24px; font-weight:600; line-height: 26px; letter-spacing: 1px;}
.footerCommon ul.links{margin-top:10px;}
.footerCommon h5{padding-top:0px; text-align:center; line-height:22px;}

/*SCROLL TOP BUTTON*/ 
.scrollToTop{bottom:100px; right:20px;}
.scrollToTop:hover{bottom:105px;}

/*NAVIGATOR*/
.navigator .breadcrumb{padding:8px 0px;}
.navigator ul li a{text-decoration:none; color:#333; transition:all 0.1s ease-in-out;}
.navigator ul li a:hover{color:#000; font-weight:600;}

/*ABOUT02*/
.about02 h3{margin-top:10px;}

/*ABOUT03*/
.about03 img{margin-bottom:20px;}

/*SERVICES01*/
.services01 h4{margin:15px 0px; font-size:18px; line-height: 24px; color: #aea6a6;}
.services01 img{margin-top:25px;}

/*BLOG*/
.blog01 .rightside{  padding-left:0px;}

}

@media (max-width:480px) and (min-width:361px){
.tt-suggestion {padding-left:30px !important; }
.pagination-container {font-size: 14px;}
.pagination-btn,.pagination-page {padding: 4px 8px;margin: 1px; }
.pagination-ellipsis { margin: 0 3px;}
.home02 h1{font-size:21px;}

.wrapin { width: 47%; margin-right: 1%; margin-bottom: 2%;float:left;}
.home02 input[type="submit"]{margin-top:18px;}

/*NAVBAR*/
.navbar-default .navbar-brand>img{position: absolute; top: 10px; left: 15px; width: 220px;}
.navbar-default .navbar-nav>li>a{padding:5px 30px;}
.navbar-default ul.links{display:none;}
.navbar-default input{width:160px; margin-left:10px;}

#big01{ display:none;}
#small01{ display:block;}
/*WRAP02*/
.wrap02{margin-top:20px;}
.wrap02 .left_side h2{margin-top:0px;}
.wrap02 .left_side a{margin-bottom:35px; width:200px;}

.wrap02 .item img{width:100% !important; height:250px;}
.wrap02 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{background: #23252D; width: 45px; height: 45px;
line-height: 45px; left: 10px; font-size:16px;}
.wrap02 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{background: #23252D; width: 45px; height: 45px;
line-height: 45px; right: 10px; font-size:16px;} 

.wrap02 .text{position:absolute; top:10px; left:10%; width:80%; margin:auto; background:#fff; padding: 20px; overflow:hidden;}
.wrap02 .text h3{font-size: 22px;}
.wrap02 .text h4{font-size: 18px; text-align:left;}
.wrap02 .text p{display:block;}

/*FOOTER COMMOM*/
.footerCommon{padding:50px 0px 30px 0px; margin-top:0px;}
.footerCommon h4{margin-top: 20px; margin-bottom: 5px;}
.footerCommon h3{margin-top:0px; font-size: 24px; font-weight:600; line-height: 26px; letter-spacing: 1px;}
.footerCommon ul.links{margin-top:10px;}
.footerCommon h5{padding-top:0px; text-align:center; line-height:22px;}

/*SCROLL TOP BUTTON*/ 
.scrollToTop{bottom:100px; right:20px;}
.scrollToTop:hover{bottom:105px;}

/*NAVIGATOR*/
.navigator .breadcrumb{padding:8px 0px;}
.navigator ul li a{text-decoration:none; color:#333; transition:all 0.1s ease-in-out;}
.navigator ul li a:hover{color:#000; font-weight:600;}

/*ABOUT02*/
.about02 h3{margin-top:10px;}

/*ABOUT03*/
.about03 img{margin-bottom:20px;}

/*SERVICES01*/
.services01 h4{margin:15px 0px; font-size:18px; line-height: 24px; color: #aea6a6;}
.services01 img{margin-top:25px;}

/*BLOG*/
.blog01 .rightside{  padding-left:0px;}

}

@media (max-width:360px) and (min-width:321px){
.main02{display:block;}
.main01{display:none;}
.pagination-container {font-size: 14px;}
.pagination-btn,.pagination-page {padding: 4px 8px;margin: 1px; }
.pagination-ellipsis { margin: 0 3px;}
.home02 h1{font-size:18px;}

.wrapin { width: 47%; margin-right: 1%; margin-bottom: 2%;float:left;}
.home02 input[type="submit"]{margin-top:16px;}

.tt-suggestion {padding-left:30px !important; }

/*NAVBAR*/
.navbar-default .navbar-brand>img{position: absolute; top: 10px; left: 15px; width: 220px;}
.navbar-default .navbar-nav>li>a{padding:5px 30px;}
.navbar-default ul.links{display:none;}
.navbar-default input{width:150px; margin-left:13px;}

#big01{ display:none;}
#small01{ display:block;}
/*WRAP02*/
.wrap02{margin-top:20px;}
.wrap02 .left_side h2{margin-top:0px;}
.wrap02 .left_side a{margin-bottom:35px; width:200px;}

.wrap02 .item img{width:100% !important; height:250px;}
.wrap02 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{background: #23252D; width: 45px; height: 45px;
line-height: 45px; left: 10px; font-size:16px;}
.wrap02 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{background: #23252D; width: 45px; height: 45px;
line-height: 45px; right: 10px; font-size:16px;} 

.wrap02 .text{position:absolute; top:10px; left:5%; width:90%; margin:auto; background:#fff; padding: 15px; overflow:hidden;}
.wrap02 .text h3{font-size: 22px;}
.wrap02 .text h4{font-size: 18px; text-align:center;}
.wrap02 .text p{display:none;}

/*FOOTER COMMOM*/
.footerCommon{padding:50px 0px 30px 0px; margin-top:0px;}
.footerCommon h4{margin-top: 20px; margin-bottom: 5px;}
.footerCommon h3{margin-top:0px; font-size: 24px; font-weight:600; line-height: 26px; letter-spacing: 1px;}
.footerCommon ul.links{margin-top:10px;}
.footerCommon h5{padding-top:0px; text-align:center; line-height:22px;}

/*SCROLL TOP BUTTON*/ 
.scrollToTop{width:45px; height:45px; bottom:110px; right:15px;}
.scrollToTop:hover{bottom:115px;}

/*NAVIGATOR*/
.navigator .breadcrumb{padding:8px 0px;}
.navigator ul li a{text-decoration:none; color:#333; transition:all 0.1s ease-in-out;}
.navigator ul li a:hover{color:#000; font-weight:600;}

/*ABOUT02*/
.about02 h3{margin-top:10px;}

/*ABOUT03*/
.about03 img{margin-bottom:20px;}

/*SERVICES01*/
.services01 h4{margin:15px 0px; font-size:18px; line-height: 24px; color: #aea6a6;}
.services01 img{margin-top:25px;}

/*BLOG*/
.blog01 .rightside{  padding-left:0px;}

body {padding-top: 110px;}
.mobtop01 img {height: 48px; max-width: 160px;}
.mobtop01 .fa-bars {font-size: 30px; line-height: 42px;}
.mobtop01 input[type="text"] {height: 36px; line-height: 36px; font-size: 12px; padding: 4px 6px;}
.mobtop01 button {height: 36px; width: 36px; font-size: 14px;}
.mobtop01 .col-xs-5 {padding-right: 3px;}
.mobtop01 .col-xs-5:first-of-type {padding-right: 3px;}
.mobtop01 .col-xs-2 {padding-left: 3px;}
}

@media (max-width:320px){
.pagination-container {font-size: 14px;}
.pagination-btn,.pagination-page {padding: 3px 4px;margin: 1px; }
.pagination-ellipsis { margin: 0 3px;}
.home02 h1{font-size:18px;}

.wrapin { width: 47%; margin-right: 1%; margin-bottom: 2%;float:left;}
.home02 input[type="submit"]{margin-top:16px;}

/*NAVBAR*/
.navbar-default .navbar-brand>img{position: absolute; top: 10px; left: 15px; width: 220px;}
.navbar-default .navbar-nav>li>a{padding:5px 30px;}
.navbar-default ul.links{display:none;}
.navbar-default input{width:140px; margin-left:10px;}

#big01{ display:none;}
#small01{ display:block;}

/*WRAP02*/
.wrap02{margin-top:20px;}
.wrap02 .left_side h2{margin-top:0px;}
.wrap02 .left_side a{margin-bottom:35px; width:200px;}

.wrap02 .item img{width:100% !important; height:250px;}
.wrap02 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{background: #23252D; width: 45px; height: 45px;
line-height: 45px; left: 10px; font-size:16px;}
.wrap02 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{background: #23252D; width: 45px; height: 45px;
line-height: 45px; right: 10px; font-size:16px;} 

.wrap02 .text{position:absolute; bottom:35px; left:5%; width:90%; margin:auto; background:#fff; padding: 15px; overflow:hidden;}
.wrap02 .text h3{font-size: 22px;}
.wrap02 .text h4{font-size: 18px; text-align:center;}
.wrap02 .text p{display:none;}

/*FOOTER COMMOM*/
.footerCommon{padding:50px 0px 30px 0px; margin-top:0px;}
.footerCommon h4{margin-top: 20px; margin-bottom: 5px;}
.footerCommon h3{margin-top:0px; font-size: 24px; font-weight:600; line-height: 26px; letter-spacing: 1px;}
.footerCommon ul.links{margin-top:10px;}
.footerCommon h5{padding-top:0px; text-align:center; line-height:22px;}

/*SCROLL TOP BUTTON*/ 
.scrollToTop{width:45px; height:45px; bottom:110px; right:15px;}
.scrollToTop:hover{bottom:115px;}

/*NAVIGATOR*/
.navigator .breadcrumb{padding:8px 0px;}
.navigator ul li a{text-decoration:none; color:#333; transition:all 0.1s ease-in-out;}
.navigator ul li a:hover{color:#000; font-weight:600;}

/*ABOUT02*/
.about02 h3{margin-top:10px;}

/*ABOUT03*/
.about03 img{margin-bottom:20px;}

/*SERVICES01*/
.services01 h4{margin:15px 0px; font-size:18px; line-height: 24px; color: #aea6a6;}
.services01 img{margin-top:25px;}


/*BLOG*/
.blog01 .rightside{  padding-left:0px;}

body {padding-top: 105px;}
.mobtop01 {padding: 6px 0;}
.mobtop01 img {height: 38px; max-width: 140px;}
.mobtop01 .fa-bars {font-size: 28px; line-height: 38px;}
.mobtop01 input[type="text"] {height: 34px; line-height: 34px; font-size: 11px; padding: 3px 5px;}
.mobtop01 button {height: 34px; width: 34px; font-size: 13px;}
.mobtop01 .col-xs-5 {padding-right: 2px; padding-left: 2px;}
.mobtop01 .col-xs-2 {padding-left: 2px; padding-right: 2px;}
.toggle01 {width: 260px;}

}
@media (max-width: 480px) {
.aboutmain h1{font-size:21px;}
.about01 h2 {font-size:18px; line-height:28px; gap:8px;}
.about01 h2 .word-translation {flex:0 1 80%; font-size:16px;}
.about01 h2 .action-buttons {gap:5px;}
.about01 h2 a {padding:5px 8px; min-width:32px; height:32px;}
.about01 h2 i {font-size:14px;}
.about01 h2 a[title]:hover::after {display:none;}
  .twitter-typeahead {display: block !important; width: 100% !important;}
  .tt-menu {max-height: 150px !important; font-size: 12px;}
  .tt-suggestion {padding: 8px !important; padding-left: 10px !important;}
}
@media (max-width: 767px) {
.aboutmain h1{font-size:22px;}
.about01 h2 {font-size:20px; line-height:32px; flex-wrap:nowrap;}
.about01 h2 .word-translation {flex:0 1 75%; font-size:18px; word-break:break-word; white-space:normal; overflow:visible; text-overflow:clip;}
.about01 h2 .action-buttons {flex:0 0 auto; gap:6px;}
.about01 h2 a {padding:6px 10px; min-width:36px; height:36px;}
.about01 h2 i {font-size:16px;}
  .main01 {display: none !important;}
  .main02 {display: block !important; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background: #ffeaf1; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
  .mobtop01 {padding: 8px 0; background: #ffeaf1;}
  .mobtop01 img {height: 45px; width: auto; max-width: 180px;}
  .mobtop01 .headtoggle01 {cursor: pointer; padding: 5px;}
  .mobtop01 .fa-bars {font-size: 32px; line-height: 45px; color: #740729;}
  .mobtop01 form {margin-top: 8px;}
  .mobtop01 input[type="text"] {height: 38px; line-height: 38px; padding: 5px 8px; font-size: 13px; border: 1px solid #ccc; border-radius: 4px; width: 100%; background: #fff !important;}
  .mobtop01 button {height: 38px; width: 38px; padding: 0; background: #740729 !important; border: none; border-radius: 4px; color: #fff; font-size: 16px;}
  .mobtop01 button:hover {background: #a10532 !important;}
  body {padding-top: 120px;}
  .toggle01 {position: fixed; top: 0; left: -100%; width: 280px; height: 100vh; background: #fff; z-index: 999; transition: left 0.3s ease-in-out; overflow-y: auto; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);}
  .toggle01.active {left: 0;}
  .topics01 table {min-width: 100%;font-size: 14px;display: block;overflow-x: auto;-webkit-overflow-scrolling: touch;}
  .topics01 table th,
  .topics01 table td {padding: 8px 6px;font-size: 12px;word-wrap: break-word;white-space: normal; }   
  .category01 table {min-width: 100%;font-size: 14px;display: block;overflow-x: auto;-webkit-overflow-scrolling: touch;}
  .category01 table th,
  .category01 table td {padding: 8px 6px;font-size: 12px;word-wrap: break-word;white-space: normal; } 
  .vservices02 table {min-width: 100%;font-size: 14px;display: block;overflow-x: auto;-webkit-overflow-scrolling: touch;}
  .vservices02 table th,
  .vservices02 table td {padding: 8px 6px;font-size: 12px;word-wrap: break-word;white-space: normal; } 
  .navbar-fixed::before {content: "";display: block;height: 0px; /* Adjust to match your navbar height */}
  .exmp01 table {min-width: 100%;font-size: 14px;display: block;overflow-x: auto;-webkit-overflow-scrolling: touch;}
  .exmp01 table th,
  .exmp01 table td {padding: 8px 6px;font-size: 12px;word-wrap: break-word;white-space: normal; } 
  .about04 table {min-width: 100%;font-size: 14px;display: block;overflow-x: auto;-webkit-overflow-scrolling: touch;}
  .about04 table th,
  .about04 table td {padding: 8px 6px;font-size: 12px;word-wrap: break-word;white-space: normal; } 
  .navbar-fixed::before {content: "";display: block;height: 0px; /* Adjust to match your navbar height */}
}