@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
html {
    scroll-behavior: smooth;
}
*{margin: 0; padding: 0; box-sizing: border-box;}

:root {
    --c-primary: #261d55;
    --c-secondary: #e2dcb3;
    --c-darkred: #981a29;
    --c-white: #fff;
    --c-black: #000;
    --fontFamily-Domine: 'PT Sans', serif;
    --fw-600: 600;
    --fw-700: 700;
}

.bg__gradient {
    background: linear-gradient(16deg, #0095cc47, transparent);
}

body{font:400 18px 'PT Sans', sans-serif; background-color: transparent; line-height:28px;}
.list-unstyled {line-height:32px;}

/* SOME COMMON CLASS START */
.responsiveclose{font-size: 30px; position: absolute; right: 10px; top: 10px; color: var(--c-white);}
.btn.focus, .btn:focus{box-shadow: none; outline: none;}
.knowMoreBtn{color: var(--c-white); text-decoration: underline; font-size: 18px; font-weight: 700; transition: all 1s ease; text-shadow:0 -3px 2px var(--c-black);}
.knowMoreBtn:hover{color: var(--c-white); opacity: 0.8; transform: translateX(7px); transition: all 0.3s ease;}

.TopExpAttractions__child:hover .animation__fadeup{animation:fadeup 0.5s ease normal; position: absolute; bottom: 0; left: 0;}
@keyframes fadeup {0%{bottom: -100%; opacity: 0; background-color: white; filter: blur(50px);} 100%{bottom: 0%; opacity: 1; filter:blur(0px);}}

/* SOME COMMON CLASS END */

/* HEADER CODE START */
header {width: 100%; left: 0; height: auto; background: #17a2b8; border-bottom:4px solid var(--c-black);}
header .navbar__link .nav-link{padding: 8px 15px; color: var(--c-white); display: flex; font-size: 15px; transition: all 0.5s ease; text-transform:uppercase; font-weight:var(--fw-600);}
header .navbar__link .nav-item.active,header .navbar__link .nav-item.active a{background:var(--c-black); color:var(--c-white);}
header .navbar__link .nav-link:hover,
header .navbar__link .nav-link:focus
{transition: all 0.3s ease; color:#333; position: relative; animation: blurss 1s ease alternate 1;} 
@keyframes blurss {0%{filter: blur(3px);}50%{filter: blur(0px);}}

header .nav__linkmodify a{background: #f60a3c; color: var(--c-white)!important; text-transform: uppercase; font-weight: var(--fw-700); align-items: center; padding: 8px 50px 8px 10px!important; font-size: 16px!important;}
/* HEADER CODE END */

/* SLIDER CODE START */
.slidersTop .carousel-indicators li{width: 12px; height: 12px; border-radius: 75%; background: #fff; border: 0; opacity: 1; border:1px solid #7ad1d1; }
.slidersTop .carousel-item{position: relative; height: 350px;}
.slidersTop .carousel-item::after{position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:linear-gradient(0deg, rgba(0,0,0,0.4), transparent, rgba(0,0,0,0.1));}
.slidersTop .carousel-indicators{ justify-content: start; margin-left: 10%;}
.slidersTop__fullimage{width: 100%; height: 100%; object-fit:cover}
.slidersTop .carousel-indicators .active{ width: 12px; height: 12px; background: #006666;}
.slidersTop .carousel-caption{left: 0; top: initial; right: initial; bottom: 26%; width: 100%;}
.slidersTop .carousel-caption .slidersTop__heading{font-size: 37px; text-align: left; font-weight: var(--fw-600); background: linear-gradient(180deg, rgba(37,18,70,0.7), transparent); margin-bottom: 0; line-height: 42px; text-shadow:0 4px 3px #000;}
.slidersTop .carousel-caption .slidersTop__heading span{font-size: 61px;}

.dsvw{position: absolute; right: calc(50% - 540px); z-index: 11; width:250px; bottom: 5%;}
.dsvw .card{padding: 10px; border-radius: 0; background:#8a2be2c7; background: linear-gradient(180deg, rgba(37,18,70,1), transparent); border: 0;}
.dsvw .card .card-img-top{object-fit: cover; object-position: top; border: 2px solid var(--c-white); border-radius: 0; width: 100%; height: 100px;}
.dsvw .list-group-item{background: transparent; border-radius: 0; border: 0; padding: 2px; border-bottom: 1px dashed var(--c-white);}
.dsvw .list-group-item-action{color: var(--c-white); font-weight: var(--fw-700); font-size: 16px; }
.dsvw .list-group-item img{transition: all 1s ease;}
.dsvw .list-group-item:hover img{transition: all 0.5s ease; transform: rotate(360deg);}
/* SLIDER CODE END */


/* WELCOME TO WASHINGTON CODE START */
  .welcomeWashington__title{font-size: 29px; font-weight: var(--fw-700);color: var(--c-primary);}
  .welcomeWashington__pic{height:182px;}
/* WELCOME TO WASHINGTON CODE END */

/* EVENTS CODE START */
  .events{margin: 50px 0; position: relative; background: url(../images/eventbg.jpg) no-repeat center center / cover; min-height: 300px; padding: 2px 0;}
  .events::after{background:url(../images/eventbgeffect.png) no-repeat 0 bottom; content: ''; left: 0; bottom: -121px; position: absolute; width: 206px; height: 121px;}
  .events__images{border: 5px solid var(--c-white); width: 300px; height: 300px; margin-right: 30px;}
  .events__title{font-size: 35px; color: var(--c-white);}
/* EVENTS CODE END */

/* TOP EXP ATTRACTION CODE START */
.TopExpAttractions__title{font-size: 32px; padding: 0 20px; text-align: center;background-color: #0095cc29;background-color: #17a2b8;color: #fff;font-weight: 600;}
.TopExpAttractions__text{color: var(--c-white); font-size: 18px; max-width: 210px; font-weight: var(--fw-600); position: absolute; bottom: 0; left: 0; padding: 5px 10px;}
.TopExpAttractions{display: flex; flex-flow:row wrap; align-items: stretch; justify-content: center;}
.TopExpAttractions__subparents{width: 28%; margin: 2px;}
.TopExpAttractions__subparents--width{width: 42%;}

.TopExpAttractions__child{margin-bottom: 4px; overflow: hidden;}
.TopExpAttractions__child::before{content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: linear-gradient(0deg, rgba(0,0,0,0.3), transparent);}
.TopExpAttractions__child img{width: 100%; height: 210px;}
.TopExpAttractions__subparents--width img{width: 100%; height: 426px;}

.exp__tabs .nav-tabs .nav-link { border: 0 !important; margin-top: 1px; color: #666;}
.exp__tabs .nav-tabs .nav-link.active { border-bottom: 2px solid var(--c-primary)!important; color: var(--c-primary); font-weight: bold; background-image: linear-gradient(to bottom, #daf0f8, #def2f9, #e2f3fa, #e5f5fa, #e9f6fb);}
.exp__tabs .tab-pane ul li,.exp__tabs--deals li{position:relative; padding-left:35px;}
.exp__tabs .tab-pane ul li::before,.exp__tabs--deals li::before{font-weight: bold;content: "";position: absolute;width: 0;height: 0;left: 4px;top: 9px;border-top: 9px solid transparent;border-right: 9px solid #261d55;transform: rotate(10deg);}
.exp__tabs .tab-pane ul li::after, .exp__tabs--deals li::after {content: "";position: absolute;border: 0 solid transparent;border-top: 3px solid #261d55;border-radius: 20px 0 0 0;top: 6px;left: -5px;width: 12px;height: 12px;transform: rotate(45deg);}
.exp__heading {background: #ffffffad; backdrop-filter: blur(1px); color: black; padding: 14px; min-height: 80px; display: flex; align-items: center; font-size:18px; justify-content: center; flex-direction:column; position:absolute; width:100%; left:0;}
.exp__heading ins{font-size:14px;}
.lightGallerys a img{height:200px; width:100%;}
/* TOP EXP ATTRACTION CODE END */
/* QATAR PACKAGES CODE START  */
.washingaton__Card {
    position: relative;
    border: 0px;
}
.washingaton__Card::after{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(rgba(256, 256, 256, 0) 57%, #1a1e1e); z-index: 1;}
.washingatoncard__image{width: 100%; object-fit: fill; height:300px; border:1px solid #f1f1f1;}
.washingatonHeading__Details{position: absolute; left: 0; bottom: 12px; width: 96%; left: 4%; background-color: transparent; padding: 2px 12px; z-index: 2;}
.washingatonHeading__heading,.washingatonHeading__text{font-size: 18px; font-weight: var(--fw-700); color: var(--c-white);}
.washingatonHeading__text{font-weight: 400;}
.washingatonHeading__btn{position: absolute; right: 0; bottom: 0px; z-index: 3;}

.sliderOne .slick-prev, .sliderOne .slick-next{bottom: -24px; top: initial; transform: translateX(-50%); left: 47%;}
.sliderOne .slick-next{margin-left: 38px;}
.sliderOne .slick-prev:before,
.sliderOne .slick-next:before{content: ''; background: url(../images/sliderleft.jpg) no-repeat 0 0; width: 39px; height: 39px; display: block;}
.ctrl__slider{margin: 10px;}
.sliderOne .slick-next:before{background: url(../images/sliderright.jpg) no-repeat 0 0;}
.bestHotel a{padding: 0 5px 0 0;}
.sliderOne .slick-dots li button:before{font-size: 14px;}
.sliderOne .slick-dots li{margin:0 3px;}
.sliderOne .slick-dots li.slick-active button:before{color: #087dc2;}
/* QATAR PACKAGES CODE END  */

/* INNER PAEGS CODE START */
.InnerHeadImage{display: block; position: relative;}
.InnerHeadImage::after{content: ''; width: 100%; height: 100%; bottom: 0; left: 0; position: absolute; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.1) 40%,  rgba(0,0,0,0.1) 41%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,1) 100% );}
.InnerHeadImage .carousel-caption{bottom: 0%;}
.InnerHeadImage__hero{height: 270px; width: 100%; object-fit: cover;}
.InnerHeadImage__title{font-size: 40px;}

.breadcrumb-item+.breadcrumb-item::before{content:url(../images/breadcrumbarrow.png) '';}
.breadcrumb-item a,.breadcrumb-item{font-size: 15px; color: var(--c-black);}
.breadcrumb-item.active{color:var(--c-darkred)}

.leftpanel .dsvw{position: static; width: 100%; background:linear-gradient(145deg, #111e75, #3e488f) ; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 90%, 0 100%); padding-bottom: 70px;}
.aboutContent .card-header{font-size: 33px;}
.aboutContent__images{width: 84%; height: 250px; object-fit: cover; border-radius: 10px;}
.df .welcomeWashington__title{font-size: 21px; font-family: inherit;}

.listModify__content{list-style:disc; padding:10px 0 0 50px; display:flex; flex-flow:row wrap; border-radius:40px 0; box-shadow:-2px 2px 2px #333c85;}
.listModify__content li {padding: 4px 10px 4px 2px; margin-right:45px; font-size: 16px; border-bottom: 1px dashed var(--c-secondary); flex: 1 1 275px; color:#070c70;}
.listModify__content ::marker {color: var(--c-primary);}

.washingtonTabs .nav-tabs .nav-link{color:#878787; font-weight:var(--fw-700)}
.washingtonTabs .nav-tabs .nav-link.active { border-bottom: 2px solid var(--c-primary) !important; color: var(--c-primary); font-weight: bold;}
.Itinerary__title{font-size:18px; font-weight:var(--fw-700)}

.datetime{font-weight:var(--fw-700); margin:10px 0; background:#efefef; padding:5px 10px; border-radius:5px; max-width:350px;}
.datetime span{font-weight:300;}
.sprotEvent__details{border:1px solid transparent; padding:5px; border-image:linear-gradient(90deg, #fff,#261d55,#fff)  100% 1%; border-top:0;}
.Exp__list{list-style:inside circle;}
.Exp__list ::marker{color:#0c0cf3;}

.media__img{height:300px; width:100%; object-fit:cover;}
.lang{background:var(--c-black); padding:4px 10px; color:var(--c-white); font-size:14px;font-weight:bold; text-transform:uppercase;}
/* INNER PAEGS CODE END */
/*SEND QUERY CSS START*/
.sqbtn {background: #17a2b8; display: inline-block; padding: 11px 10px; text-align: center; font-weight: 600;color: #fff; font-size: 17px; border-radius: 0px 0px 10px 10px; overflow: hidden;transform: rotate(-90deg); position: absolute; top: 80px;cursor: pointer;right: 0px;}
.sqbtn span {position: relative;z-index: 1}
.sqbtn::before {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 60%;background: #17a2b8;}
.querypopupinner {width: 410px;position: fixed;bottom: 0;left: -319px;transition: .3s}
.bggrey {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;background: rgba(0, 0, 0, .8);display: none;}
.querypopup {z-index: 99;position: relative}
.querypopup.active .querypopupinner {left: 0;bottom: 45px;}
.querypopup.active #showquery {display: none;}
.querypopup.active .queryform {visibility: visible;}
.queryform {width: 315px;background: #fff;padding: 16px 16px 30px 16px;position: relative;visibility: hidden;}
.queryform .fcontrol {width: 100%;height: 36px;border: 1px solid #000;padding: 10px;outline: none;}
.queryform .fcontrol:focus {border-color: var(--mcolor)}
.queryform .closebtn {position: absolute;right: -12px;top: -17px;width: 32px;height: 32px;color: var(--bcolor);background: var(--wcolor);transition: .3s;text-align: center;border-radius: 50%;font-size: 24px;line-height: 31px}
.queryform .closebtn:hover {background: var(--rcolor);color: var(--wcolor);}
.queryform .lmore_btn {position: absolute;bottom: -25px;left: 0;right: 0;margin: 0 auto;width: 150px;}
textarea.inputbx {resize: none;height: 86px;}
.inputbx {height: 42px;width: 100%;padding: 8px;border: 1px solid #cfcfcf;font-weight: normal;outline: none;}
.lmore_btn {border: 0;color: #ffffff;font-weight: 600; background:#17a2b8; font-size: 17px;position: relative;padding: 12px 35px;transition: .3s;border-radius: 25px;overflow: hidden;}
.lmore_btn span {display: block;position: relative;z-index: 1;}
.lmore_btn::before {position: absolute;content: "";transition: .3s;left: -100%;height: 100%;width: 100%;top: 0;background: var(--altcolor);}
.lmore_btn:hover:before {left: 0;}

.socialIocns{display:flex; flex-direction:column; margin-top:10px;}
.socialIocns a{border-bottom:1px solid #d5d5d5; display:flex; padding:10px 5px 16px; margin-bottom:10px; font-size:18px; text-decoration:none; color:var(--c-black);}
.socialIocns a i{font-size:30px; margin-right:10px;}
.socialIocns a:hover i{transition:all 0.7s ease; transform:rotate(360deg);}

.visitor__content--modify{flex-direction:column;}
.visitor__content--modify li{flex:auto; color:var(--c-black);}
/*SEND QUERY CSS END*/

/*VISITOR GUIDE BUTTON START*/
.visitorGuide {position:fixed; right:0; top:34vh; color:var(--c-white); font-weight:var(--fw-700); background:#f60a3c; padding:30px 10px 10px; z-index:99; writing-mode:vertical-rl; border-radius:10px 0 0 10px; text-decoration:none; font-size:16px;}
.visitorGuide:hover{color:var(--c-white); text-decoration:none;}
.visitorGuide__up{animation:visitorGuide__up 0.5s ease alternate infinite; position:absolute; top:0; left:15px;}
@keyframes visitorGuide__up{
    0%{margin-top:-10px; opacity:0;}
    50%{margin-top:3px; opacity:1;}
}
/*VISITOR GUIDE BUTTON END*/
/* FOOTER START */
.footer {   
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align:center;
    background: var(--c-black);
    color:var(--c-white);
    font-size: 15px;
    background-position: bottom;    
    padding: 10px;
}
/* FOOTER END */



/* MEDIA START */
@media screen and (max-width:1199.98px) {
  .dsvw{right: 12%;}
 
}

@media screen and (max-width:991.98px){ 
  header .navbar-nav{position: fixed; top: 0; right: 0; height: 100%; width: 300px; background: var(--c-primary); overflow-y: auto; overflow-x: hidden; padding-bottom: 5px;}
  header .navbar-light .navbar-nav .nav-link{padding: 10px; display: block; color: var(--c-white);}
  header .navbar-light .navbar-nav .nav-link:hover{transform: translateX(10px); transition: all 0.5s ease;}
  header .nav__linkmodify{margin-top: auto; width: 100%;}
  header .nav__linkmodify a{padding: 10px!important; text-align: center;}
  .df .media{flex-direction: column; align-items: center; }
  .welcomeWashington .media,.events .media{flex-direction: column; align-items: center;}
  .welcomeWashington .media .media-body,.events .media-body{text-align: center; padding-top: 20px;}
  .washingatoncard__image{height:220px;}
}

@media screen and (max-width:767.98px){  
  .slidersTop .carousel-caption .slidersTop__heading,
  .events__title,
  .TopExpAttractions__title,
  .slidersTop .carousel-caption,
  .aboutContent .card-header,
  .InnerHeadImage__title{
      font-size: 29px; line-height: 32px; bottom: 10%; text-align: center;}

  .slidersTop .carousel-indicators{justify-content: center; margin-left: 15%;}
  .slidersTop .carousel-item,.slidersTop__fullimage{height: 200px;}


  .ctrl__slider{margin: 4px;}
  .events__images{width: 250px; height: 250px; margin-right:0; object-fit: cover;}
  .events::after{display: none;}

  .TopExpAttractions container{flex-direction: column;}
  .TopExpAttractions__subparents--width,.TopExpAttractions__subparents{width: 100%;}
  .TopExpAttractions__child img,.TopExpAttractions__subparents--width img{height:180px;}
  .TopExpAttractions__text{max-width: 100%; width: 100%; text-align: center;}

  .aboutContent__images{width: 100%; height: auto;}
  .leftpanel .dsvw .list-group{flex-direction: row; flex-wrap: wrap;}
  .leftpanel .dsvw .list-group .list-group-item-action{display: flex; flex-direction: column; justify-content: space-between; align-items: center; font-size: 13px; flex: 1 1 120px;}
    header .navbar__link .nav-link{font-size:14px; padding:4px 10px;}
      .footer{flex-direction:column;}
  }

@media screen and (max-width:480px){  
  header .header-nav{ width: 250px; } 
  header .navbar-brand{margin-right: 5px;}
  .sliderOne .slick-prev, .sliderOne .slick-next{left:42%;}

  }